@pantheon-systems/pds-toolkit-react 1.0.0-dev.170 → 1.0.0-dev.171

package/_dist/index.js

@@ -39,22 +39,22 @@ const r1 = (r) => {
     "listItems",
     "className"
   ]);
-  const l = "pds-avatar-tile-list", i = "pds-tile-list", d = s ? `${i}--reverse` : "";
+  const l = "pds-avatar-tile-list", i = "pds-tile-list", m = s ? `${i}--reverse` : "";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [
         l,
-        d,
+        m,
         `${i}--avatar`,
         i,
         a
       ].join(" ").trim().replace(/\s+/g, " ")
     }, c),
     n.map((u, h) => {
-      const m = u.linkContent ? u.linkContent.type : "div", p = u.linkContent.props.href ? "href" : "to", f = p === "href" ? u.linkContent.props.href : u.linkContent.props.to, E = u.linkContent.props.target ? "target" : null;
+      const d = u.linkContent ? u.linkContent.type : "div", p = u.linkContent.props.href ? "href" : "to", f = p === "href" ? u.linkContent.props.href : u.linkContent.props.to, E = u.linkContent.props.target ? "target" : null;
       return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-        m,
+        d,
         {
           key: `avatar-tile-item-${h}`,
           className: `${i}__item`,
@@ -125,7 +125,7 @@ const o1 = {
     "iconSize",
     "className"
   ]);
-  const l = `pds-icon pds-icon--${n} pds-icon--${s}`, i = `0 0 ${Ft[s].width} 512`, d = {
+  const l = `pds-icon pds-icon--${n} pds-icon--${s}`, i = `0 0 ${Ft[s].width} 512`, m = {
     sm: "0.8rem",
     md: "1rem",
     lg: "1.2rem",
@@ -140,7 +140,7 @@ const o1 = {
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       viewBox: i,
-      height: d[n],
+      height: m[n],
       fill: "none",
       "aria-hidden": "true",
       preserveAspectRatio: "xMidYMid meet",
@@ -742,8 +742,8 @@ const o1 = {
     path: "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z",
     width: "576"
   }
-}, ls = Object.keys(Ft), Vt = 300, i1 = 400, _t = (m) => {
-  var p = m, {
+}, ls = Object.keys(Ft), Vt = 300, i1 = 400, _t = (d) => {
+  var p = d, {
     content: s,
     customTrigger: n = null,
     offsetValue: a = 8,
@@ -752,7 +752,7 @@ const o1 = {
     triggerIcon: o = "circleInfo",
     triggerIconColor: l = "default",
     triggerIconSize: i = "sm",
-    zIndex: d = i1,
+    zIndex: m = i1,
     className: u
   } = p, h = I(p, [
     "content",
@@ -815,7 +815,7 @@ const o1 = {
     y({
       className: `${g}__container`,
       ref: C.setFloating,
-      style: ge(y({}, $), { zIndex: d })
+      style: ge(y({}, $), { zIndex: m })
     }, M()),
     s
   ));
@@ -830,12 +830,12 @@ Ge.propTypes = {
 };
 const d1 = (s) => /* @__PURE__ */ e.createElement(gs, { className: "pds-breadcrumbs__mobileCrumbs", end: !0, to: s.uri }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }), s.label), m1 = (s, n) => s.uri.split("/").length - n.uri.split("/").length, ys = (a) => {
   var c = a, { ariaLabel: s } = c, n = I(c, ["ariaLabel"]);
-  const [r, o] = R(!0), { crumbs: l, deferredCrumbIds: i } = He(Cs), d = [...l].sort(m1), u = () => {
+  const [r, o] = R(!0), { crumbs: l, deferredCrumbIds: i } = He(Cs), m = [...l].sort(m1), u = () => {
     o(!1);
-  }, h = d.map(
-    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Ge, { crumb: _, lastCrumb: !0, key: g }) : /* @__PURE__ */ e.createElement(Ge, { crumb: _, key: g })
-  ), m = d.map(
-    (_, g) => g === d.length - 1 ? /* @__PURE__ */ e.createElement(Ge, { crumb: _, key: `breadcrumb-${g}`, lastCrumb: !0 }) : g == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
+  }, h = m.map(
+    (_, g) => g === m.length - 1 ? /* @__PURE__ */ e.createElement(Ge, { crumb: _, lastCrumb: !0, key: g }) : /* @__PURE__ */ e.createElement(Ge, { crumb: _, key: g })
+  ), d = m.map(
+    (_, g) => g === m.length - 1 ? /* @__PURE__ */ e.createElement(Ge, { crumb: _, key: `breadcrumb-${g}`, lastCrumb: !0 }) : g == 2 ? /* @__PURE__ */ e.createElement(e.Fragment, null, " ", /* @__PURE__ */ e.createElement("li", { className: r ? "" : "pds-breadcrumbs__hidden" }, /* @__PURE__ */ e.createElement(
       "button",
       {
         key: `breadcrumb-button-${g}`,
@@ -850,7 +850,7 @@ const d1 = (s) => /* @__PURE__ */ e.createElement(gs, { className: "pds-breadcru
         classes: r ? "pds-breadcrumbs__hidden" : null,
         key: `breadcrumb-${g}`
       }
-    )) : g > 2 && g < d.length - 2 ? /* @__PURE__ */ e.createElement(
+    )) : g > 2 && g < m.length - 2 ? /* @__PURE__ */ e.createElement(
       Ge,
       {
         crumb: _,
@@ -858,7 +858,7 @@ const d1 = (s) => /* @__PURE__ */ e.createElement(gs, { className: "pds-breadcru
         key: `breadcrumb-${g}`
       }
     ) : /* @__PURE__ */ e.createElement(Ge, { crumb: _, key: `breadcrumb-${g}` })
-  ), p = d.length >= 6 ? m : h, f = d[d.length - 2], E = d1(f);
+  ), p = m.length >= 6 ? d : h, f = m[m.length - 2], E = d1(f);
   return /* @__PURE__ */ e.createElement("nav", { className: "pds-breadcrumbs", "aria-label": s, "aria-live": "polite" }, /* @__PURE__ */ e.createElement("ul", y({ className: "pds-breadcrumbs__item" }, n), p), E);
 };
 ys.propTypes = {
@@ -1229,7 +1229,7 @@ const p1 = [
 }, E1 = Fe(
   (o, r) => {
     var l = o, { children: s, isActive: n, className: a } = l, c = I(l, ["children", "isActive", "className"]);
-    const i = bs(), d = "pds-input__select-option", u = n ? `${d}--active` : null;
+    const i = bs(), m = "pds-input__select-option", u = n ? `${m}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
@@ -1237,20 +1237,20 @@ const p1 = [
         role: "option",
         id: i,
         "aria-selected": n,
-        className: J([d, u, a])
+        className: J([m, u, a])
       }, c),
       s
     );
   }
 ), zt = (i) => {
-  var d = i, {
+  var m = i, {
     colorType: s = "full-color",
     isInline: n = !1,
     label: a = "Loading",
     showLabel: c = !1,
     size: r = "md",
     className: o = ""
-  } = d, l = I(d, [
+  } = m, l = I(m, [
     "colorType",
     "isInline",
     "label",
@@ -1258,11 +1258,11 @@ const p1 = [
     "size",
     "className"
   ]);
-  const u = "pds-spinner", h = s !== "full-color" ? `${u}--${s}` : null, m = `${u}--${r}`, p = n ? `${u}--inline` : null;
+  const u = "pds-spinner", h = s !== "full-color" ? `${u}--${s}` : null, d = `${u}--${r}`, p = n ? `${u}--inline` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [u, h, p, m, o].join(" ").trim().replace(/\s+/g, " "),
+      className: [u, h, p, d, o].join(" ").trim().replace(/\s+/g, " "),
       role: "status"
     }, l),
     /* @__PURE__ */ e.createElement("span", { className: `${u}__icon` }),
@@ -1279,10 +1279,10 @@ const p1 = [
       isLoading: o = !1,
       isSplitButton: l = !1,
       label: i,
-      onClick: d,
+      onClick: m,
       size: u = "md",
       variant: h = "primary",
-      className: m
+      className: d
     } = _, p = I(_, [
       "ariaLabel",
       "buttonType",
@@ -1323,10 +1323,10 @@ const p1 = [
       "button",
       ge(y({}, p), {
         type: n,
-        className: [g, b, v, m].join(" ").trim().replace(/\s+/g, " "),
+        className: [g, b, v, d].join(" ").trim().replace(/\s+/g, " "),
         disabled: a || o,
         "aria-label": s,
-        onClick: d,
+        onClick: m,
         ref: f
       }),
       o && /* @__PURE__ */ e.createElement(zt, { className: `${g}__loading-indicator`, size: "md" }),
@@ -1394,8 +1394,8 @@ Ke.propTypes = {
    */
   className: t.string
 };
-const Be = (d) => {
-  var u = d, {
+const Be = (m) => {
+  var u = m, {
     disabled: s = !1,
     displayType: n = "label-only",
     iconName: a,
@@ -1412,7 +1412,7 @@ const Be = (d) => {
     "variant",
     "className"
   ]);
-  const h = Pe(), m = "pds-button-link", p = "pds-button", f = c.props.className, E = r !== "md" ? `${p}--${r}` : null, _ = o !== "primary" ? `${p}--${o}` : null, g = [p, f, _, E].join(" ").trim().replace(/\s+/g, " ");
+  const h = Pe(), d = "pds-button-link", p = "pds-button", f = c.props.className, E = r !== "md" ? `${p}--${r}` : null, _ = o !== "primary" ? `${p}--${o}` : null, g = [p, f, _, E].join(" ").trim().replace(/\s+/g, " ");
   let b;
   switch (r) {
     case "sm":
@@ -1448,12 +1448,12 @@ const Be = (d) => {
       label: $,
       variant: o,
       size: r,
-      className: [m, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, l].join(" ").trim().replace(/\s+/g, " ")
     }, i)
   ) : /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [m, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, l].join(" ").trim().replace(/\s+/g, " ")
     }, i),
     w
   );
@@ -1497,7 +1497,7 @@ Be.propTypes = {
   className: t.string
 };
 const _1 = (h) => {
-  var m = h, {
+  var d = h, {
     bodyText: s,
     headingLevel: n = "h2",
     headingText: a,
@@ -1506,8 +1506,8 @@ const _1 = (h) => {
     kickerText: o,
     primaryLink: l,
     secondaryLink: i,
-    className: d
-  } = m, u = I(m, [
+    className: m
+  } = d, u = I(d, [
     "bodyText",
     "headingLevel",
     "headingText",
@@ -1535,14 +1535,14 @@ const _1 = (h) => {
   return r && l ? /* @__PURE__ */ e.createElement(
     _,
     y({
-      className: [p, f, d].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, f, m].join(" ").trim().replace(/\s+/g, " ")
     }, l.props),
     g,
     b
   ) : /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [p, f, d].join(" ").trim().replace(/\s+/g, " ")
+      className: [p, f, m].join(" ").trim().replace(/\s+/g, " ")
     }, u),
     g,
     b
@@ -1599,7 +1599,7 @@ const C1 = (u) => {
     onChange: o,
     options: l,
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "id",
     "initialSelection",
     "label",
@@ -1609,9 +1609,9 @@ const C1 = (u) => {
     "options",
     "className"
   ]);
-  const m = "pds-card-select-group";
-  let p = `${m}__legend`;
-  c === "center" && (p = `${m}__legend ${m}__legend--center`), c === "hidden" && (p = `${m}__legend visually-hidden`);
+  const d = "pds-card-select-group";
+  let p = `${d}__legend`;
+  c === "center" && (p = `${d}__legend ${d}__legend--center`), c === "hidden" && (p = `${d}__legend visually-hidden`);
   const [f, E] = R(n), _ = ($) => {
     E($.target.value), o && o($.target.value);
   }, g = l.length, b = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
@@ -1619,14 +1619,14 @@ const C1 = (u) => {
   return r === "twoAcross" ? C = b : r === "threeAcross" ? C = v : r === "auto" && (g % 3 === 0 ? C = v : g % 2 === 0 ? C = b : C = v), /* @__PURE__ */ e.createElement(
     "fieldset",
     y({
-      className: [m, i].join(" ").trim().replace(/\s+/g, " "),
+      className: [d, i].join(" ").trim().replace(/\s+/g, " "),
       id: s
-    }, d),
+    }, m),
     /* @__PURE__ */ e.createElement("legend", { className: p }, a),
-    /* @__PURE__ */ e.createElement("div", { className: `${m}__options pds-grid pds-grid--narrow` }, l.map(($, w) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${d}__options pds-grid pds-grid--narrow` }, l.map(($, w) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: [`${m}__option`, C].join(" ").trim().replace(/\s+/g, " "),
+        className: [`${d}__option`, C].join(" ").trim().replace(/\s+/g, " "),
         key: `${s}-option-${w}`
       },
       /* @__PURE__ */ e.createElement(
@@ -1644,17 +1644,17 @@ const C1 = (u) => {
         "label",
         {
           htmlFor: `${s}-option-${w}`,
-          className: f === $.value ? `${m}__option-label ${m}__option-label--selected` : `${m}__option-label`
+          className: f === $.value ? `${d}__option-label ${d}__option-label--selected` : `${d}__option-label`
         },
-        /* @__PURE__ */ e.createElement("div", { className: `${m}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { className: `${d}__option-label-indicator` }, /* @__PURE__ */ e.createElement(
           A,
           {
             iconName: f === $.value ? "circleCheck" : "circle",
             iconSize: "xl",
-            className: f === $.value ? `${m}__option-icon ${m}__option-icon--selected` : `${m}__option-icon`
+            className: f === $.value ? `${d}__option-icon ${d}__option-icon--selected` : `${d}__option-icon`
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${m}__option-label-text` }, $.label, $.description && /* @__PURE__ */ e.createElement("div", { className: `${m}__option-description` }, $.description))
+        /* @__PURE__ */ e.createElement("div", { className: `${d}__option-label-text` }, $.label, $.description && /* @__PURE__ */ e.createElement("div", { className: `${d}__option-description` }, $.description))
       )
     )))
   );
@@ -1719,7 +1719,7 @@ const $1 = (u) => {
     primaryLink: o,
     secondaryLink: l,
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "backgroundColor",
     "containerWidth",
     "headingLevel",
@@ -1729,22 +1729,22 @@ const $1 = (u) => {
     "secondaryLink",
     "className"
   ]);
-  const m = "pds-cta-slice", p = s && s !== "default" ? `${m}--${s}` : null, f = n && n !== "default" ? `pds-container pds-container--${n}` : "pds-container", E = `${a}`;
+  const d = "pds-cta-slice", p = s && s !== "default" ? `${d}--${s}` : null, f = n && n !== "default" ? `pds-container pds-container--${n}` : "pds-container", E = `${a}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [m, p, i].join(" ").trim().replace(/\s+/g, " ")
-    }, d),
-    /* @__PURE__ */ e.createElement("div", { className: f }, c && /* @__PURE__ */ e.createElement(E, { className: `${m}__heading pds-ts-4xl` }, c), r && /* @__PURE__ */ e.createElement(
+      className: [d, p, i].join(" ").trim().replace(/\s+/g, " ")
+    }, m),
+    /* @__PURE__ */ e.createElement("div", { className: f }, c && /* @__PURE__ */ e.createElement(E, { className: `${d}__heading pds-ts-4xl` }, c), r && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${m}__lead-text pds-lead-text pds-lead-text--sm`
+        className: `${d}__lead-text pds-lead-text pds-lead-text--sm`
       },
       r
     ), o && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${m}__links pds-button-group pds-button-group--lg`
+        className: `${d}__links pds-button-group pds-button-group--lg`
       },
       /* @__PURE__ */ e.createElement(
         "a",
@@ -1853,7 +1853,7 @@ const We = $t(null), y1 = ({
     sidebarToggleLabel: o = "Toggle sidebar",
     skiplinkText: l = "Skip to main content",
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "children",
     "hasSidebarToggle",
     "initialSidebarExpanded",
@@ -1863,19 +1863,19 @@ const We = $t(null), y1 = ({
     "skiplinkText",
     "className"
   ]);
-  const [m, p] = R(
+  const [d, p] = R(
     a
   ), { isMobile: f } = He(We), E = se(), [_] = kt(E), b = {
     navbarWidth: _.width,
-    isSidebarExpanded: f ? !0 : m
-  }, v = "pds-dashboard", C = f ? `${v}--isMobile` : `${v}--notMobile`, $ = f ? null : m ? `${v}--sidebarExpanded` : `${v}--sidebarCollapsed`, w = m ? `${r}rem` : `${c}rem`, L = {
+    isSidebarExpanded: f ? !0 : d
+  }, v = "pds-dashboard", C = f ? `${v}--isMobile` : `${v}--notMobile`, $ = f ? null : d ? `${v}--sidebarExpanded` : `${v}--sidebarCollapsed`, w = d ? `${r}rem` : `${c}rem`, L = {
     width: w,
     transition: "width 200ms ease-in-out"
   }, k = f ? {} : {
     width: `calc(100% - ${w})`,
     transition: "width 200ms ease-in-out"
   }, z = () => {
-    p(!m);
+    p(!d);
   }, N = {};
   e.Children.forEach(s, (P) => {
     if (e.isValidElement(P)) {
@@ -1888,7 +1888,7 @@ const We = $t(null), y1 = ({
     {
       className: `${v}__sidebar-toggle-button`,
       onClick: z,
-      "aria-expanded": m,
+      "aria-expanded": d,
       "aria-label": o
     },
     /* @__PURE__ */ e.createElement("span", { className: `${v}__sidebar-toggle-icon` }, /* @__PURE__ */ e.createElement(A, { iconName: "angleLeft", iconSize: "sm" }))
@@ -1903,7 +1903,7 @@ const We = $t(null), y1 = ({
         "pds-typography--product",
         i != null ? i : ""
       ].join(" ").trim().replace(/\s+/g, " ")
-    }, d),
+    }, m),
     f && x,
     f ? H : S,
     /* @__PURE__ */ e.createElement(
@@ -1918,14 +1918,14 @@ const We = $t(null), y1 = ({
     )
   ));
 }, Jt = (i) => {
-  var d = i, {
+  var m = i, {
     color: s = "transparent",
     hasStatusIndicator: n = !1,
     label: a,
     statusIndicatorText: c = "Status indicator: ",
     statusType: r,
     className: o
-  } = d, l = I(d, [
+  } = m, l = I(m, [
     "color",
     "hasStatusIndicator",
     "label",
@@ -1933,13 +1933,13 @@ const We = $t(null), y1 = ({
     "statusType",
     "className"
   ]);
-  const u = "pds-status-badge", h = `${u}--${s}`, m = `${u}__status`, p = r ? `${m}--${r}` : null;
+  const u = "pds-status-badge", h = `${u}--${s}`, d = `${u}__status`, p = r ? `${d}--${r}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [u, h, o != null ? o : ""].join(" ").trim().replace(/\s+/g, " ")
     }, l),
-    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [m, p].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c, " ", r)),
+    n === !0 && /* @__PURE__ */ e.createElement("span", { className: [d, p].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c, " ", r)),
     /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, a)
   );
 }, zs = ({ option: s }) => {
@@ -2002,7 +2002,7 @@ const N1 = Fe(
       hasSearchShortcut: o = !1,
       id: l,
       inputWidth: i,
-      isLoading: d = !1,
+      isLoading: m = !1,
       label: u,
       labelStrings: h = {
         clearButton: "Clear input text",
@@ -2010,7 +2010,7 @@ const N1 = Fe(
         searchShortcut: "Press / to focus the search field",
         triggerButton: "Toggle dropdown menu"
       },
-      loadingText: m = "Loading results...",
+      loadingText: d = "Loading results...",
       message: p,
       noResultsText: f = "No results found",
       onBlur: E,
@@ -2118,7 +2118,7 @@ const N1 = Fe(
         }
       );
       te(pe);
-    }, [ie, d, v]);
+    }, [ie, m, v]);
     const et = ve.map((pe, fe) => {
       const { label: xe, value: Re, optionDisplay: De } = pe;
       return /* @__PURE__ */ e.createElement(
@@ -2244,7 +2244,7 @@ const N1 = Fe(
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: y({}, ce) }, d ? /* @__PURE__ */ e.createElement("div", { className: `${H}__loading` }, m) : ve.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${H}__options` }, et) : /* @__PURE__ */ e.createElement("div", { className: `${H}__no-results` }, f))
+        /* @__PURE__ */ e.createElement("div", { style: y({}, ce) }, m ? /* @__PURE__ */ e.createElement("div", { className: `${H}__loading` }, d) : ve.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${H}__options` }, et) : /* @__PURE__ */ e.createElement("div", { className: `${H}__no-results` }, f))
       ),
       B && /* @__PURE__ */ e.createElement(
         Qe,
@@ -2272,10 +2272,10 @@ const N1 = Fe(
     loadingText: o = "Loading results...",
     noResultsText: l = "No results found",
     onFocus: i,
-    onOptionSelect: d,
+    onOptionSelect: m,
     placeholder: u = "Search sites",
     siteList: h,
-    startingRightPosition: m = 9.25,
+    startingRightPosition: d = 9.25,
     className: p
   } = _, f = I(_, [
     "disabled",
@@ -2299,11 +2299,11 @@ const N1 = Fe(
   let k = null;
   const z = He(Qt);
   z && (k = z.navbarWidth);
-  const N = 2.25, x = 22, M = k > 900 ? x : k / 16 - m - N * 0.675;
+  const N = 2.25, x = 22, M = k > 900 ? x : k / 16 - d - N * 0.675;
   let T = N;
   g && !k && (T = x), g && k && (T = M);
   const V = {
-    right: `${m}rem`,
+    right: `${d}rem`,
     width: `${T}rem`
   }, H = "pds-dashboard-search", S = w ? `${H}--isMobile` : null, P = () => {
     b(!0), setTimeout(() => {
@@ -2314,7 +2314,7 @@ const N1 = Fe(
       b(!1);
     }, 150);
   }, F = (D) => {
-    C(D.value), d && d(D);
+    C(D.value), m && m(D);
   };
   oe(() => {
     if (g) {
@@ -2487,13 +2487,13 @@ const H1 = (l) => {
     "summary",
     "className"
   ]);
-  const d = n || `expansion-panel-${Pe()}`, u = "pds-expansion-panel";
+  const m = n || `expansion-panel-${Pe()}`, u = "pds-expansion-panel";
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [u, r].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    /* @__PURE__ */ e.createElement("details", { key: c, id: d, open: a }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${u}__icon` })), /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, s))
+    /* @__PURE__ */ e.createElement("details", { key: c, id: m, open: a }, /* @__PURE__ */ e.createElement("summary", null, /* @__PURE__ */ e.createElement("span", null, c), /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${u}__icon` })), /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, s))
   );
 };
 H1.propTypes = {
@@ -2604,14 +2604,14 @@ Ms.propTypes = {
 const Ls = Fe(
   (o, r) => {
     var l = o, { children: s, active: n, className: a } = l, c = I(l, ["children", "active", "className"]);
-    const i = bs(), d = "pds-input__option", u = n ? `${d}--active` : null;
+    const i = bs(), m = "pds-input__option", u = n ? `${m}--active` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
       y({
         ref: r,
         role: "option",
         id: i,
-        className: [d, u, a].join(" ").trim().replace(/\s+/g, " "),
+        className: [m, u, a].join(" ").trim().replace(/\s+/g, " "),
         "aria-selected": n
       }, c),
       s
@@ -2634,10 +2634,10 @@ const Je = Fe(
       inputWidth: o,
       isFieldset: l = !1,
       label: i,
-      message: d,
+      message: m,
       messagePosition: u = "after",
       readonly: h = !1,
-      required: m = !1,
+      required: d = !1,
       showLabel: p = !0,
       validationState: f,
       className: E
@@ -2658,14 +2658,14 @@ const Je = Fe(
       "validationState",
       "className"
     ]);
-    const C = "pds-input-wrapper", $ = `${C}--${r}`, w = "pds-input-label", L = `pds-input-field__message pds-input-field__message--${u}`, k = f === "error" ? "pds-has-error" : null, z = f === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, x = h ? "pds-is-readonly" : null, M = m && !a ? "pds-is-required" : null, T = o ? `${o / 16}rem` : null, V = o ? { width: T } : null, H = l ? "fieldset" : "div", S = m && !a ? /* @__PURE__ */ e.createElement(
+    const C = "pds-input-wrapper", $ = `${C}--${r}`, w = "pds-input-label", L = `pds-input-field__message pds-input-field__message--${u}`, k = f === "error" ? "pds-has-error" : null, z = f === "success" ? "pds-has-success" : null, N = a ? "pds-is-disabled" : null, x = h ? "pds-is-readonly" : null, M = d && !a ? "pds-is-required" : null, T = o ? `${o / 16}rem` : null, V = o ? { width: T } : null, H = l ? "fieldset" : "div", S = d && !a ? /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: "asterisk",
         iconSize: "sm",
         className: "pds-input-label__required"
       }
-    ) : null, P = d ? /* @__PURE__ */ e.createElement(
+    ) : null, P = m ? /* @__PURE__ */ e.createElement(
       "div",
       {
         className: L,
@@ -2673,7 +2673,7 @@ const Je = Fe(
         role: f === "error" ? "alert" : null,
         style: V
       },
-      d
+      m
     ) : null;
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -2777,8 +2777,8 @@ Je.propTypes = {
    */
   className: t.string
 };
-const dt = (m) => {
-  var p = m, {
+const dt = (d) => {
+  var p = d, {
     ariaLabel: s,
     buttonType: n = "button",
     disabled: a = !1,
@@ -2788,7 +2788,7 @@ const dt = (m) => {
     onClick: l = () => {
     },
     size: i = "md",
-    variant: d = "standard",
+    variant: m = "standard",
     className: u
   } = p, h = I(p, [
     "ariaLabel",
@@ -2802,7 +2802,7 @@ const dt = (m) => {
     "variant",
     "className"
   ]);
-  const f = "pds-icon-button", E = i !== "md" ? `${f}--${i}` : null, _ = d !== "standard" ? `${f}--${d}` : null, g = {
+  const f = "pds-icon-button", E = i !== "md" ? `${f}--${i}` : null, _ = m !== "standard" ? `${f}--${m}` : null, g = {
     fadeOut: `${f}--fadeOut`,
     hide: `${f}--hide`,
     scaleIn: `${f}--scaleIn`
@@ -2888,10 +2888,10 @@ const M1 = (_) => {
     id: o,
     inputWidth: l,
     message: i,
-    multiple: d = !1,
+    multiple: m = !1,
     onFileChange: u,
     required: h = !1,
-    showLabel: m = !0,
+    showLabel: d = !0,
     validationFunction: p,
     className: f
   } = g, E = I(g, [
@@ -2937,7 +2937,7 @@ const M1 = (_) => {
       label: r,
       message: V,
       required: h,
-      showLabel: m,
+      showLabel: d,
       validationState: w
     }, E),
     /* @__PURE__ */ e.createElement(
@@ -2957,7 +2957,7 @@ const M1 = (_) => {
         id: o,
         accept: s || null,
         disabled: c,
-        multiple: d,
+        multiple: m,
         required: h,
         onChange: M
       }
@@ -3091,7 +3091,7 @@ const L1 = (o) => {
         headingText: n
       }
     ),
-    /* @__PURE__ */ e.createElement("ul", { className: `${i}__list`, role: "list" }, a.map((d, u) => /* @__PURE__ */ e.createElement("li", { key: u, className: `${i}__item` }, d)))
+    /* @__PURE__ */ e.createElement("ul", { className: `${i}__list`, role: "list" }, a.map((m, u) => /* @__PURE__ */ e.createElement("li", { key: u, className: `${i}__item` }, m)))
   );
 };
 L1.propTypes = {
@@ -3147,10 +3147,10 @@ const V1 = new Intl.NumberFormat().formatToParts(100000089e-2), It = V1.find((s)
     label: o,
     message: l,
     onChange: i,
-    placeholder: d,
+    placeholder: m,
     required: u = !1,
     showLabel: h = !0,
-    validationFunction: m,
+    validationFunction: d,
     className: p
   } = _, f = I(_, [
     "disabled",
@@ -3203,8 +3203,8 @@ const V1 = new Intl.NumberFormat().formatToParts(100000089e-2), It = V1.find((s)
   }, j = () => {
     z("error"), v.current.push($e.error);
   }, F = (O) => {
-    if (m) {
-      const D = m(O.target.value) || {};
+    if (d) {
+      const D = d(O.target.value) || {};
       H(), D.error && j(), D.success && (z("success"), v.current.push($e.success)), L(D.message);
     } else
       N.current.checkValidity() === !1 || O.target.value.length < M.current + M.numExtra ? (j(), n === "credit-card" && L(
@@ -3262,7 +3262,7 @@ const V1 = new Intl.NumberFormat().formatToParts(100000089e-2), It = V1.find((s)
       type: n === "phone" ? "tel" : "text",
       id: c,
       name: c,
-      placeholder: d,
+      placeholder: m,
       required: u,
       disabled: s,
       value: C,
@@ -3376,10 +3376,10 @@ const S1 = (f) => {
     label: o,
     message: l,
     onChange: i,
-    required: d = !1,
+    required: m = !1,
     showLabel: u = !0,
     validationFunction: h,
-    className: m
+    className: d
   } = E, p = I(E, [
     "counterFunction",
     "disabled",
@@ -3394,7 +3394,7 @@ const S1 = (f) => {
     "validationFunction",
     "className"
   ]);
-  const _ = "pds-input-obscured", g = se(["pds-input-field", _, m]), [b, v] = R(r), [C, $] = R(s("")), [w, L] = R(), [k, z] = R(null), [N, x] = R(!1), M = se(null), T = se(null);
+  const _ = "pds-input-obscured", g = se(["pds-input-field", _, d]), [b, v] = R(r), [C, $] = R(s("")), [w, L] = R(), [k, z] = R(null), [N, x] = R(!1), M = se(null), T = se(null);
   oe(() => {
     r && s && $(s(r));
   }, []);
@@ -3424,7 +3424,7 @@ const S1 = (f) => {
     var D;
     (!((D = M.current) != null && D.contains(O.relatedTarget)) || !O.relatedTarget) && x(!1);
   };
-  V(), d && !n && g.current.push($e.required), n && g.current.push($e.disabled);
+  V(), m && !n && g.current.push($e.required), n && g.current.push($e.disabled);
   let W = null;
   return k === "error" && (W = /* @__PURE__ */ e.createElement(rt, { type: "error" })), k === "success" && (W = /* @__PURE__ */ e.createElement(rt, { type: "success" })), /* @__PURE__ */ e.createElement(
     "div",
@@ -3449,7 +3449,7 @@ const S1 = (f) => {
         type: N ? "text" : "password",
         id: c,
         name: c,
-        required: d,
+        required: m,
         disabled: n,
         value: b,
         onChange: P,
@@ -3571,7 +3571,7 @@ const Tt = 16, rs = 10, T1 = (N) => {
     id: o,
     initialValue: l = "",
     inputWidth: i,
-    label: d,
+    label: m,
     labelStrings: u = {
       clearButton: "Clear input text",
       searchShortcut: "Press / to focus the search field",
@@ -3580,7 +3580,7 @@ const Tt = 16, rs = 10, T1 = (N) => {
       visibilityToggleShow: "Show input value"
     },
     message: h,
-    onChange: m,
+    onChange: d,
     onFocus: p,
     placeholder: f,
     readonly: E = !1,
@@ -3674,7 +3674,7 @@ const Tt = 16, rs = 10, T1 = (N) => {
   }, le = (ae) => {
     p && p(ae.target);
   }, ne = (ae) => {
-    b ? m && m({ formattedValue: ae, rawValue: D.current }) : m && m(ae);
+    b ? d && d({ formattedValue: ae, rawValue: D.current }) : d && d(ae);
   }, _e = (ae) => {
     T(b ? te(ae.target.value) : ae.target.value), de(), n && H(n(b ? D.current : ae.target.value)), ne(ae.target.value);
   }, ee = (ae) => {
@@ -3713,7 +3713,7 @@ const Tt = 16, rs = 10, T1 = (N) => {
       id: o,
       inputFieldType: "text",
       inputWidth: i,
-      label: d,
+      label: m,
       message: we,
       onBlur: Q,
       ref: O,
@@ -3918,13 +3918,13 @@ const O1 = (o) => {
     "headingText",
     "className"
   ]);
-  const i = "pds-links-card", d = `${n}`;
+  const i = "pds-links-card", m = `${n}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: [i, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
-    a && /* @__PURE__ */ e.createElement(d, { className: `${i}__heading pds-ts-xl` }, a),
+    a && /* @__PURE__ */ e.createElement(m, { className: `${i}__heading pds-ts-xl` }, a),
     s && /* @__PURE__ */ e.createElement("ul", { className: `${i}__list`, role: "list" }, s.map((u, h) => /* @__PURE__ */ e.createElement("li", { key: h, className: "pds-cta-links-card__item" }, u)))
   );
 };
@@ -3976,22 +3976,30 @@ const os = [
     "uniqueId",
     "className"
   ]);
-  const d = "pds-avatar", u = `${d}--${s}`, h = n ? `${d}--image` : null, p = {
-    backgroundImage: c ? `var(--pds-color-gradient-avatar-${R1(c)})` : null,
+  const m = "pds-avatar", u = `${m}--${s}`, h = n ? `${m}--image` : null, d = c ? `var(--pds-color-gradient-avatar-${R1(c)})` : null, p = {
+    backgroundImage: d,
     borderRadius: "100%",
     height: "100%",
     width: "100%"
-  }, f = n ? /* @__PURE__ */ e.createElement("img", { src: `${n}`, className: `${d}__image`, alt: "" }) : /* @__PURE__ */ e.createElement("span", { style: p }), E = /* @__PURE__ */ e.createElement("span", { className: `${d}__content` }, f), _ = Ut(a) ? je(
+  }, f = n ? /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      src: `${n}`,
+      style: { backgroundImage: d },
+      className: `${m}__image`,
+      alt: ""
+    }
+  ) : /* @__PURE__ */ e.createElement("span", { style: p }), E = /* @__PURE__ */ e.createElement("span", { className: `${m}__content` }, f), _ = Ut(a) ? je(
     a,
     ge(y({}, a.props), {
-      className: `${d}__content ${d}__content--link`
+      className: `${m}__content ${m}__content--link`
     }),
     f
   ) : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: J([d, u, h, r])
+      className: J([m, u, h, r])
     }, o),
     a ? _ : E
   );
@@ -4005,10 +4013,10 @@ const os = [
     isSplitButton: o = !1,
     label: l,
     menuItems: i,
-    menuPosition: d = "start",
+    menuPosition: m = "start",
     size: u = "md",
     testId: h,
-    undefinedLabel: m = "Unlabeled group",
+    undefinedLabel: d = "Unlabeled group",
     variant: p = "primary",
     withinNavbar: f,
     className: E
@@ -4218,7 +4226,7 @@ const os = [
       Rt || Ot
     ), be = Y.length > 0;
     let me = [`${H}__listbox`];
-    if (f && me.push(`${H}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && me.push(`${H}__listbox--avatar`), d === "end" && me.push(`${H}__listbox--end`), a === "icon-only" && me.push(`${H}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), be) {
+    if (f && me.push(`${H}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && me.push(`${H}__listbox--avatar`), m === "end" && me.push(`${H}__listbox--end`), a === "icon-only" && me.push(`${H}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), be) {
       const Ne = gt(q, Y);
       Ne.forEach(() => {
         le.current.push(Pe());
@@ -4249,7 +4257,7 @@ const os = [
         },
         Ne.map((Me, tt) => {
           Ce = le.current[tt];
-          const st = Me[0].isHeading, nt = st ? `${B}-group-${Ce}-heading` : "", js = `${B}-group-${Ce}`, Bs = st ? null : `${m} ${tt + 1}`;
+          const st = Me[0].isHeading, nt = st ? `${B}-group-${Ce}-heading` : "", js = `${B}-group-${Ce}`, Bs = st ? null : `${d} ${tt + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
@@ -4814,23 +4822,23 @@ const A1 = /* @__PURE__ */ e.createElement(
     "className"
   ]);
   var g;
-  const d = "pds-pantheon-logo", u = n && n !== "full" ? `${d}--${n}` : null, h = s && s !== "default" ? `${d}--${s}` : null;
-  let m;
+  const m = "pds-pantheon-logo", u = n && n !== "full" ? `${m}--${n}` : null, h = s && s !== "default" ? `${m}--${s}` : null;
+  let d;
   switch (n) {
     case "full":
-      m = A1;
+      d = A1;
       break;
     case "icon":
-      m = is;
+      d = is;
       break;
     case "wordmark":
-      m = P1;
+      d = P1;
       break;
     case "sub-brand":
-      m = is;
+      d = is;
   }
   const p = e.isValidElement(a) && typeof a.props.children == "string" ? a.props.children : "", f = e.isValidElement(a) ? je(a, {
-    children: m,
+    children: d,
     "aria-Label": p
   }) : a, E = (g = c == null ? void 0 : c.text) != null ? g : "", _ = c && n === "sub-brand" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, c.linkContent ? je(c.linkContent, {
     children: E,
@@ -4840,17 +4848,17 @@ const A1 = /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: J([
-        d,
+        m,
         u,
         h,
         r != null ? r : ""
       ])
     }, o),
-    a ? f : m,
+    a ? f : d,
     _
   );
-}, q1 = (m) => {
-  var p = m, {
+}, q1 = (d) => {
+  var p = d, {
     children: s,
     colorType: n = "default",
     containerWidth: a = "x-wide",
@@ -4859,7 +4867,7 @@ const A1 = /* @__PURE__ */ e.createElement(
     logoDisplay: o = "full",
     logoLink: l = /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io" }, "Pantheon Home"),
     logoSrc: i,
-    logoSubBrand: d,
+    logoSubBrand: m,
     className: u
   } = p, h = I(p, [
     "children",
@@ -4935,7 +4943,7 @@ const A1 = /* @__PURE__ */ e.createElement(
       colorType: T,
       displayType: o,
       linkContent: l,
-      subBrand: d
+      subBrand: m
     }
   ), P = /* @__PURE__ */ e.createElement(
     "button",
@@ -5027,16 +5035,16 @@ const Ss = ({ items: s, label: n, mobileMenuMaxWidth: a = 640 }) => {
   }), []);
   const i = () => {
     l(window.innerWidth);
-  }, d = o <= a, u = "pds-nav-menu", { refs: h, context: m } = Ie({
+  }, m = o <= a, u = "pds-nav-menu", { refs: h, context: d } = Ie({
     placement: "bottom-start",
     open: c,
     onOpenChange: r,
     whileElementsMounted: qe
-  }), p = ot(m, { event: "mousedown" }), f = Se(m), E = Te(m, { role: "menu" });
+  }), p = ot(d, { event: "mousedown" }), f = Se(d), E = Te(d, { role: "menu" });
   let _;
-  d ? _ = Et(m, {
+  m ? _ = Et(d, {
     enabled: !1
-  }) : _ = Et(m, {
+  }) : _ = Et(d, {
     handleClose: vs({
       requireIntent: !1,
       buffer: 10,
@@ -5094,7 +5102,7 @@ const j1 = (l) => {
     "mobileMenuMaxWidth",
     "className"
   ]);
-  const [d, u] = R(1025), [h, m] = R(null), [p, f] = R(-1), [E, _] = R(null), [g, b] = R({
+  const [m, u] = R(1025), [h, d] = R(null), [p, f] = R(-1), [E, _] = R(null), [g, b] = R({
     containerChildren: []
   });
   oe(() => (u(window.innerWidth), window.addEventListener("resize", v), () => {
@@ -5102,13 +5110,13 @@ const j1 = (l) => {
   }), []);
   const v = () => {
     u(window.innerWidth);
-  }, C = d <= c;
+  }, C = m <= c;
   oe(() => {
     g.containerChildren[h] && (g.containerChildren[h].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && E == "down" ? m(h + 1) : g.containerChildren[h].classList.contains(
+    ) && E == "down" ? d(h + 1) : g.containerChildren[h].classList.contains(
       "pds-nav-menu__dropdown--separator"
-    ) && E == "up" ? m(h - 1) : g.containerChildren[h].children[0].focus());
+    ) && E == "up" ? d(h - 1) : g.containerChildren[h].children[0].focus());
   }, [h]), oe(() => {
     p != -1 && (k.current[p].children[0].blur(), k.current[p].children[0].focus({
       focusVisible: !0
@@ -5117,10 +5125,10 @@ const j1 = (l) => {
   const $ = "pds-nav-menu", w = n !== "default" ? `${$}--${n}` : "", L = C ? `${$}--isMobile` : `${$}--notMobile`, k = se([]), z = (M) => {
     const T = k.current.length - 1, F = {
       ArrowRight: () => {
-        m(-1), f(p === -1 ? 1 : p === T ? 0 : p + 1);
+        d(-1), f(p === -1 ? 1 : p === T ? 0 : p + 1);
       },
       ArrowLeft: () => {
-        m(-1), f(p === 0 ? T : p - 1);
+        d(-1), f(p === 0 ? T : p - 1);
       },
       ArrowDown: () => {
         var W, O, D, U;
@@ -5129,10 +5137,10 @@ const j1 = (l) => {
         g.container != Z && Z != null && b({
           container: Z,
           containerChildren: [...B]
-        }), h === null || h == g.containerChildren.length - 1 ? m(0) : m(parseInt(h) + 1);
+        }), h === null || h == g.containerChildren.length - 1 ? d(0) : d(parseInt(h) + 1);
       },
       ArrowUp: () => {
-        _("up"), m(h === 0 ? g.containerChildren.length - 1 : parseInt(h) - 1);
+        _("up"), d(h === 0 ? g.containerChildren.length - 1 : parseInt(h) - 1);
       }
     }[M.code];
     F && F();
@@ -5225,11 +5233,11 @@ const Ct = (o) => {
     "color",
     "className"
   ]);
-  const i = "pds-indicator-badge", d = `${i}--${a}`, u = `${i}--${n}`;
+  const i = "pds-indicator-badge", m = `${i}--${a}`, u = `${i}--${n}`;
   return /* @__PURE__ */ e.createElement(
     "span",
     y({
-      className: [i, d, u, c != null ? c : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [i, m, u, c != null ? c : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("span", { className: `${i}__label` }, s)
   );
@@ -5544,7 +5552,7 @@ const At = {
     summary: o,
     title: l,
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "badge",
     "icon",
     "selectionLink",
@@ -5554,37 +5562,37 @@ const At = {
     "title",
     "className"
   ]);
-  const m = "pds-new-site-card", p = a.type;
+  const d = "pds-new-site-card", p = a.type;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [m, i].join(" ").trim().replace(/\s+/g, " ")
-    }, d),
+      className: [d, i].join(" ").trim().replace(/\s+/g, " ")
+    }, m),
     /* @__PURE__ */ e.createElement(
       p,
       y({
         "aria-label": a.props.children,
-        className: `${m}__selection-link`
+        className: `${d}__selection-link`
       }, a.props),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${m}__icon` }, /* @__PURE__ */ e.createElement(Ts, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${m}__title` }, l, c && /* @__PURE__ */ e.createElement("div", { className: `${m}__subtitle` }, c))),
+      /* @__PURE__ */ e.createElement("div", { className: `${d}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${d}__icon` }, /* @__PURE__ */ e.createElement(Ts, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${d}__title` }, l, c && /* @__PURE__ */ e.createElement("div", { className: `${d}__subtitle` }, c))),
       s && /* @__PURE__ */ e.createElement(
         Ct,
         {
           label: ds[s].label,
           size: "sm",
           color: ds[s].color,
-          className: `${m}__badge`
+          className: `${d}__badge`
         }
       ),
-      o && /* @__PURE__ */ e.createElement("div", { className: `${m}__summary` }, o)
+      o && /* @__PURE__ */ e.createElement("div", { className: `${d}__summary` }, o)
     ),
-    r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${m}__links` }, r.map((f, E) => {
+    r && r.length <= 2 && /* @__PURE__ */ e.createElement("div", { className: `${d}__links` }, r.map((f, E) => {
       const _ = f.type;
       return /* @__PURE__ */ e.createElement(
         _,
         y({
           key: E,
-          className: `${m}__link`
+          className: `${d}__link`
         }, f.props),
         f.props.children,
         f.props.target === "_blank" && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -5592,7 +5600,7 @@ const At = {
           {
             iconName: "externalLink",
             iconSize: "sm",
-            className: `${m}__link-icon`
+            className: `${d}__link-icon`
           }
         ), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Opens new window"))
       );
@@ -5662,16 +5670,16 @@ const it = $t({}), F1 = (s) => {
   buttonCallback: r = null,
   children: o
 }) => {
-  const [l, i] = R(() => F1(s)), [d, u] = R([]), h = s.length, [m, p] = R("");
+  const [l, i] = R(() => F1(s)), [m, u] = R([]), h = s.length, [d, p] = R("");
   return /* @__PURE__ */ e.createElement(
     it.Provider,
     {
       value: {
         currentKey: l,
         setCurrentKey: i,
-        currentPages: d,
+        currentPages: m,
         setCurrentPages: u,
-        pageDirection: m,
+        pageDirection: d,
         setDirection: p,
         itemLength: h,
         pages: s,
@@ -5702,10 +5710,10 @@ const Lt = (E) => {
     message: o,
     onOptionSelect: l,
     options: i,
-    required: d = !1,
+    required: m = !1,
     selectOptionsLabel: u = "Select an option...",
     showLabel: h = !0,
-    validationFunction: m,
+    validationFunction: d,
     className: p
   } = _, f = I(_, [
     "disabled",
@@ -5760,11 +5768,11 @@ const Lt = (E) => {
   }))(i), K = () => {
     k(""), N(null);
   }, ie = (ee) => {
-    const Q = m(ee) || {};
+    const Q = d(ee) || {};
     K(), Q.error && N("error"), Q.success && N("success"), k(Q.message);
   }, X = (ee) => {
     const Q = U[ee];
-    w(Q.value), C(null), b(!1), l && l(Q), m && ie(Q);
+    w(Q.value), C(null), b(!1), l && l(Q), d && ie(Q);
   }, ve = /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", className: `${M}__trigger-icon` }), te = /* @__PURE__ */ e.createElement(A, { iconName: "check", className: `${M}__checked-icon` }), de = U.map((ee, Q) => /* @__PURE__ */ e.createElement(
     Ls,
     ge(y({
@@ -5798,7 +5806,7 @@ const Lt = (E) => {
       inputWidth: c,
       label: r,
       message: le,
-      required: d,
+      required: m,
       showLabel: h,
       validationState: z
     }, f),
@@ -5812,7 +5820,7 @@ const Lt = (E) => {
         tabIndex: 0,
         "aria-label": r,
         "aria-disabled": s,
-        "aria-required": d ? !0 : null,
+        "aria-required": m ? !0 : null,
         "aria-invalid": z === "error",
         "aria-describedby": le ? `${n}__message` : null,
         ref: V.setReference
@@ -5942,12 +5950,12 @@ const W1 = {
   }
 }, Ye = (c) => {
   var r = c, { arrowText: s = null, direction: n } = r, a = I(r, ["arrowText", "direction"]);
-  const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: d, pages: u } = He(it), h = Gt(
+  const { buttonCallback: o, currentKey: l, setCurrentKey: i, setDirection: m, pages: u } = He(it), h = Gt(
     (g, b) => {
       o && (g.preventDefault(), o(b));
     },
     [o, l]
-  ), { title: m, rel: p, srText: f, icon: E, keyModifier: _ } = W1[n];
+  ), { title: d, rel: p, srText: f, icon: E, keyModifier: _ } = W1[n];
   return /* @__PURE__ */ e.createElement(
     "li",
     y({
@@ -5956,11 +5964,11 @@ const W1 = {
     /* @__PURE__ */ e.createElement(
       "a",
       {
-        title: m,
+        title: d,
         rel: p,
         href: u[_(l)].link,
         onClick: (g) => {
-          h(g, _(l)), i(_(l)), d(n);
+          h(g, _(l)), i(_(l)), m(n);
         }
       },
       n === "right" && s ? /* @__PURE__ */ e.createElement("span", null, s) : null,
@@ -5983,10 +5991,10 @@ const Z1 = (n) => {
     headingId: o,
     itemLength: l,
     pages: i
-  } = He(it), d = [];
+  } = He(it), m = [];
   return i.forEach((u, h) => {
-    let m = { label: `Page ${h + 1}`, value: `${h + 1}` };
-    d.push(m);
+    let d = { label: `Page ${h + 1}`, value: `${h + 1}` };
+    m.push(d);
   }), /* @__PURE__ */ e.createElement(
     "nav",
     y({
@@ -5999,7 +6007,7 @@ const Z1 = (n) => {
       Lt,
       {
         label: "Page select dropdown",
-        selectOptions: d,
+        selectOptions: m,
         selectOptionsLabel: `Page ${c + 1}`,
         onChange: (u) => {
           console.log(u), r(parseInt(u - 1)), a(parseInt(u - 1));
@@ -6011,7 +6019,7 @@ const Z1 = (n) => {
 function U1(s, n, a, c, r, o) {
   if (c > 3) {
     let l = [];
-    const i = n.find((d) => d.key == c);
+    const i = n.find((m) => m.key == c);
     (n[0].key === c || !i) && (c > r - 3 ? (l = [
       {
         page: s[r - 4],
@@ -6029,10 +6037,10 @@ function U1(s, n, a, c, r, o) {
         page: s[r - 1],
         key: r - 1
       }
-    ], a(l)) : c === r - 1 ? s.forEach((d, u) => {
-      u > r - 4 && l.push({ page: d, key: u });
-    }) : s.forEach((d, u) => {
-      u >= c && u < c + 4 && l.push({ page: d, key: u });
+    ], a(l)) : c === r - 1 ? s.forEach((m, u) => {
+      u > r - 4 && l.push({ page: m, key: u });
+    }) : s.forEach((m, u) => {
+      u >= c && u < c + 4 && l.push({ page: m, key: u });
     }), c > 3 && (l = [
       { page: s[0], key: 0 },
       { page: s[1], key: 1 },
@@ -6092,8 +6100,8 @@ function U1(s, n, a, c, r, o) {
     ]), a(l));
   } else {
     let l = [];
-    s.forEach((i, d) => {
-      d < 4 && l.push({ page: i, key: d });
+    s.forEach((i, m) => {
+      m < 4 && l.push({ page: i, key: m });
     }), !(c > r - 3) && r > 4 && (l = [
       ...l,
       "...",
@@ -6116,7 +6124,7 @@ const Rs = (c) => {
   }, {
     currentKey: l,
     setCurrentKey: i,
-    render: d = null,
+    render: m = null,
     paginationItemClickHandler: u
   } = He(it);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, n.key || n.key === 0 ? /* @__PURE__ */ e.createElement(
@@ -6129,7 +6137,7 @@ const Rs = (c) => {
       }
     }, a),
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, l === s ? "Current Page" : `Page ${(n != null && n.key ? n == null ? void 0 : n.key : s) + 1}`),
-    d((h = n.page) == null ? void 0 : h.link, n.key + 1)
+    m((h = n.page) == null ? void 0 : h.link, n.key + 1)
   ) : /* @__PURE__ */ e.createElement(
     "span",
     {
@@ -6154,10 +6162,10 @@ const G1 = (n) => {
     currentPages: o,
     setCurrentPages: l,
     headingId: i,
-    itemLength: d,
+    itemLength: m,
     pageDirection: u,
     pages: h
-  } = He(it), m = Gt(
+  } = He(it), d = Gt(
     (f, E) => {
       a && (f.preventDefault(), a(E));
     },
@@ -6169,7 +6177,7 @@ const G1 = (n) => {
       o,
       l,
       c,
-      d,
+      m,
       u
     );
   }, [c]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -6185,16 +6193,16 @@ const G1 = (n) => {
       {
         href: p[p.length - 1].link,
         onClick: (f) => {
-          m(f, 0), r(0);
+          d(f, 0), r(0);
         }
       },
       "First"
-    )), /* @__PURE__ */ e.createElement(Ye, { direction: "left" })) : null, o.map((f, E) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${E}` }, /* @__PURE__ */ e.createElement(Rs, y({ index: E, page: f }, s)))), c < d - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ye, { direction: "right" }), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--last" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Last Page"), /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement(Ye, { direction: "left" })) : null, o.map((f, E) => /* @__PURE__ */ e.createElement("li", { key: `list-item-${E}` }, /* @__PURE__ */ e.createElement(Rs, y({ index: E, page: f }, s)))), c < m - 1 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ye, { direction: "right" }), /* @__PURE__ */ e.createElement("li", { className: "pds-pager__item pds-pager__item--last" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Last Page"), /* @__PURE__ */ e.createElement(
       "a",
       {
         href: p[p.length - 1].link,
         onClick: (f) => {
-          m(f, d - 1), r(d - 1);
+          d(f, m - 1), r(m - 1);
         }
       },
       "Last"
@@ -6223,14 +6231,14 @@ const G1 = (n) => {
       return /* @__PURE__ */ e.createElement(Z1, y({}, a));
   }
 }, X1 = (i) => {
-  var d = i, {
+  var m = i, {
     buttonCallback: s = null,
     headingId: n = "pager-heading",
     pages: a,
     paginationItemClickHandler: c = null,
     render: r = null,
     type: o = "basic"
-  } = d, l = I(d, [
+  } = m, l = I(m, [
     "buttonCallback",
     "headingId",
     "pages",
@@ -6285,7 +6293,7 @@ const Q1 = {
   notIncluded: "xmark",
   addon: "circlePlusOutline"
 }, ms = (i) => {
-  var d = i, {
+  var m = i, {
     listItems: s,
     listLabel: n,
     moreLink: a,
@@ -6296,7 +6304,7 @@ const Q1 = {
       addon: "Add-on"
     },
     className: o
-  } = d, l = I(d, [
+  } = m, l = I(m, [
     "listItems",
     "listLabel",
     "moreLink",
@@ -6311,10 +6319,10 @@ const Q1 = {
       className: [u, o != null ? o : ""].join(" ").trim().replace(/\s+/g, " ")
     }, l),
     n && /* @__PURE__ */ e.createElement("div", { className: `${u}__intro` }, n),
-    s && /* @__PURE__ */ e.createElement("ul", { className: `${u}__list` }, s.map((h, m) => /* @__PURE__ */ e.createElement(
+    s && /* @__PURE__ */ e.createElement("ul", { className: `${u}__list` }, s.map((h, d) => /* @__PURE__ */ e.createElement(
       "li",
       {
-        key: m,
+        key: d,
         className: `${u}__list-item ${u}__list-item--${h.type}`
       },
       /* @__PURE__ */ e.createElement(A, { iconName: Q1[h.type], iconSize: "md" }),
@@ -6336,10 +6344,10 @@ const Q1 = {
       currentPlan: "Current plan",
       mostPopular: "Most popular"
     },
-    selectLabel: d = "Select a plan size",
+    selectLabel: m = "Select a plan size",
     statusBadgeType: u,
     className: h
-  } = f, m = I(f, [
+  } = f, d = I(f, [
     "actionPrimary",
     "actionSecondary",
     "hasComparisonList",
@@ -6419,7 +6427,7 @@ const Q1 = {
     {
       id: "plan-select",
       className: `${E}__select`,
-      label: d,
+      label: m,
       showLabel: !1,
       options: l.map((H) => ({
         value: v(H.label),
@@ -6472,7 +6480,7 @@ const Q1 = {
     "div",
     y({
       className: [_, g, h].join(" ").trim().replace(/\s+/g, " ")
-    }, m),
+    }, d),
     /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -6577,8 +6585,8 @@ J1.propTypes = {
    */
   containerClassName: t.string
 };
-const e2 = (m) => {
-  var p = m, {
+const e2 = (d) => {
+  var p = d, {
     disabled: s = !1,
     id: n,
     initialSelection: a,
@@ -6587,7 +6595,7 @@ const e2 = (m) => {
     message: o,
     onChange: l,
     options: i,
-    required: d = !1,
+    required: m = !1,
     className: u
   } = p, h = I(p, [
     "disabled",
@@ -6615,7 +6623,7 @@ const e2 = (m) => {
       isFieldset: !0,
       label: r,
       message: o,
-      required: d
+      required: m
     }, h),
     /* @__PURE__ */ e.createElement("div", { className: [f].join(" ").trim().replace(/\s+/g, " ") }, /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, i.map((b, v) => /* @__PURE__ */ e.createElement(
       "div",
@@ -6630,7 +6638,7 @@ const e2 = (m) => {
           id: `${n}-option-${v}`,
           name: n,
           value: b.value,
-          required: d,
+          required: m,
           disabled: s || b.disabled,
           onClick: g,
           defaultChecked: E === b.value
@@ -6712,7 +6720,7 @@ const t2 = (u) => {
     sitePlan: o,
     siteStatus: l,
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "headingLevel",
     "gotoText",
     "siteImage",
@@ -6722,7 +6730,7 @@ const t2 = (u) => {
     "siteStatus",
     "className"
   ]);
-  const m = "pds-site-card", p = `${s}`;
+  const d = "pds-site-card", p = `${s}`;
   let f = "";
   l === "Active" && (f = "success"), l === "Frozen" && (f = "frozen");
   const E = /* @__PURE__ */ e.createElement(
@@ -6737,10 +6745,10 @@ const t2 = (u) => {
     _,
     y(y({
       "aria-label": `${n} ${r} dashboard`,
-      className: [m, i].join(" ").trim().replace(/\s+/g, " ")
-    }, c.props), d),
-    /* @__PURE__ */ e.createElement("div", { className: `${m}__image` }, /* @__PURE__ */ e.createElement("img", { src: a, alt: "" })),
-    /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__heading` }, /* @__PURE__ */ e.createElement(p, { className: `${m}__site-name pds-ts-l`, title: r }, r), E), /* @__PURE__ */ e.createElement("div", { className: `${m}__plan` }, o))
+      className: [d, i].join(" ").trim().replace(/\s+/g, " ")
+    }, c.props), m),
+    /* @__PURE__ */ e.createElement("div", { className: `${d}__image` }, /* @__PURE__ */ e.createElement("img", { src: a, alt: "" })),
+    /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__heading` }, /* @__PURE__ */ e.createElement(p, { className: `${d}__site-name pds-ts-l`, title: r }, r), E), /* @__PURE__ */ e.createElement("div", { className: `${d}__plan` }, o))
   );
 };
 t2.propTypes = {
@@ -6796,13 +6804,13 @@ const s2 = (o) => {
     "legalLinks",
     "className"
   ]);
-  const i = "pds-site-footer", d = s && s !== "default" ? `pds-container pds-container--${s}` : "pds-container", u = (/* @__PURE__ */ new Date()).getFullYear(), h = a.includes("privacy"), m = a.includes("dataSubjectRequest"), p = a.includes("cookiePolicy"), f = a.includes("termsOfUse"), E = a.includes("acceptableUse"), _ = a.includes("accessibilityStatement");
+  const i = "pds-site-footer", m = s && s !== "default" ? `pds-container pds-container--${s}` : "pds-container", u = (/* @__PURE__ */ new Date()).getFullYear(), h = a.includes("privacy"), d = a.includes("dataSubjectRequest"), p = a.includes("cookiePolicy"), f = a.includes("termsOfUse"), E = a.includes("acceptableUse"), _ = a.includes("accessibilityStatement");
   return /* @__PURE__ */ e.createElement(
     "footer",
     y({
       className: [i, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
-    /* @__PURE__ */ e.createElement("div", { className: d }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${i}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__copyright` }, "© ", u, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), m && /* @__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"), f && /* @__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"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
+    /* @__PURE__ */ e.createElement("div", { className: m }, n && /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${i}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${i}__copyright` }, "© ", u, " Pantheon Systems, Inc."), h && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/privacy" }, "Privacy Policy"), d && /* @__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"), f && /* @__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"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")))
   );
 };
 s2.propTypes = {
@@ -6900,14 +6908,14 @@ const Pt = {
     label: "Pantheon on YouTube"
   }
 }, a2 = (i) => {
-  var d = i, {
+  var m = i, {
     actionItems: s,
     disabled: n,
     moreActionsLabel: a = "More actions",
     size: c = "md",
     variant: r = "primary",
     className: o
-  } = d, l = I(d, [
+  } = m, l = I(m, [
     "actionItems",
     "disabled",
     "moreActionsLabel",
@@ -6915,9 +6923,9 @@ const Pt = {
     "variant",
     "className"
   ]);
-  const u = "pds-split-button", h = `${u}--${r}`, m = s[0], p = s.slice(1);
+  const u = "pds-split-button", h = `${u}--${r}`, d = s[0], p = s.slice(1);
   let f = null;
-  return m.isLink === !0 ? f = /* @__PURE__ */ e.createElement(
+  return d.isLink === !0 ? f = /* @__PURE__ */ e.createElement(
     Be,
     {
       className: `${u}__primary-action`,
@@ -6925,17 +6933,17 @@ const Pt = {
       variant: r,
       displayType: "label-only",
       disabled: n,
-      linkContent: m.linkContent
+      linkContent: d.linkContent
     }
   ) : f = /* @__PURE__ */ e.createElement(
     Ke,
     {
       className: `${u}__primary-action`,
-      label: m.label,
+      label: d.label,
       size: c,
       variant: r,
       disabled: n,
-      onClick: () => m.callback(m)
+      onClick: () => d.callback(d)
     }
   ), /* @__PURE__ */ e.createElement(
     "span",
@@ -6988,16 +6996,16 @@ a2.propTypes = {
 };
 const l2 = (c) => {
   var r = c, { listItems: s, className: n } = r, a = I(r, ["listItems", "className"]);
-  const o = "pds-tile-list", l = "pds-tile-list--stats", i = ({ item: d }) => {
-    const { imageSrc: u, stat: h, description: m } = d;
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${o}__item` }, u && /* @__PURE__ */ e.createElement("div", { className: `${o}__image` }, /* @__PURE__ */ e.createElement("img", { src: u, alt: "" })), h && /* @__PURE__ */ e.createElement("dt", { className: `${o}__stat` }, h), m && /* @__PURE__ */ e.createElement("dd", { className: `${o}__description` }, m)), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" }));
+  const o = "pds-tile-list", l = "pds-tile-list--stats", i = ({ item: m }) => {
+    const { imageSrc: u, stat: h, description: d } = m;
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${o}__item` }, u && /* @__PURE__ */ e.createElement("div", { className: `${o}__image` }, /* @__PURE__ */ e.createElement("img", { src: u, alt: "" })), h && /* @__PURE__ */ e.createElement("dt", { className: `${o}__stat` }, h), d && /* @__PURE__ */ e.createElement("dd", { className: `${o}__description` }, d)), /* @__PURE__ */ e.createElement("div", { className: "pds-tile__separator" }));
   };
   return /* @__PURE__ */ e.createElement(
     "dl",
     y({
       className: [o, l, n].join(" ").trim()
     }, a),
-    s.map((d, u) => /* @__PURE__ */ e.createElement(i, { key: u, item: d }))
+    s.map((m, u) => /* @__PURE__ */ e.createElement(i, { key: u, item: m }))
   );
 };
 l2.propTypes = {
@@ -7035,7 +7043,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
     showPercentage: o = !1,
     size: l = "md",
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "id",
     "innerLabel",
     "label",
@@ -7045,7 +7053,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
     "size",
     "className"
   ]);
-  const m = s || Pe(), p = "pds-progress-ring", f = r ? `${p}__label` : "visually-hidden", E = `${p}__loading-text ${p}__loading-text--${l}`, _ = (k) => k * 16;
+  const d = s || Pe(), p = "pds-progress-ring", f = r ? `${p}__label` : "visually-hidden", E = `${p}__loading-text ${p}__loading-text--${l}`, _ = (k) => k * 16;
   let g = _(r2), b = 7;
   l === "sm" && (g = _(c2), b = b / 1.25), l === "lg" && (g = _(o2), b = b * 1.25);
   const v = g / 2 - b / 2, C = `${v / 100}rem`, $ = 2 * Math.PI * v, w = $ - $ * c / 100;
@@ -7058,14 +7066,14 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
         "--ring-stroke-dashoffset": w,
         "--ring-stroke-dasharray": $
       }
-    }, d),
-    /* @__PURE__ */ e.createElement("div", { id: m, className: f }, a),
+    }, m),
+    /* @__PURE__ */ e.createElement("div", { id: d, className: f }, a),
     /* @__PURE__ */ e.createElement(
       "div",
       {
         className: `${p}__ring`,
         role: "progressbar",
-        "aria-labelledby": m,
+        "aria-labelledby": d,
         "aria-valuenow": c
       },
       /* @__PURE__ */ e.createElement(
@@ -7128,8 +7136,8 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
     "translatableLabels",
     "className"
   ]);
-  const l = "pds-stepper", i = "pds-stepper-mobile", d = se(), [u] = kt(d), h = u.width, m = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, f = 2, E = 5, _ = s.length, g = s.findLastIndex((C) => C.isCurrent), b = s.map((C, $) => {
-    const w = $ + 1, L = $ === g, k = $ < g, z = C.hasError && L, x = (h - _ * m) / (_ + (_ - 2)), M = m + x * 2, T = m + x, V = x + p * -1, H = $ === 0, S = $ === _ - 1;
+  const l = "pds-stepper", i = "pds-stepper-mobile", m = se(), [u] = kt(m), h = u.width, d = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, f = 2, E = 5, _ = s.length, g = s.findLastIndex((C) => C.isCurrent), b = s.map((C, $) => {
+    const w = $ + 1, L = $ === g, k = $ < g, z = C.hasError && L, x = (h - _ * d) / (_ + (_ - 2)), M = d + x * 2, T = d + x, V = x + p * -1, H = $ === 0, S = $ === _ - 1;
     let P = M;
     (H || S) && (P = T);
     const j = `${l}__step`, F = [j];
@@ -7233,7 +7241,7 @@ const c2 = 3.815, r2 = 4.678, o2 = 5.96, i2 = (u) => {
         className: [l, a].join(" ").trim().replace(/\s+/g, " "),
         "data-steps": _
       }, c),
-      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: d }, b)
+      /* @__PURE__ */ e.createElement("ol", { className: `${l}__steps`, ref: m }, b)
     ), /* @__PURE__ */ e.createElement(
       "div",
       y({
@@ -7287,12 +7295,12 @@ d2.propTypes = {
 };
 const m2 = (r) => {
   var o = r, { headers: s, rowData: n, className: a } = o, c = I(o, ["headers", "rowData", "className"]);
-  const [l] = R(s), [i, d] = R(n), [u, h] = R({ order: "asc", key: "" }), m = (g) => {
-    d(i.sort((b, v) => b[g].localeCompare(v[g]))), h({ order: "desc", key: g });
+  const [l] = R(s), [i, m] = R(n), [u, h] = R({ order: "asc", key: "" }), d = (g) => {
+    m(i.sort((b, v) => b[g].localeCompare(v[g]))), h({ order: "desc", key: g });
   }, p = (g) => {
-    d(i.sort((b, v) => v[g].localeCompare(b[g]))), h({ order: "asc", key: g });
+    m(i.sort((b, v) => v[g].localeCompare(b[g]))), h({ order: "asc", key: g });
   }, f = (g, b) => {
-    h(ge(y({}, u), { key: b })), u.order === "asc" ? m(b) : p(b);
+    h(ge(y({}, u), { key: b })), u.order === "asc" ? d(b) : p(b);
   }, E = (g, b) => /* @__PURE__ */ e.createElement("tr", { id: b, key: `table-row-${b}` }, g.map((v, C) => /* @__PURE__ */ e.createElement("td", { key: `${b}-cell-${C}` }, /* @__PURE__ */ e.createElement("span", null, v)))), _ = "pds-table";
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "table",
@@ -7349,7 +7357,7 @@ const u2 = (u) => {
     showHeading: o = !1,
     sourceID: l = "pds-toc-source",
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "appendIds",
     "ariaLabel",
     "headingLevel",
@@ -7359,7 +7367,7 @@ const u2 = (u) => {
     "sourceID",
     "className"
   ]);
-  const m = "pds-toc", p = `${a}`, f = [
+  const d = "pds-toc", p = `${a}`, f = [
     " ",
     "/",
     ".",
@@ -7440,10 +7448,10 @@ const u2 = (u) => {
     });
   }, k = (N, x) => {
     N.preventDefault(), s && w(x), L(x);
-  }, z = ({ headings: N }) => /* @__PURE__ */ e.createElement("ul", { className: `${m}__list ${m}__list--top-level` }, N.map((x) => /* @__PURE__ */ e.createElement("li", { key: x.id, className: `${m}__list-item` }, /* @__PURE__ */ e.createElement(
+  }, z = ({ headings: N }) => /* @__PURE__ */ e.createElement("ul", { className: `${d}__list ${d}__list--top-level` }, N.map((x) => /* @__PURE__ */ e.createElement("li", { key: x.id, className: `${d}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
     {
-      className: x.id === v ? `${m}__link ${m}__link--active` : `${m}__link`,
+      className: x.id === v ? `${d}__link ${d}__link--active` : `${d}__link`,
       href: `#${x.id}`,
       onClick: (M) => {
         k(M, x.id);
@@ -7453,12 +7461,12 @@ const u2 = (u) => {
   ), x.items.length > 0 && /* @__PURE__ */ e.createElement(
     "ul",
     {
-      className: `${m}__list ${m}__list--second-level`
+      className: `${d}__list ${d}__list--second-level`
     },
-    x.items.map((M) => /* @__PURE__ */ e.createElement("li", { key: M.id, className: `${m}__list-item` }, /* @__PURE__ */ e.createElement(
+    x.items.map((M) => /* @__PURE__ */ e.createElement("li", { key: M.id, className: `${d}__list-item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        className: M.id === v ? `${m}__link ${m}__link--active` : `${m}__link`,
+        className: M.id === v ? `${d}__link ${d}__link--active` : `${d}__link`,
         href: `#${M.id}`,
         onClick: (T) => {
           k(T, M.id);
@@ -7473,12 +7481,12 @@ const u2 = (u) => {
     "nav",
     y({
       "aria-label": n,
-      className: [m, i].join(" ").trim().replace(/\s+/g, " ")
-    }, d),
+      className: [d, i].join(" ").trim().replace(/\s+/g, " ")
+    }, m),
     c && /* @__PURE__ */ e.createElement(
       p,
       {
-        className: `${m}__heading ${o ? null : "visually-hidden"}`
+        className: `${d}__heading ${o ? null : "visually-hidden"}`
       },
       c
     ),
@@ -7519,8 +7527,8 @@ u2.propTypes = {
    */
   className: t.string
 };
-const K2 = (d) => {
-  var u = d, {
+const K2 = (m) => {
+  var u = m, {
     onActiveTabChange: s = () => {
     },
     ariaLabel: n,
@@ -7538,7 +7546,7 @@ const K2 = (d) => {
     "tabs",
     "className"
   ]);
-  const h = "pds-tabs", m = r != "md" ? `${h}--${r}` : "", [p, f] = R(c != null ? c : a);
+  const h = "pds-tabs", d = r != "md" ? `${h}--${r}` : "", [p, f] = R(c != null ? c : a);
   oe(() => {
     c !== void 0 && f(c);
   }, [c]);
@@ -7589,7 +7597,7 @@ const K2 = (d) => {
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: [h, m, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [h, d, l].join(" ").trim().replace(/\s+/g, " ")
     },
     /* @__PURE__ */ e.createElement(
       "div",
@@ -7681,10 +7689,10 @@ const K2 = (d) => {
     isResizable: o = !0,
     label: l,
     message: i,
-    onChange: d,
+    onChange: m,
     placeholder: u,
     readonly: h = !1,
-    required: m = !1,
+    required: d = !1,
     rows: p = 5,
     validationFunction: f,
     className: E
@@ -7712,13 +7720,13 @@ const K2 = (d) => {
   const V = () => {
     k(""), N(null);
   }, H = (j) => {
-    C(j.target.value), V(), s && w(s(j.target.value)), d && d(v);
+    C(j.target.value), V(), s && w(s(j.target.value)), m && m(v);
   }, S = (j) => {
     if (f) {
       const F = f(j.target.value) || {};
       V(), F.error && N("error"), F.success && N("success"), k(F.message);
     }
-    d && d(v);
+    m && m(v);
   }, P = L || i;
   return /* @__PURE__ */ e.createElement(
     Je,
@@ -7731,7 +7739,7 @@ const K2 = (d) => {
       label: l,
       message: P,
       readonly: h,
-      required: m,
+      required: d,
       validationState: z
     }, _),
     $ && /* @__PURE__ */ e.createElement("div", { className: `pds-input__counter ${M}__counter` }, $),
@@ -7742,7 +7750,7 @@ const K2 = (d) => {
         id: a,
         name: a,
         placeholder: u,
-        required: m,
+        required: d,
         readOnly: h,
         disabled: n,
         value: v,
@@ -7861,8 +7869,8 @@ const h2 = (r) => {
       }
     )
   );
-}, Ds = (d) => {
-  var u = d, {
+}, Ds = (m) => {
+  var u = m, {
     displayType: s = "border",
     headingLevel: n = "span",
     headingText: a,
@@ -7879,11 +7887,11 @@ const h2 = (r) => {
     "summary",
     "className"
   ]);
-  const h = "pds-tile", m = `${h}--${s}`, p = `${n}`;
+  const h = "pds-tile", d = `${h}--${s}`, p = `${n}`;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [h, m, l].join(" ").trim().replace(/\s+/g, " ")
+      className: [h, d, l].join(" ").trim().replace(/\s+/g, " ")
     }, i),
     c && /* @__PURE__ */ e.createElement("div", { className: `${h}__image` }, /* @__PURE__ */ e.createElement("img", { src: c, alt: "" })),
     a && /* @__PURE__ */ e.createElement(p, { className: `${h}__heading pds-ts-xl` }, a),
@@ -7940,11 +7948,11 @@ const g2 = (o) => {
     "tiles",
     "className"
   ]);
-  const i = "pds-tile-grid", d = `${i}--${s}`;
+  const i = "pds-tile-grid", m = `${i}--${s}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [i, d, c].join(" ").trim()
+      className: [i, m, c].join(" ").trim()
     }, r),
     a.map((u, h) => /* @__PURE__ */ e.createElement(
       Ds,
@@ -8115,14 +8123,14 @@ f2.propTypes = {
   className: t.string
 };
 const b2 = (i) => {
-  var d = i, {
+  var m = i, {
     disabled: s = !1,
     id: n,
     initialSelection: a,
     label: c,
     onChange: r,
     options: o
-  } = d, l = I(d, [
+  } = m, l = I(m, [
     "disabled",
     "id",
     "initialSelection",
@@ -8130,16 +8138,16 @@ const b2 = (i) => {
     "onChange",
     "options"
   ]);
-  const u = "pds-toggle-button", h = "pds-is-disabled", m = se([u]), [p, f] = R(a), E = (g) => {
+  const u = "pds-toggle-button", h = "pds-is-disabled", d = se([u]), [p, f] = R(a), E = (g) => {
     f(g.target.value), r && r(g.target.value);
   };
   if ((() => {
-    m.current = m.current.filter((g) => g !== h);
-  })(), s && m.current.push(h), o.length === 2)
+    d.current = d.current.filter((g) => g !== h);
+  })(), s && d.current.push(h), o.length === 2)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
       y({
-        className: m.current.join(" ").trim(),
+        className: d.current.join(" ").trim(),
         id: n
       }, l),
       /* @__PURE__ */ e.createElement("legend", { className: "visually-hidden" }, c),
@@ -8229,10 +8237,10 @@ const v2 = (f) => {
     onChange: o,
     required: l = !1,
     showLabel: i = !0,
-    showStatusLabel: d = !0,
+    showStatusLabel: m = !0,
     statusOnLabel: u = "On",
     statusOffLabel: h = "Off",
-    className: m
+    className: d
   } = E, p = I(E, [
     "disabled",
     "id",
@@ -8251,7 +8259,7 @@ const v2 = (f) => {
     b(!g), o && o(w.target);
   };
   let C = g === !0 ? u : h, $;
-  return d ? $ = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), /* @__PURE__ */ e.createElement(
+  return m ? $ = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: "pds-toggle__label pds-toggle__label--on",
@@ -8282,7 +8290,7 @@ const v2 = (f) => {
   )), /* @__PURE__ */ e.createElement(
     Je,
     y({
-      className: m,
+      className: d,
       disabled: s,
       id: n,
       inputWidth: a,
@@ -8386,10 +8394,10 @@ const Y2 = () => {
       hasSearchShortcut: o = !1,
       id: l,
       inputProps: i,
-      inputWidth: d,
+      inputWidth: m,
       label: u,
       message: h,
-      onBlur: m,
+      onBlur: d,
       onChange: p,
       onClear: f,
       onFocus: E,
@@ -8439,13 +8447,13 @@ const Y2 = () => {
       "value",
       "className"
     ]);
-    const H = Kt(d), S = "pds-text-input", P = c ? ue.disabled : null, j = b && !c ? ue.required : null, F = k === "error" ? ue.error : null, Z = k === "success" ? ue.success : null, B = g ? ue.readonly : null;
+    const H = Kt(m), S = "pds-text-input", P = c ? ue.disabled : null, j = b && !c ? ue.required : null, F = k === "error" ? ue.error : null, Z = k === "success" ? ue.success : null, B = g ? ue.readonly : null;
     let W = null;
     w === "search" && (W = "search"), k === "error" && (W = "error"), k === "success" && (W = "success");
     const O = L || h, D = typeof z != "undefined", U = typeof a != "undefined", [K, ie] = R(
       U ? a : ""
     ), X = z || K, ve = (Q) => {
-      C && le && ne(!1), m && m(Q);
+      C && le && ne(!1), d && d(Q);
     }, te = (Q) => {
       D || ie(Q.target.value), p && p(Q);
     }, de = () => {
@@ -8471,7 +8479,7 @@ const Y2 = () => {
           B,
           N != null ? N : ""
         ]),
-        style: d ? H : null
+        style: m ? H : null
       }, x),
       /* @__PURE__ */ e.createElement(
         ht,
@@ -8554,8 +8562,8 @@ const Y2 = () => {
   gold: "Gold",
   platinum: "Platinum",
   diamond: "Diamond"
-}, C2 = (m) => {
-  var p = m, {
+}, C2 = (d) => {
+  var p = d, {
     ariaLabel: s = "Workspace selector menu",
     createWorkspaceLink: n,
     filterPlaceholder: a = "Find workspace...",
@@ -8564,7 +8572,7 @@ const Y2 = () => {
     minFilterItems: o = 8,
     noResultsText: l = "No results found",
     withinNavbar: i = !0,
-    workspaceList: d,
+    workspaceList: m,
     className: u
   } = p, h = I(p, [
     "ariaLabel",
@@ -8578,7 +8586,7 @@ const Y2 = () => {
     "workspaceList",
     "className"
   ]);
-  const [f, E] = R(!1), [_, g] = R(null), [b, v] = R(d), C = se([]), $ = se(null), w = d.length >= o;
+  const [f, E] = R(!1), [_, g] = R(null), [b, v] = R(m), C = se([]), $ = se(null), w = m.length >= o;
   let L = !1;
   const k = He(We);
   k && (L = k.isMobile);
@@ -8611,18 +8619,18 @@ const Y2 = () => {
       opacity: 0
     }
   });
-  let K = d.find((G) => G.isActive);
-  K || (K = d[0]);
+  let K = m.find((G) => G.isActive);
+  K || (K = m[0]);
   const ie = (G) => {
-    const { value: he } = G.target, we = d.filter((ae) => ae.displayName.toLowerCase().includes(he.toLowerCase()));
+    const { value: he } = G.target, we = m.filter((ae) => ae.displayName.toLowerCase().includes(he.toLowerCase()));
     v(we);
   };
   oe(() => {
-    const G = d.map((he) => ge(y({}, he), {
+    const G = m.map((he) => ge(y({}, he), {
       isActive: he.isActive
     }));
     v(G);
-  }, [d]);
+  }, [m]);
   const X = (G) => {
     G.preventDefault(), G.key === "Enter" && C.current[_].querySelector("a").click(), G.key === "Tab" && (G.shiftKey ? w ? document.getElementById("workspace-filter").focus() : E(!1) : n ? $.current.querySelector("a").focus() : E(!1));
   }, ve = /* @__PURE__ */ e.createElement("div", { className: `${N}__button-content` }, /* @__PURE__ */ e.createElement(
@@ -8651,7 +8659,7 @@ const Y2 = () => {
     E2,
     {
       hasClearButton: !0,
-      onClear: () => v(d),
+      onClear: () => v(m),
       id: "workspace-filter",
       label: c,
       onChange: ie,
@@ -8859,18 +8867,18 @@ const $2 = (o) => {
     "typeLabels",
     "className"
   ]);
-  const i = "pds-tally", d = `${i}--${n}`, h = ["critical", "warning"].includes(n) ? "alert" : "status", m = `${a[n]} notifications: `;
+  const i = "pds-tally", m = `${i}--${n}`, h = ["critical", "warning"].includes(n) ? "alert" : "status", d = `${a[n]} notifications: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     ge(y({
-      className: [i, d, c != null ? c : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [i, m, c != null ? c : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r), {
       role: h
     }),
-    /* @__PURE__ */ e.createElement("div", { className: `${i}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), s)
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), s)
   );
-}, X2 = (d) => {
-  var u = d, {
+}, X2 = (m) => {
+  var u = m, {
     disabled: s = !1,
     id: n,
     initialSelection: a,
@@ -8887,12 +8895,12 @@ const $2 = (o) => {
     "options",
     "className"
   ]);
-  const h = "pds-segmented-button", m = "pds-is-disabled", p = se([h]), [f, E] = R(a), _ = (b) => {
+  const h = "pds-segmented-button", d = "pds-is-disabled", p = se([h]), [f, E] = R(a), _ = (b) => {
     E(b.target.value), r && r(b.target.value);
   };
   if ((() => {
-    p.current = p.current.filter((b) => b !== m);
-  })(), s && p.current.push(m), o.length >= 2 && o.length <= 6)
+    p.current = p.current.filter((b) => b !== d);
+  })(), s && p.current.push(d), o.length >= 2 && o.length <= 6)
     return /* @__PURE__ */ e.createElement(
       "fieldset",
       y({
@@ -8955,7 +8963,7 @@ const $2 = (o) => {
     "type",
     "className"
   ]);
-  const i = "pds-callout", d = `${i}--${a}`, u = {
+  const i = "pds-callout", m = `${i}--${a}`, u = {
     info: "circleInfo",
     warning: "triangleExclamation",
     success: "circleCheck",
@@ -8967,7 +8975,7 @@ const $2 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [i, d, c != null ? c : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [i, m, c != null ? c : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("div", { className: `${i}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${i}__icon ${i}__icon--${a}` }, /* @__PURE__ */ e.createElement(
       A,
@@ -8988,10 +8996,10 @@ const $2 = (o) => {
       inputProps: o,
       inputWidth: l,
       label: i,
-      message: d,
+      message: m,
       name: u,
       nestingLevel: h = 0,
-      onBlur: m,
+      onBlur: d,
       onChange: p,
       onFocus: f,
       required: E,
@@ -9022,7 +9030,7 @@ const $2 = (o) => {
       "value",
       "className"
     ]);
-    const z = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", x = a ? ue.disabled : null, M = E && !a ? ue.required : null, T = b === "error" ? ue.error : null, V = b === "success" ? ue.success : null, H = h > 0 ? `${N}--indent-${h}` : null, S = g || d, P = typeof s != "undefined", j = typeof n != "undefined", [F, Z] = R(
+    const z = l ? { width: `${l / 16}rem` } : null, N = "pds-checkbox", x = a ? ue.disabled : null, M = E && !a ? ue.required : null, T = b === "error" ? ue.error : null, V = b === "success" ? ue.success : null, H = h > 0 ? `${N}--indent-${h}` : null, S = g || m, P = typeof s != "undefined", j = typeof n != "undefined", [F, Z] = R(
       j ? n : !1
     ), B = s || F, W = (ie) => {
       P || Z(ie.target.checked), p && p(ie);
@@ -9072,7 +9080,7 @@ const $2 = (o) => {
         }, v ? { value: v } : {}), {
           disabled: a,
           required: E,
-          onBlur: m,
+          onBlur: d,
           onChange: W,
           onFocus: f,
           "aria-invalid": b === "error" ? !0 : null,
@@ -9122,10 +9130,10 @@ const $2 = (o) => {
     label: o,
     message: l,
     required: i = !1,
-    showLabel: d = !0,
+    showLabel: m = !0,
     validationMessage: u,
     validationStatus: h,
-    className: m
+    className: d
   } = E, p = I(E, [
     "children",
     "disabled",
@@ -9150,7 +9158,7 @@ const $2 = (o) => {
         v,
         C,
         $,
-        m != null ? m : ""
+        d != null ? d : ""
       ].join(" ").trim().replace(/\s+/g, " "),
       style: r ? _ : null
     }, p),
@@ -9162,7 +9170,7 @@ const $2 = (o) => {
         id: c,
         isLegend: !0,
         required: i,
-        showLabel: d
+        showLabel: m
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${g}__options` }, s)),
     w && /* @__PURE__ */ e.createElement(
@@ -9186,10 +9194,10 @@ const $2 = (o) => {
     message: o,
     onGroupBlur: l,
     onValueChange: i,
-    options: d,
+    options: m,
     required: u = !1,
     showLabel: h = !0,
-    validationMessage: m,
+    validationMessage: d,
     validationStatus: p,
     className: f
   } = g, E = I(g, [
@@ -9208,24 +9216,24 @@ const $2 = (o) => {
     "validationStatus",
     "className"
   ]);
-  const b = c ? { width: `${c / 16}rem` } : null, v = "pds-checkbox-group", C = s ? ue.disabled : null, $ = u && !s ? ue.required : null, w = p === "error" ? ue.error : null, L = p === "success" ? ue.success : null, k = m || o;
-  d.map((V) => {
+  const b = c ? { width: `${c / 16}rem` } : null, v = "pds-checkbox-group", C = s ? ue.disabled : null, $ = u && !s ? ue.required : null, w = p === "error" ? ue.error : null, L = p === "success" ? ue.success : null, k = d || o;
+  m.map((V) => {
     V.id || (V.id = V.value);
   });
   const z = [];
-  d.map((V) => {
+  m.map((V) => {
     V.checked === !0 && z.push(V.value);
   });
   const [N, x] = R(z), M = (V) => {
     const { value: H } = V.target, S = N.includes(H) ? N.filter((P) => P !== H) : [...N, H];
     x(S), i && i(S);
   };
-  d.map((V) => {
+  m.map((V) => {
     N.includes(V.value) ? V.checked = !0 : V.checked = !1;
   });
   const T = () => {
     l && setTimeout(() => {
-      d.some((V) => V.id === document.activeElement.id) || l(N);
+      m.some((V) => V.id === document.activeElement.id) || l(N);
     }, 1500);
   };
   return /* @__PURE__ */ e.createElement(
@@ -9251,7 +9259,7 @@ const $2 = (o) => {
         required: u,
         showLabel: h
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, d.map((V) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, m.map((V) => /* @__PURE__ */ e.createElement(
       w2,
       {
         key: V.id,
@@ -9271,7 +9279,7 @@ const $2 = (o) => {
       {
         id: a,
         message: k,
-        hasValidationMessage: !!m,
+        hasValidationMessage: !!d,
         validationMessageHasDecorators: !0,
         validationStatus: p
       }
@@ -9286,18 +9294,18 @@ const $2 = (o) => {
     "className"
   ]);
   var f, E, _, g;
-  const o = "pds-input-group", l = [s[0], s[1]], i = (f = s[0].props.id) != null ? f : null, d = (E = s[0].props.message) != null ? E : null, u = (_ = s[0].props.validationMessage) != null ? _ : null, h = (g = s[0].props.validationStatus) != null ? g : null, m = u || d, p = m ? `${o}--has-message` : null;
+  const o = "pds-input-group", l = [s[0], s[1]], i = (f = s[0].props.id) != null ? f : null, m = (E = s[0].props.message) != null ? E : null, u = (_ = s[0].props.validationMessage) != null ? _ : null, h = (g = s[0].props.validationStatus) != null ? g : null, d = u || m, p = d ? `${o}--has-message` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
       className: J([o, p, n != null ? n : ""])
     }, a),
     /* @__PURE__ */ e.createElement("div", { className: `${o}__inner` }, l),
-    m && /* @__PURE__ */ e.createElement(
+    d && /* @__PURE__ */ e.createElement(
       Qe,
       {
         id: i,
-        message: m,
+        message: d,
         hasValidationMessage: !!u,
         validationMessageHasDecorators: !1,
         validationStatus: h
@@ -9339,10 +9347,10 @@ const $2 = (o) => {
       inputWidth: o,
       label: l,
       switchPlacement: i = "right",
-      message: d,
+      message: m,
       offLabel: u = "Off",
       onChange: h,
-      onLabel: m = "On",
+      onLabel: d = "On",
       required: p = !1,
       showLabel: f = !0,
       showStatusLabel: E = !0,
@@ -9365,7 +9373,7 @@ const $2 = (o) => {
       "showStatusLabel",
       "className"
     ]);
-    const $ = Kt(o), w = "pds-switch", L = a ? ue.disabled : null, k = p && !a ? ue.required : null, z = typeof s != "undefined", N = i == "below", x = i == "right", M = !z && n ? n : !1, [T, V] = R(M), H = s || T ? m : u, S = (W) => {
+    const $ = Kt(o), w = "pds-switch", L = a ? ue.disabled : null, k = p && !a ? ue.required : null, z = typeof s != "undefined", N = i == "below", x = i == "right", M = !z && n ? n : !1, [T, V] = R(M), H = s || T ? d : u, S = (W) => {
       z || V(W.target.checked), h && h(W);
     }, P = /* @__PURE__ */ e.createElement("div", { className: "pds-switch__content" }, /* @__PURE__ */ e.createElement("label", { className: "pds-switch__input" }, /* @__PURE__ */ e.createElement(
       "input",
@@ -9380,7 +9388,7 @@ const $2 = (o) => {
         disabled: a,
         required: p,
         checked: s !== void 0 ? s : T,
-        "aria-describedby": d ? `${c}__message` : null
+        "aria-describedby": m ? `${c}__message` : null
       }, r)
     ), !E && /* @__PURE__ */ e.createElement(k2, { toggleStatusLabel: H }), /* @__PURE__ */ e.createElement("span", { className: "pds-switch__thumb", "aria-hidden": "true" })), E && /* @__PURE__ */ e.createElement(N2, { toggleStatusLabel: H, id: c })), j = /* @__PURE__ */ e.createElement(
       ht,
@@ -9392,21 +9400,21 @@ const $2 = (o) => {
         disabled: a,
         className: J([
           "pds-input-label--disable-click",
-          d ? "" : "pds-input-label--switch-top-message"
+          m ? "" : "pds-input-label--switch-top-message"
         ])
       }
-    ), F = d && /* @__PURE__ */ e.createElement(
+    ), F = m && /* @__PURE__ */ e.createElement(
       Qe,
       {
         id: c,
-        message: d,
+        message: m,
         hasValidationMessage: !1,
         validationStatus: void 0,
         className: "pds-input-message--switch"
       }
     );
     let Z, B;
-    return N ? Z = /* @__PURE__ */ e.createElement(e.Fragment, null, j, F, P) : x && (B = "pds-switch--placement-right", Z = d ? /* @__PURE__ */ e.createElement(e.Fragment, null, j, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, F, /* @__PURE__ */ e.createElement("div", null, P))) : /* @__PURE__ */ e.createElement(
+    return N ? Z = /* @__PURE__ */ e.createElement(e.Fragment, null, j, F, P) : x && (B = "pds-switch--placement-right", Z = m ? /* @__PURE__ */ e.createElement(e.Fragment, null, j, /* @__PURE__ */ e.createElement("div", { className: "pds-switch__toggle-message-container" }, F, /* @__PURE__ */ e.createElement("div", null, P))) : /* @__PURE__ */ e.createElement(
       "div",
       {
         className: J([
@@ -9443,7 +9451,7 @@ const $2 = (o) => {
     size: o = "md",
     title: l,
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "ariaLabel",
     "children",
     "hasCloseButton",
@@ -9453,7 +9461,7 @@ const $2 = (o) => {
     "title",
     "className"
   ]);
-  const m = "pds-modal", p = o !== "md" ? `${m}--${o}` : null, [f, E] = R(c);
+  const d = "pds-modal", p = o !== "md" ? `${d}--${o}` : null, [f, E] = R(c);
   oe(() => {
     E(c);
   }, [c]), oe(() => {
@@ -9498,23 +9506,23 @@ const $2 = (o) => {
         ref: _.setFloating,
         "aria-label": s || l
       }, w()), {
-        className: [m, p, i].join(" ").trim().replace(/\s+/g, " "),
+        className: [d, p, i].join(" ").trim().replace(/\s+/g, " "),
         style: ge(y(y({}, b), k), {
           position: "relative"
         })
-      }), d),
+      }), m),
       a && /* @__PURE__ */ e.createElement(
         "button",
         {
           onClick: () => E(!1),
-          className: `${m}__close`,
+          className: `${d}__close`,
           type: "button"
         },
         /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"),
         /* @__PURE__ */ e.createElement(A, { iconName: "xmark", iconSize: "xl" })
       ),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__title` }, l),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, n)
+      /* @__PURE__ */ e.createElement("div", { className: `${d}__title` }, l),
+      /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, n)
     ))
   ));
 }, Ps = (s) => typeof s.linkContent != "string" ? !!(s.isActive || s.linkContent.props.className && s.linkContent.props.className.includes("pds-isActive")) : !1, ye = (s) => {
@@ -9575,13 +9583,13 @@ const $2 = (o) => {
   linkContent: r,
   links: o
 }) => {
-  const l = "pds-dashboard-nav", i = `${l}__item`, d = `${l}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${i}-wrapper` }, Zt(l, r, o, s)), h = (k, z) => /* @__PURE__ */ e.createElement(
+  const l = "pds-dashboard-nav", i = `${l}__item`, m = `${l}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${i}-wrapper` }, Zt(l, r, o, s)), h = (k, z) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: J([
-        d,
-        `${d}--${z}`,
-        n ? `${d}--expanded` : null
+        m,
+        `${m}--${z}`,
+        n ? `${m}--expanded` : null
       ])
     },
     k.map((N, x) => /* @__PURE__ */ e.createElement(
@@ -9596,9 +9604,9 @@ const $2 = (o) => {
       },
       N.linkContent
     ))
-  ), [m, p] = R(!1), { refs: f, floatingStyles: E, context: _ } = Ie({
+  ), [d, p] = R(!1), { refs: f, floatingStyles: E, context: _ } = Ie({
     placement: "right-start",
-    open: m,
+    open: d,
     onOpenChange: p,
     middleware: [yt(12), wt(), Nt()],
     whileElementsMounted: qe
@@ -9646,7 +9654,7 @@ const $2 = (o) => {
       },
       /* @__PURE__ */ e.createElement(A, { iconName: "angleDown", iconSize: "md" }),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${lt(r)} ${c.submenu}`)
-    )), a && h(o, "second-level"), !a && m && /* @__PURE__ */ e.createElement(
+    )), a && h(o, "second-level"), !a && d && /* @__PURE__ */ e.createElement(
       "div",
       y({
         className: `${l}__flyout`,
@@ -9680,7 +9688,7 @@ const $2 = (o) => {
     "selectTextFallback",
     "className"
   ]);
-  const i = "pds-dropdown-menu", [d, u] = R(!1), [h, m] = R(null), p = qs(n), f = p ? p.props.children : a, E = /* @__PURE__ */ e.createElement(
+  const i = "pds-dropdown-menu", [m, u] = R(!1), [h, d] = R(null), p = qs(n), f = p ? p.props.children : a, E = /* @__PURE__ */ e.createElement(
     A,
     {
       iconName: "check",
@@ -9694,13 +9702,13 @@ const $2 = (o) => {
     S.target.nodeName === "A" && u(!1);
   };
   oe(() => {
-    if (d) {
+    if (m) {
       const S = document.querySelector(".pds-dropdown-menu__dropdown");
       return S.addEventListener("click", g), () => {
         S.removeEventListener("click", g);
       };
     }
-  }, [d]);
+  }, [m]);
   const b = ({
     item: S,
     level: P
@@ -9725,13 +9733,13 @@ const $2 = (o) => {
     }), P;
   }, { refs: C, context: $ } = Ie({
     placement: "bottom-start",
-    open: d,
+    open: m,
     onOpenChange: u,
     whileElementsMounted: qe
   }), w = se([]), L = ut($, {
     listRef: w,
     activeIndex: h,
-    onNavigate: m,
+    onNavigate: d,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
@@ -9808,19 +9816,19 @@ const $2 = (o) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  let d = !1;
+  let m = !1;
   const u = He(We);
-  u && (d = u.isMobile);
+  u && (m = u.isMobile);
   const h = He(Qt);
-  let m = !0;
-  h && (m = h.isSidebarExpanded);
-  const p = "pds-dashboard-nav", f = m ? `${p}--expanded` : `${p}--collapsed`, E = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, a.map((b, v) => /* @__PURE__ */ e.createElement(
+  let d = !0;
+  h && (d = h.isSidebarExpanded);
+  const p = "pds-dashboard-nav", f = d ? `${p}--expanded` : `${p}--collapsed`, E = /* @__PURE__ */ e.createElement(e.Fragment, null, a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, a.map((b, v) => /* @__PURE__ */ e.createElement(
     H2,
     {
       key: v,
       icon: b.icon,
       isActive: ye(b),
-      isSidebarExpanded: m,
+      isSidebarExpanded: d,
       labels: n,
       linkContent: b.linkContent,
       links: b.links
@@ -9845,16 +9853,16 @@ const $2 = (o) => {
       "aria-label": s,
       className: J([p, f, r])
     }, o),
-    !d && /* @__PURE__ */ e.createElement(
+    !m && /* @__PURE__ */ e.createElement(
       Is,
       {
         className: `${p}__logo`,
-        displayType: m ? "full" : "icon",
+        displayType: d ? "full" : "icon",
         linkContent: null,
         subBrand: null
       }
     ),
-    d ? g : E
+    m ? g : E
   );
 }, ln = (u) => {
   var h = u, {
@@ -9869,7 +9877,7 @@ const $2 = (o) => {
     mobileMenuMaxWidth: o = 640,
     mobileMenuSelectTextFallback: l = "Navigate to...",
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "ariaLabel",
     "hasMobileMenu",
     "headingText",
@@ -9879,7 +9887,7 @@ const $2 = (o) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const m = "pds-side-nav", [p, f] = R(1025);
+  const d = "pds-side-nav", [p, f] = R(1025);
   oe(() => (f(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
@@ -9887,12 +9895,12 @@ const $2 = (o) => {
     f(window.innerWidth);
   }, _ = p <= o, g = ($) => {
     const w = $.target;
-    w.classList.toggle(`${m}__toggle--expanded`), w.setAttribute(
+    w.classList.toggle(`${d}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), w.parentElement.nextElementSibling.classList.toggle(`${m}__menu--expanded`);
+    ), w.parentElement.nextElementSibling.classList.toggle(`${d}__menu--expanded`);
   }, b = ($, w) => {
-    const { linkContent: L, links: k } = $, z = `${m}__item`, N = `${m}__menu`;
+    const { linkContent: L, links: k } = $, z = `${d}__item`, N = `${d}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -9909,8 +9917,8 @@ const $2 = (o) => {
         {
           "aria-expanded": ye($),
           className: J([
-            `${m}__toggle`,
-            ye($) ? `${m}__toggle--expanded` : null
+            `${d}__toggle`,
+            ye($) ? `${d}__toggle--expanded` : null
           ]),
           onClick: g
         },
@@ -9945,7 +9953,7 @@ const $2 = (o) => {
         L
       )
     );
-  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, r.map(($, w) => b($, w)))), C = /* @__PURE__ */ e.createElement(
+  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, r.map(($, w) => b($, w)))), C = /* @__PURE__ */ e.createElement(
     es,
     {
       headingText: a,
@@ -9957,8 +9965,8 @@ const $2 = (o) => {
     "nav",
     y({
       "aria-label": s,
-      className: J([m, i != null ? i : ""])
-    }, d),
+      className: J([d, i != null ? i : ""])
+    }, m),
     _ && n ? C : v
   );
 }, cn = (u) => {
@@ -9974,7 +9982,7 @@ const $2 = (o) => {
     mobileMenuMaxWidth: o = 640,
     mobileMenuSelectTextFallback: l = "Navigate to...",
     className: i
-  } = h, d = I(h, [
+  } = h, m = I(h, [
     "ariaLabel",
     "hasMobileMenu",
     "headingText",
@@ -9984,7 +9992,7 @@ const $2 = (o) => {
     "mobileMenuSelectTextFallback",
     "className"
   ]);
-  const m = "pds-side-nav-compact", [p, f] = R(1025);
+  const d = "pds-side-nav-compact", [p, f] = R(1025);
   oe(() => (f(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
@@ -9992,12 +10000,12 @@ const $2 = (o) => {
     f(window.innerWidth);
   }, _ = p <= o, g = ($) => {
     const w = $.target;
-    w.classList.toggle(`${m}__toggle--expanded`), w.setAttribute(
+    w.classList.toggle(`${d}__toggle--expanded`), w.setAttribute(
       "aria-expanded",
       w.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), w.parentElement.nextElementSibling.classList.toggle(`${m}__menu--expanded`);
+    ), w.parentElement.nextElementSibling.classList.toggle(`${d}__menu--expanded`);
   }, b = ($, w) => {
-    const { linkContent: L, links: k } = $, z = `${m}__item`, N = `${m}__menu`;
+    const { linkContent: L, links: k } = $, z = `${d}__item`, N = `${d}__menu`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
@@ -10014,8 +10022,8 @@ const $2 = (o) => {
         {
           "aria-expanded": ye($),
           className: J([
-            `${m}__toggle`,
-            ye($) ? `${m}__toggle--expanded` : null
+            `${d}__toggle`,
+            ye($) ? `${d}__toggle--expanded` : null
           ]),
           onClick: g
         },
@@ -10045,8 +10053,8 @@ const $2 = (o) => {
             {
               "aria-expanded": ye(x),
               className: J([
-                `${m}__toggle`,
-                ye(x) ? `${m}__toggle--expanded` : null
+                `${d}__toggle`,
+                ye(x) ? `${d}__toggle--expanded` : null
               ]),
               onClick: g
             },
@@ -10089,7 +10097,7 @@ const $2 = (o) => {
         L
       )
     );
-  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${m}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${m}__menu ${m}__menu--top-level` }, r.map(($, w) => b($, w)))), C = /* @__PURE__ */ e.createElement(
+  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading` }, a), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, r.map(($, w) => b($, w)))), C = /* @__PURE__ */ e.createElement(
     es,
     {
       headingText: a,
@@ -10101,12 +10109,12 @@ const $2 = (o) => {
     "nav",
     y({
       "aria-label": s,
-      className: J([m, i != null ? i : ""])
-    }, d),
+      className: J([d, i != null ? i : ""])
+    }, m),
     _ && n ? C : v
   );
-}, rn = (d) => {
-  var u = d, {
+}, rn = (m) => {
+  var u = m, {
     ariaLabel: s = "User menu",
     menuItems: n,
     userEmail: a,
@@ -10123,7 +10131,7 @@ const $2 = (o) => {
     "withinNavbar",
     "className"
   ]);
-  const [h, m] = R(null), [p, f] = R(!1), E = se([]), _ = se([]);
+  const [h, d] = R(null), [p, f] = R(!1), E = se([]), _ = se([]);
   let g = !1;
   const b = He(We);
   b && (g = b.isMobile);
@@ -10136,7 +10144,7 @@ const $2 = (o) => {
   }), N = ot(z, { event: "mousedown" }), x = Se(z), M = Te(z, { role: "menu" }), T = se([]), V = ut(z, {
     listRef: T,
     activeIndex: h,
-    onNavigate: m,
+    onNavigate: d,
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnOpen: !1,
@@ -10258,7 +10266,7 @@ const $2 = (o) => {
   warning: "triangleExclamation",
   critical: "diamondExclamation"
 }, on = (i) => {
-  var d = i, {
+  var m = i, {
     banners: s,
     dismissLabel: n = "Dismiss",
     labelNext: a = "Go to next message",
@@ -10269,7 +10277,7 @@ const $2 = (o) => {
       critical: "Critical"
     },
     className: o
-  } = d, l = I(d, [
+  } = m, l = I(m, [
     "banners",
     "dismissLabel",
     "labelNext",
@@ -10277,14 +10285,14 @@ const $2 = (o) => {
     "typeLabels",
     "className"
   ]);
-  const [u, h] = R(s), m = u.length;
-  if (m === 0)
+  const [u, h] = R(s), d = u.length;
+  if (d === 0)
     return null;
-  const p = "pds-banner", f = m > 1 ? `${p}-group--multiple` : null, E = {
+  const p = "pds-banner", f = d > 1 ? `${p}-group--multiple` : null, E = {
     info: `${p}--info`,
     warning: `${p}--warning`,
     critical: `${p}--critical`
-  }, _ = m > 0 ? u[0].type : null, g = _ ? `${p}-group--${_}` : null, b = (k) => ({
+  }, _ = d > 0 ? u[0].type : null, g = _ ? `${p}-group--${_}` : null, b = (k) => ({
     zIndex: Vt - k
   }), v = (k) => k === 0 ? 0 : -1, C = () => {
     const k = document.getElementsByClassName(
@@ -10300,7 +10308,7 @@ const $2 = (o) => {
       ]);
     }, 200);
   }, w = () => {
-    C(), document.getElementById(u[0].id).style.zIndex = (Vt + 2).toString(), document.getElementById(u[m - 1].id).style.zIndex = (Vt + 1).toString(), setTimeout(() => {
+    C(), document.getElementById(u[0].id).style.zIndex = (Vt + 2).toString(), document.getElementById(u[d - 1].id).style.zIndex = (Vt + 1).toString(), setTimeout(() => {
       document.getElementById(u[0].id).classList.add(`${p}--fading`);
     }, 50), setTimeout(() => {
       h((k) => [
@@ -10311,7 +10319,7 @@ const $2 = (o) => {
   }, L = (k, z) => {
     const { id: N, isDismissible: x, message: M, onDismiss: T, type: V } = k, S = ["critical", "warning"].includes(V) ? "alert" : "status", P = `${r[V]}:  `, j = (F) => {
       F.preventDefault(), document.getElementById(N).classList.add(`${p}--dismissing`), setTimeout(() => {
-        if (m === 1) {
+        if (d === 1) {
           h([]);
           return;
         }
@@ -10360,7 +10368,7 @@ const $2 = (o) => {
         o != null ? o : ""
       ])
     }, l),
-    m > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${p}__navigation` }, /* @__PURE__ */ e.createElement(
+    d > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${p}__navigation` }, /* @__PURE__ */ e.createElement(
       dt,
       {
         iconName: "angleLeft",
@@ -10405,27 +10413,27 @@ const $2 = (o) => {
     "typeLabels",
     "className"
   ]);
-  const d = "pds-inline-message", u = {
-    error: `${d}--error`,
-    success: `${d}--success`,
-    warning: `${d}--warning`,
-    info: `${d}--info`,
-    critical: `${d}--critical`,
-    working: `${d}--working`
-  }, h = s ? `${d}--hasTitle` : null, p = ["critical", "warning"].includes(a) ? "alert" : "status", f = `${c[a]}: `;
+  const m = "pds-inline-message", u = {
+    error: `${m}--error`,
+    success: `${m}--success`,
+    warning: `${m}--warning`,
+    info: `${m}--info`,
+    critical: `${m}--critical`,
+    working: `${m}--working`
+  }, h = s ? `${m}--hasTitle` : null, p = ["critical", "warning"].includes(a) ? "alert" : "status", f = `${c[a]}: `;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [d, u[a], h, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [m, u[a], h, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
       role: p
     }, o),
-    /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__icon ${d}__icon-${a}` }, a === "working" ? /* @__PURE__ */ e.createElement(zt, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__icon ${m}__icon-${a}` }, a === "working" ? /* @__PURE__ */ e.createElement(zt, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
       A,
       {
         iconName: `${a}` in jt ? jt[a] : jt.info,
         iconSize: "md"
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: `${d}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), s && /* @__PURE__ */ e.createElement("div", { className: `${d}__title` }, s), /* @__PURE__ */ e.createElement("div", { className: `${d}__secondaryText` }, n)))
+    )), /* @__PURE__ */ e.createElement("div", { className: `${m}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), s && /* @__PURE__ */ e.createElement("div", { className: `${m}__title` }, s), /* @__PURE__ */ e.createElement("div", { className: `${m}__secondaryText` }, n)))
   );
 }, Bt = {
   info: "circleInfo",
@@ -10434,7 +10442,7 @@ const $2 = (o) => {
   critical: "diamondExclamation",
   discovery: "squareQuestion"
 }, mn = (h) => {
-  var m = h, {
+  var d = h, {
     dismissLabel: s = "Dismiss",
     id: n,
     isDismissible: a,
@@ -10449,8 +10457,8 @@ const $2 = (o) => {
       critical: "Critical",
       discovery: "Discovery"
     },
-    className: d
-  } = m, u = I(m, [
+    className: m
+  } = d, u = I(d, [
     "dismissLabel",
     "id",
     "isDismissible",
@@ -10484,7 +10492,7 @@ const $2 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [f, E[l], _, d != null ? d : ""].join(" ").trim().replace(/\s+/g, " "),
+      className: [f, E[l], _, m != null ? m : ""].join(" ").trim().replace(/\s+/g, " "),
       id: n,
       ref: p,
       role: b
@@ -10521,14 +10529,14 @@ const $2 = (o) => {
     "variant",
     "className"
   ]);
-  const d = "pds-panel", u = n ? `${d}__status ${d}__status-${a}` : null, h = `${d}--${c}`;
+  const m = "pds-panel", u = n ? `${m}__status ${m}__status-${a}` : null, h = `${m}--${c}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [d, h, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
+      className: [m, h, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " ")
     }, o),
     n && a && /* @__PURE__ */ e.createElement("span", { className: u }),
-    /* @__PURE__ */ e.createElement("div", { className: `${d}__content` }, s)
+    /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, s)
   );
 }, Ue = 8, us = 14, M2 = 6, pn = (f) => {
   var E = f, {
@@ -10541,11 +10549,11 @@ const $2 = (o) => {
     placement: o = "top",
     title: l,
     triggerIcon: i = "circleInfo",
-    triggerAccessibleText: d = "Show more information",
+    triggerAccessibleText: m = "Show more information",
     popoverIsOpen: u = !1,
     setPopoverIsOpen: h = () => {
     },
-    className: m
+    className: d
   } = E, p = I(E, [
     "content",
     "customTrigger",
@@ -10605,7 +10613,7 @@ const $2 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [v, m].join(" ").trim().replace(/\s+/g, " ")
+      className: [v, d].join(" ").trim().replace(/\s+/g, " ")
     }, p),
     /* @__PURE__ */ e.createElement(
       "span",
@@ -10613,7 +10621,7 @@ const $2 = (o) => {
         className: `${v}__trigger`,
         ref: L.setReference
       }, H()),
-      n ? /* @__PURE__ */ e.createElement("span", { className: C }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), /* @__PURE__ */ e.createElement(
+      n ? /* @__PURE__ */ e.createElement("span", { className: C }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m), /* @__PURE__ */ e.createElement(
         A,
         {
           iconName: i,
@@ -10652,8 +10660,8 @@ const $2 = (o) => {
   success: "--pds-color-semantic-success-foreground",
   warning: "--pds-color-semantic-warning-foreground",
   critical: "--pds-color-semantic-critical-foreground"
-}, hn = (m) => {
-  var p = m, {
+}, hn = (d) => {
+  var p = d, {
     colorBreakpoints: s = [
       { colorType: "info", percentage: 0 },
       { colorType: "success", percentage: 100 }
@@ -10665,7 +10673,7 @@ const $2 = (o) => {
     percentage: o,
     showLabel: l = !1,
     showPercentage: i = !1,
-    size: d = "md",
+    size: m = "md",
     className: u
   } = p, h = I(p, [
     "colorBreakpoints",
@@ -10679,7 +10687,7 @@ const $2 = (o) => {
     "size",
     "className"
   ]);
-  const f = n || Pe(), E = "pds-progress-bar", _ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${d}`, b = o > 100 ? 100 : o;
+  const f = n || Pe(), E = "pds-progress-bar", _ = l ? `${E}__label` : "visually-hidden", g = `${E}__track ${E}__track--${m}`, b = o > 100 ? 100 : o;
   let v = "neutral";
   s.forEach((L) => {
     o >= L.percentage && (v = L.colorType);
@@ -10738,20 +10746,20 @@ const $2 = (o) => {
     "quote",
     "className"
   ]);
-  const d = "pds-pull-quote", u = `${d}--${a}`;
+  const m = "pds-pull-quote", u = `${m}--${a}`;
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [d, u, r].join(" ").trim().replace(/\s+/g, " ")
+      className: [m, u, r].join(" ").trim().replace(/\s+/g, " ")
     }, o),
-    n && a === "stand-alone" && /* @__PURE__ */ e.createElement("div", { className: `${d}__image` }, /* @__PURE__ */ e.createElement("img", { src: n, alt: "" })),
-    /* @__PURE__ */ e.createElement("div", { className: `${d}__quote-wrapper` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__icon ${d}__icon--before` }, /* @__PURE__ */ e.createElement(A, { iconName: "quotesLeft", iconSize: "4xl" })), /* @__PURE__ */ e.createElement("div", { className: `${d}__text-wrapper` }, /* @__PURE__ */ e.createElement(
+    n && a === "stand-alone" && /* @__PURE__ */ e.createElement("div", { className: `${m}__image` }, /* @__PURE__ */ e.createElement("img", { src: n, alt: "" })),
+    /* @__PURE__ */ e.createElement("div", { className: `${m}__quote-wrapper` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__icon ${m}__icon--before` }, /* @__PURE__ */ e.createElement(A, { iconName: "quotesLeft", iconSize: "4xl" })), /* @__PURE__ */ e.createElement("div", { className: `${m}__text-wrapper` }, /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${d}__quote pds-quote-text pds-quote-text--lg`
+        className: `${m}__quote pds-quote-text pds-quote-text--lg`
       },
       c
-    ), /* @__PURE__ */ e.createElement("div", { className: `${d}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${d}__name` }, s.name), s.title && /* @__PURE__ */ e.createElement("span", { className: `${d}__title` }, ", ", s.title), s.org && /* @__PURE__ */ e.createElement("span", { className: `${d}__org` }, ", ", s.org))), /* @__PURE__ */ e.createElement("div", { className: `${d}__icon ${d}__icon--after` }, /* @__PURE__ */ e.createElement(A, { iconName: "quotesRight", iconSize: "4xl" })))
+    ), /* @__PURE__ */ e.createElement("div", { className: `${m}__attribution` }, /* @__PURE__ */ e.createElement("span", { className: `${m}__name` }, s.name), s.title && /* @__PURE__ */ e.createElement("span", { className: `${m}__title` }, ", ", s.title), s.org && /* @__PURE__ */ e.createElement("span", { className: `${m}__org` }, ", ", s.org))), /* @__PURE__ */ e.createElement("div", { className: `${m}__icon ${m}__icon--after` }, /* @__PURE__ */ e.createElement(A, { iconName: "quotesRight", iconSize: "4xl" })))
   );
 }, fn = (r) => {
   var o = r, {
@@ -10805,8 +10813,8 @@ let hs = [
 const L2 = (s) => {
   const n = parseInt(_s(s), 16);
   return hs[n % hs.length];
-}, x2 = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, bn = (d) => {
-  var u = d, {
+}, x2 = (s, n) => s.length > n ? s.slice(0, n) + " ..." : s, bn = (m) => {
+  var u = m, {
     linkContent: s,
     isRemovable: n,
     onRemove: a,
@@ -10823,8 +10831,8 @@ const L2 = (s) => {
     "tagLabel",
     "className"
   ]);
-  const [h, m] = R(!0), p = "pds-tag", f = r ? `${p}--${r}` : `${p}--${L2(o)}`, E = h ? null : "pds-tag--hide", _ = () => {
-    m((C) => !C);
+  const [h, d] = R(!0), p = "pds-tag", f = r ? `${p}--${r}` : `${p}--${L2(o)}`, E = h ? null : "pds-tag--hide", _ = () => {
+    d((C) => !C);
   };
   let g, b, v;
   return s && !n && Ut(s) ? (g = s.type, b = s.props.href ? "href" : "to", v = b === "href" ? s.props.href : s.props.to) : (g = "span", b = null, v = null), /* @__PURE__ */ e.createElement(
@@ -10856,7 +10864,7 @@ const L2 = (s) => {
     ) : null
   );
 }, V2 = (h) => {
-  var m = h, {
+  var d = h, {
     alignContent: s,
     alignItems: n,
     flexDirection: a,
@@ -10865,8 +10873,8 @@ const L2 = (s) => {
     mobileFlex: o = "reverse",
     spacing: l = "standard",
     children: i,
-    className: d
-  } = m, u = I(m, [
+    className: m
+  } = d, u = I(d, [
     "alignContent",
     "alignItems",
     "flexDirection",
@@ -10890,7 +10898,7 @@ const L2 = (s) => {
         b,
         v,
         C,
-        d
+        m
       ].join(" ").trim().replace(/\s+/g, " ")
     }, u),
     i
@@ -10946,14 +10954,14 @@ V2.propTypes = {
   className: t.string
 };
 const I2 = (i) => {
-  var d = i, {
+  var m = i, {
     children: s,
     gridGap: n = "standard",
     sidebarLocation: a = "right",
     sidebarMobileLocation: c = "after",
     sidebarWidth: r = "standard",
     className: o
-  } = d, l = I(d, [
+  } = m, l = I(m, [
     "children",
     "gridGap",
     "sidebarLocation",
@@ -10965,7 +10973,7 @@ const I2 = (i) => {
   oe(() => (h(window.innerWidth), window.addEventListener("resize", E), () => {
     window.removeEventListener("resize", E);
   }), []);
-  const m = "pds-sidebar-layout", p = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, f = `${m}--${a}`, E = () => {
+  const d = "pds-sidebar-layout", p = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, f = `${d}--${a}`, E = () => {
     h(window.innerWidth);
   }, _ = {};
   e.Children.forEach(s, (L) => {
@@ -10978,14 +10986,14 @@ const I2 = (i) => {
     "div",
     {
       key: "1",
-      className: `${m}__content pds-grid-item pds-grid-item--sm-4 ${g}`
+      className: `${d}__content pds-grid-item pds-grid-item--sm-4 ${g}`
     },
     _.content
   ), C = /* @__PURE__ */ e.createElement(
     "div",
     {
       key: "2",
-      className: `${m}__side pds-grid-item pds-grid-item--sm-4 ${b}`
+      className: `${d}__side pds-grid-item pds-grid-item--sm-4 ${b}`
     },
     _.sidebar
   ), $ = u < 641;
@@ -10993,7 +11001,7 @@ const I2 = (i) => {
   return a === "left" && c === "before" && (w = [C, v]), a === "left" && c === "after" && (w = $ ? [v, C] : [C, v]), a === "right" && c === "before" && (w = $ ? [C, v] : [v, C]), a === "right" && c === "after" && (w = [v, C]), /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [m, p, f, o].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, p, f, o].join(" ").trim().replace(/\s+/g, " ")
     }, l),
     w
   );
@@ -11031,26 +11039,26 @@ const S2 = (c) => {
     const f = p.props.slot;
     f && (o[f] ? o[f].push(p) : o[f] = [p]);
   });
-  const l = o.stepper, i = o.form, d = se(), [u] = kt(d), h = u.width;
+  const l = o.stepper, i = o.form, m = se(), [u] = kt(m), h = u.width;
   document.documentElement.style.setProperty(
     "--pds-stepper-layout-max-width",
     h + "px"
   );
-  const m = "pds-stepper-layout";
+  const d = "pds-stepper-layout";
   return /* @__PURE__ */ e.createElement(
     at,
     y({
-      className: [m, n].join(" ").trim().replace(/\s+/g, " ")
+      className: [d, n].join(" ").trim().replace(/\s+/g, " ")
     }, a),
     l && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${m}__stepper-container`,
-        ref: d
+        className: `${d}__stepper-container`,
+        ref: m
       },
       l
     ),
-    i && /* @__PURE__ */ e.createElement("div", { className: `${m}__form-container` }, i)
+    i && /* @__PURE__ */ e.createElement("div", { className: `${d}__form-container` }, i)
   );
 };
 S2.propTypes = {
@@ -11073,15 +11081,15 @@ const T2 = (r) => {
     "gridGap",
     "className"
   ]);
-  const l = "pds-three-item-layout", i = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, d = {};
+  const l = "pds-three-item-layout", i = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, m = {};
   e.Children.forEach(s, (h) => {
-    const m = h.props.slot;
-    m && (d[m] ? d[m].push(h) : d[m] = [h]);
+    const d = h.props.slot;
+    d && (m[d] ? m[d].push(h) : m[d] = [h]);
   });
   const u = [
-    d["first-item"],
-    d["second-item"],
-    d["third-item"]
+    m["first-item"],
+    m["second-item"],
+    m["third-item"]
   ];
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -11124,17 +11132,17 @@ const O2 = (o) => {
     "layoutVariant",
     "className"
   ]);
-  const i = "pds-two-item-layout", d = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, u = ["pds-grid-item--md-6"], h = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], m = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"];
+  const i = "pds-two-item-layout", m = n === "standard" ? "pds-grid" : `pds-grid pds-grid--${n}`, u = ["pds-grid-item--md-6"], h = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], d = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"];
   let f, E;
   switch (a) {
     case "equal":
       f = p.concat(u), E = p.concat(u);
       break;
     case "one-third-start":
-      f = p.concat(h), E = p.concat(m);
+      f = p.concat(h), E = p.concat(d);
       break;
     case "one-third-end":
-      f = p.concat(m), E = p.concat(h);
+      f = p.concat(d), E = p.concat(h);
   }
   const _ = {};
   e.Children.forEach(s, (v) => {
@@ -11145,7 +11153,7 @@ const O2 = (o) => {
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
-      className: [i, d, c].join(" ").trim().replace(/\s+/g, " ")
+      className: [i, m, c].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     /* @__PURE__ */ e.createElement("div", { className: f.join(" ").trim() }, g),
     /* @__PURE__ */ e.createElement("div", { className: E.join(" ").trim() }, b)