@pantheon-systems/pds-toolkit-react 1.0.0-dev.151 → 1.0.0-dev.152

package/_dist/index.js

@@ -1,8 +1,8 @@
-import './index.css';var zs = Object.defineProperty, Ms = Object.defineProperties;
+import './index.css';var Ls = Object.defineProperty, Ms = Object.defineProperties;
 var xs = Object.getOwnPropertyDescriptors;
 var dt = Object.getOwnPropertySymbols;
 var jt = Object.prototype.hasOwnProperty, Bt = Object.prototype.propertyIsEnumerable;
-var Pt = (s, n, a) => n in s ? zs(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, N = (s, n) => {
+var Pt = (s, n, a) => n in s ? Ls(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a, N = (s, n) => {
   for (var a in n || (n = {}))
     jt.call(n, a) && Pt(s, a, n[a]);
   if (dt)
@@ -831,7 +831,7 @@ const Et = 300, D = (i) => {
       ls({ padding: 5 })
     ],
     whileElementsMounted: Oe
-  }), f = St(C, { move: !1 }), v = Os(C), E = Se(C), y = Ie(C, { role: "tooltip" }), { getFloatingProps: k } = Te([f, v, E, y]), { isMounted: z } = Re(C, {
+  }), f = St(C, { move: !1 }), v = Os(C), E = Se(C), y = Ie(C, { role: "tooltip" }), { getFloatingProps: k } = Te([f, v, E, y]), { isMounted: L } = Re(C, {
     initial: {
       transform: "scale(0)"
     }
@@ -849,7 +849,7 @@ const Et = 300, D = (i) => {
         iconSize: "sm"
       }
     )),
-    z && /* @__PURE__ */ e.createElement(
+    L && /* @__PURE__ */ e.createElement(
       "div",
       N({
         className: `${p}__container`,
@@ -859,63 +859,69 @@ const Et = 300, D = (i) => {
       s
     )
   );
-}, ut = (u) => {
-  var b = u, {
+}, ut = (b) => {
+  var m = b, {
     ariaLabel: s,
     buttonType: n = "button",
     disabled: a = !1,
-    iconName: c,
-    onClick: i = () => {
+    hasTooltip: c = !0,
+    iconName: i,
+    onClick: r = () => {
     },
-    size: r = "md",
-    variant: l = "standard",
-    className: d
-  } = b, o = x(b, [
+    size: l = "md",
+    variant: d = "standard",
+    className: o
+  } = m, u = x(m, [
     "ariaLabel",
     "buttonType",
     "disabled",
+    "hasTooltip",
     "iconName",
     "onClick",
     "size",
     "variant",
     "className"
   ]);
-  const m = "pds-icon-button", p = r !== "md" ? `${m}--${r}` : null, _ = l !== "standard" ? `${m}--${l}` : null;
-  let g;
-  switch (r) {
+  const p = "pds-icon-button", _ = l !== "md" ? `${p}--${l}` : null, g = d !== "standard" ? `${p}--${d}` : null;
+  let $;
+  switch (l) {
     case "sm":
-      g = "md";
+      $ = "md";
       break;
     case "md":
-      g = "md";
+      $ = "md";
       break;
     case "lg":
-      g = "xl";
+      $ = "xl";
   }
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    mt,
+  const h = /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
+    D,
     {
-      content: s,
-      customTrigger: /* @__PURE__ */ e.createElement(
-        "button",
-        N({
-          "aria-label": s,
-          className: [m, p, _, d].join(" ").trim().replace(/\s+/g, " "),
-          disabled: a,
-          onClick: i,
-          type: n
-        }, o),
-        /* @__PURE__ */ e.createElement(
-          D,
-          {
-            iconName: c,
-            iconSize: g,
-            className: `${m}__icon`
-          }
-        )
-      )
+      iconName: i,
+      iconSize: $,
+      className: `${p}__icon`
     }
   ));
+  return /* @__PURE__ */ e.createElement(
+    "button",
+    N({
+      "aria-label": s,
+      className: [p, _, g, o].join(" ").trim().replace(/\s+/g, " "),
+      disabled: a,
+      onClick: r,
+      type: n,
+      title: c && !a ? null : s
+    }, u),
+    c && !a ? /* @__PURE__ */ e.createElement(
+      mt,
+      {
+        content: s,
+        className: `${p}__tooltip`,
+        offsetValue: -2,
+        customTrigger: h
+      }
+    ) : h
+  );
 }, Ct = {
   info: "circleInfo",
   warning: "triangleExclamation",
@@ -947,13 +953,13 @@ const Et = 300, D = (i) => {
     info: `${p}--info`,
     warning: `${p}--warning`,
     critical: `${p}--critical`
-  }, $ = (k) => k === 0 ? 0 : -1, h = (k) => k === 0 ? "visible" : "hidden", C = u.map((k, z) => {
+  }, $ = (k) => k === 0 ? 0 : -1, h = (k) => k === 0 ? "visible" : "hidden", C = u.map((k, L) => {
     const H = ["critical", "warning"].includes(k.type) ? "alert" : "status", S = `${i[k.type]}:  `, w = (I) => {
       I.preventDefault();
-      const L = I.target.closest(`.${p}`).id, M = u.findIndex(
-        (Z) => Z.id === L
+      const z = I.target.closest(`.${p}`).id, M = u.findIndex(
+        (Z) => Z.id === z
       ), q = [...u];
-      q.splice(M, 1), document.getElementById(L).classList.add(`${p}--dismissing`), setTimeout(() => {
+      q.splice(M, 1), document.getElementById(z).classList.add(`${p}--dismissing`), setTimeout(() => {
         b(q), k.onDismiss && k.onDismiss();
       }, 300);
     };
@@ -965,7 +971,7 @@ const Et = 300, D = (i) => {
         className: [p, g[k.type]].join(" ").trim().replace(/\s+/g, " "),
         role: H,
         style: {
-          zIndex: Et - z
+          zIndex: Et - L
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement(
@@ -979,7 +985,7 @@ const Et = 300, D = (i) => {
         {
           className: `${p}__message`,
           style: {
-            visibility: h(z)
+            visibility: h(L)
           }
         },
         /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, S, " "),
@@ -989,7 +995,7 @@ const Et = 300, D = (i) => {
         "button",
         {
           className: `${p}__dismiss-button`,
-          tabIndex: $(z),
+          tabIndex: $(L),
           onClick: w
         },
         n
@@ -998,8 +1004,8 @@ const Et = 300, D = (i) => {
   }), f = () => {
     document.getElementById(u[0].id).classList.add(`${p}--fading`), setTimeout(() => {
       b((k) => {
-        const z = [...k], O = z.shift();
-        return z.push(O), z;
+        const L = [...k], O = L.shift();
+        return L.push(O), L;
       });
     }, 300), setTimeout(() => {
       document.getElementById(u[m - 1].id).classList.remove(`${p}--fading`);
@@ -1007,8 +1013,8 @@ const Et = 300, D = (i) => {
   }, v = () => {
     document.getElementById(u[0].id).style.zIndex = Et + 2, document.getElementById(u[m - 1].id).style.zIndex = Et + 1, document.getElementById(u[0].id).classList.add(`${p}--fading`), setTimeout(() => {
       b((k) => {
-        const z = [...k], O = z.pop();
-        return z.unshift(O), z;
+        const L = [...k], O = L.pop();
+        return L.unshift(O), L;
       });
     }, 300), setTimeout(() => {
       document.getElementById(u[1].id).classList.remove(`${p}--fading`);
@@ -1032,7 +1038,8 @@ const Et = 300, D = (i) => {
         size: "lg",
         className: `${p}__nav-button ${p}__nav-button--prev`,
         onClick: v,
-        ariaLabel: c
+        ariaLabel: c,
+        hasTooltip: !1
       }
     ), C, /* @__PURE__ */ e.createElement(
       ut,
@@ -1041,7 +1048,8 @@ const Et = 300, D = (i) => {
         size: "lg",
         className: `${p}__nav-button ${p}__nav-button--next`,
         onClick: f,
-        ariaLabel: a
+        ariaLabel: a,
+        hasTooltip: !1
       }
     )) : C[0]
   );
@@ -1970,7 +1978,7 @@ const Me = tt(
       "validationState",
       "className"
     ]);
-    const v = "pds-input-wrapper", E = `${v}--${i}`, y = "pds-input-label", k = `pds-input-field__message pds-input-field__message--${u}`, z = _ === "error" ? "pds-has-error" : null, O = _ === "success" ? "pds-has-success" : null, H = a ? "pds-is-disabled" : null, S = b ? "pds-is-readonly" : null, w = m && !a ? "pds-is-required" : null, I = r ? `${r / 16}rem` : null, L = r ? { width: I } : null, M = l ? "fieldset" : "div", q = m && !a ? /* @__PURE__ */ e.createElement(
+    const v = "pds-input-wrapper", E = `${v}--${i}`, y = "pds-input-label", k = `pds-input-field__message pds-input-field__message--${u}`, L = _ === "error" ? "pds-has-error" : null, O = _ === "success" ? "pds-has-success" : null, H = a ? "pds-is-disabled" : null, S = b ? "pds-is-readonly" : null, w = m && !a ? "pds-is-required" : null, I = r ? `${r / 16}rem` : null, z = r ? { width: I } : null, M = l ? "fieldset" : "div", q = m && !a ? /* @__PURE__ */ e.createElement(
       D,
       {
         iconName: "asterisk",
@@ -1983,7 +1991,7 @@ const Me = tt(
         className: k,
         id: `${c}__message`,
         role: _ === "error" ? "alert" : null,
-        style: L
+        style: z
       },
       o
     ) : null;
@@ -1996,12 +2004,12 @@ const Me = tt(
           H,
           S,
           w,
-          z,
+          L,
           O,
           g
         ].join(" ").trim().replace(/\s+/g, " "),
         ref: h,
-        style: L
+        style: z
       }, $),
       d && !l && i != "file-upload" && /* @__PURE__ */ e.createElement(
         "label",
@@ -2329,7 +2337,7 @@ o1.propTypes = {
   className: t.string
 };
 const gs = tt(
-  (O, z) => {
+  (O, L) => {
     var H = O, {
       disabled: s = !1,
       hasClearButton: n = !0,
@@ -2385,7 +2393,7 @@ const gs = tt(
     const S = (ie) => {
       const de = h.find((we) => we.value === ie);
       return de ? de.label : "";
-    }, [w, I] = T(!1), [L, M] = T(null), [q, Z] = T(
+    }, [w, I] = T(!1), [z, M] = T(null), [q, Z] = T(
       l ? S(l) : ""
     ), [R, P] = T([]), [B, F] = T(""), [W, V] = T(null), j = ee([]), U = "pds-combobox", { context: X, refs: ce } = Ve({
       open: w,
@@ -2393,7 +2401,7 @@ const gs = tt(
       whileElementsMounted: Oe
     }), le = Ie(X, { role: "listbox" }), te = Se(X), ue = at(X, {
       listRef: j,
-      activeIndex: L,
+      activeIndex: z,
       onNavigate: M,
       virtual: !0,
       loop: !0,
@@ -2473,8 +2481,8 @@ const gs = tt(
           se(de), (we = ce.domReference.current) == null || we.focus();
         }
       })), {
-        tabIndex: L === de ? 0 : -1,
-        active: L === de
+        tabIndex: z === de ? 0 : -1,
+        active: z === de
       }),
       ie.optionDisplay || ie.label
     )), We = B || p, _t = d ? `${d / 16}rem` : null, Ze = d ? { width: _t } : null;
@@ -2496,7 +2504,7 @@ const gs = tt(
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          ref: z,
+          ref: L,
           className: [U].join(" ").trim().replace(/\s+/g, " "),
           id: r,
           name: r,
@@ -2519,7 +2527,7 @@ const gs = tt(
             onChange: $e,
             onFocus: Q,
             onKeyDown(ie) {
-              ie.key === "Enter" && L != null && R[L] && se(L);
+              ie.key === "Enter" && z != null && R[z] && se(z);
             }
           }))
         ),
@@ -2851,7 +2859,7 @@ const De = gt(null), m1 = ({
   }, f = "pds-dashboard", v = _ ? `${f}--isMobile` : `${f}--notMobile`, E = _ ? null : m ? `${f}--sidebarExpanded` : `${f}--sidebarCollapsed`, y = m ? `${i}rem` : `${c}rem`, k = {
     width: y,
     transition: "width 200ms ease-in-out"
-  }, z = _ ? {} : {
+  }, L = _ ? {} : {
     width: `calc(100% - ${y})`,
     transition: "width 200ms ease-in-out"
   }, O = () => {
@@ -2863,7 +2871,7 @@ const De = gt(null), m1 = ({
       R && (H[R] ? H[R].push(Z) : H[R] = [Z]);
     }
   });
-  const S = H.header, w = H.sidebar, I = H.main, L = H.footer, M = /* @__PURE__ */ e.createElement("aside", { className: `${f}__sidebar` }, w), q = /* @__PURE__ */ e.createElement("aside", { className: `${f}__sidebar`, style: k }, /* @__PURE__ */ e.createElement("div", { className: `${f}__sidebar-divider` }), n && /* @__PURE__ */ e.createElement(
+  const S = H.header, w = H.sidebar, I = H.main, z = H.footer, M = /* @__PURE__ */ e.createElement("aside", { className: `${f}__sidebar` }, w), q = /* @__PURE__ */ e.createElement("aside", { className: `${f}__sidebar`, style: k }, /* @__PURE__ */ e.createElement("div", { className: `${f}__sidebar-divider` }), n && /* @__PURE__ */ e.createElement(
     "button",
     {
       className: `${f}__sidebar-toggle`,
@@ -2891,10 +2899,10 @@ const De = gt(null), m1 = ({
       {
         ref: g,
         className: `${f}__container`,
-        style: z
+        style: L
       },
       !_ && /* @__PURE__ */ e.createElement("div", { className: `${f}__header` }, S),
-      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${f}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__main-inner` }, I), L && /* @__PURE__ */ e.createElement("footer", { className: `${f}__footer` }, L))
+      /* @__PURE__ */ e.createElement("main", { id: "main", className: `${f}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${f}__main-inner` }, I), z && /* @__PURE__ */ e.createElement("footer", { className: `${f}__footer` }, z))
     )
   ));
 }, vt = (r) => {
@@ -2971,7 +2979,7 @@ const De = gt(null), m1 = ({
     open: o,
     onOpenChange: u,
     whileElementsMounted: Oe
-  }), { isMounted: z, styles: O } = Re(y, {
+  }), { isMounted: L, styles: O } = Re(y, {
     duration: {
       open: 300,
       close: 300
@@ -2992,8 +3000,8 @@ const De = gt(null), m1 = ({
     loop: !0,
     openOnArrowKeyDown: !0,
     focusItemOnHover: !0
-  }), w = st(y, { event: "mousedown" }), I = Se(y), L = Ie(y, { role: "menu" }), { getReferenceProps: M, getFloatingProps: q, getItemProps: Z } = Te(
-    [I, L, w, S]
+  }), w = st(y, { event: "mousedown" }), I = Se(y), z = Ie(y, { role: "menu" }), { getReferenceProps: M, getFloatingProps: q, getItemProps: Z } = Te(
+    [I, z, w, S]
   );
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -3010,7 +3018,7 @@ const De = gt(null), m1 = ({
       /* @__PURE__ */ e.createElement("span", { className: `${d}__active-label` }, $),
       /* @__PURE__ */ e.createElement(D, { iconName: "angleDown", className: `${d}__trigger-icon` })
     ),
-    z && /* @__PURE__ */ e.createElement(
+    L && /* @__PURE__ */ e.createElement(
       "ul",
       N({
         className: `${d}__dropdown ${d}__menu ${d}__menu--top-level`,
@@ -3463,14 +3471,14 @@ const p1 = (l) => {
     return !1;
   };
   a = a.map((f) => {
-    const v = f.linkContent.type, E = f.linkContent.props.href ? "href" : "to", y = E === "href" ? f.linkContent.props.href : f.linkContent.props.to, k = f.linkContent.props.children, z = f.linkContent.props.className;
+    const v = f.linkContent.type, E = f.linkContent.props.href ? "href" : "to", y = E === "href" ? f.linkContent.props.href : f.linkContent.props.to, k = f.linkContent.props.children, L = f.linkContent.props.className;
     return _e(N({}, f), {
       linkContent: /* @__PURE__ */ e.createElement(
         v,
         {
           href: E === "href" ? y : null,
           to: E === "to" ? y : null,
-          className: `${p}__link ${z}`
+          className: `${p}__link ${L}`
         },
         /* @__PURE__ */ e.createElement("div", { className: `${p}__link-icon` }, /* @__PURE__ */ e.createElement(D, { iconName: f.icon })),
         /* @__PURE__ */ e.createElement("div", { className: `${p}__link-label` }, k)
@@ -3667,13 +3675,13 @@ const g1 = (g) => {
   let y = !1;
   const k = ye(De);
   k && (y = k.isMobile);
-  let z = null;
+  let L = null;
   const O = ye(Rt);
-  O && (z = O.navbarWidth);
-  const H = 2.25, S = 22, w = z > 900 ? S : z / 16 - m - H * 0.675;
+  O && (L = O.navbarWidth);
+  const H = 2.25, S = 22, w = L > 900 ? S : L / 16 - m - H * 0.675;
   let I = H;
-  h && !z && (I = S), h && z && (I = w);
-  const L = {
+  h && !L && (I = S), h && L && (I = w);
+  const z = {
     right: `${m}rem`,
     width: `${I}rem`
   }, M = "pds-dashboard-search", q = y ? `${M}--isMobile` : null, Z = () => {
@@ -3749,7 +3757,7 @@ const g1 = (g) => {
     N({
       className: [M, q, p].join(" ").trim().replace(/\s+/g, " "),
       id: n,
-      style: y ? null : L,
+      style: y ? null : z,
       onKeyDown: y ? null : (j) => {
         j.key === "Escape" && R();
       }
@@ -3954,7 +3962,7 @@ const b1 = ($) => {
     "validationFunction",
     "className"
   ]);
-  const [C, f] = T(!1), [v, E] = T(), [y, k] = T(null), z = "pds-file-upload", O = C ? `${z}--has-value` : null;
+  const [C, f] = T(!1), [v, E] = T(), [y, k] = T(null), L = "pds-file-upload", O = C ? `${L}--has-value` : null;
   let H = null;
   y === "error" && (H = "error"), y === "success" && (H = "success");
   const S = () => {
@@ -3968,7 +3976,7 @@ const b1 = ($) => {
   }, I = () => {
     const M = document.getElementById(r);
     M.value = "", f(!1), S();
-  }, L = v || d;
+  }, z = v || d;
   return /* @__PURE__ */ e.createElement(
     Me,
     N({
@@ -3979,7 +3987,7 @@ const b1 = ($) => {
       inputWidth: l,
       inputFieldType: "file-upload",
       label: i,
-      message: L,
+      message: z,
       required: b,
       showLabel: m,
       validationState: y
@@ -3988,7 +3996,7 @@ const b1 = ($) => {
       "label",
       {
         htmlFor: r,
-        className: C ? "visually-hidden" : `${z}__label`
+        className: C ? "visually-hidden" : `${L}__label`
       },
       /* @__PURE__ */ e.createElement(D, { iconName: "paperclip", iconSize: "sm" }),
       n
@@ -3996,7 +4004,7 @@ const b1 = ($) => {
     /* @__PURE__ */ e.createElement(
       "input",
       {
-        className: [z, O].join(" ").trim().replace(/\s+/g, " "),
+        className: [L, O].join(" ").trim().replace(/\s+/g, " "),
         type: "file",
         id: r,
         accept: s || null,
@@ -4216,7 +4224,7 @@ const E1 = new Intl.NumberFormat().formatToParts(100000089e-2), $t = E1.find((s)
     h,
     C,
     p
-  ]), [v, E] = T(""), [y, k] = T(null), [z, O] = T(null), H = ee(null), S = ee(null), w = ee("");
+  ]), [v, E] = T(""), [y, k] = T(null), [L, O] = T(null), H = ee(null), S = ee(null), w = ee("");
   ae(() => {
     switch (i && E(F(i)), w.numExtra = "", n) {
       case "credit-card":
@@ -4231,12 +4239,12 @@ const E1 = new Intl.NumberFormat().formatToParts(100000089e-2), $t = E1.find((s)
     f.current = f.current.filter(
       (V) => V !== Ee.required && V !== Ee.disabled
     );
-  }, L = () => {
+  }, z = () => {
     f.current = f.current.filter(
       (V) => V !== Ee.error && V !== Ee.success
     );
   }, M = () => {
-    L(), k(""), O(null);
+    z(), k(""), O(null);
   }, q = (V) => {
     d && d({
       formattedValue: V,
@@ -4299,7 +4307,7 @@ const E1 = new Intl.NumberFormat().formatToParts(100000089e-2), $t = E1.find((s)
   };
   I(), u && !s && f.current.push(Ee.required), s && f.current.push(Ee.disabled);
   let W = null;
-  return z === "error" && (W = /* @__PURE__ */ e.createElement(et, { type: "error" })), z === "success" && (W = /* @__PURE__ */ e.createElement(et, { type: "success" })), /* @__PURE__ */ e.createElement("div", N({ className: f.current.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("span", { className: b ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: "pds-input-label", htmlFor: c }, r)), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__input-wrapper" }, W && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, W), /* @__PURE__ */ e.createElement(
+  return L === "error" && (W = /* @__PURE__ */ e.createElement(et, { type: "error" })), L === "success" && (W = /* @__PURE__ */ e.createElement(et, { type: "success" })), /* @__PURE__ */ e.createElement("div", N({ className: f.current.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("span", { className: b ? null : "visually-hidden" }, /* @__PURE__ */ e.createElement("label", { className: "pds-input-label", htmlFor: c }, r)), /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__input-wrapper" }, W && /* @__PURE__ */ e.createElement("div", { className: "pds-input-field__decorators" }, W), /* @__PURE__ */ e.createElement(
     "input",
     {
       className: "pds-input-field__input",
@@ -4313,7 +4321,7 @@ const E1 = new Intl.NumberFormat().formatToParts(100000089e-2), $t = E1.find((s)
       onChange: Z,
       onBlur: P,
       ref: H,
-      "aria-invalid": z === "error",
+      "aria-invalid": L === "error",
       "aria-describedby": l || y ? `${c}__message` : null,
       maxLength: w.current + w.numExtra,
       minLength: w.current + w.numExtra
@@ -4330,7 +4338,7 @@ const E1 = new Intl.NumberFormat().formatToParts(100000089e-2), $t = E1.find((s)
     {
       className: "pds-input-field__message",
       id: `${c}__message`,
-      role: z === "error" ? "alert" : null
+      role: L === "error" ? "alert" : null
     },
     y || l
   ));
@@ -4458,11 +4466,11 @@ const y1 = (_) => {
     "validationFunction",
     "className"
   ]);
-  const $ = "pds-input-obscured", h = ee(["pds-input-field", $, m]), [C, f] = T(i), [v, E] = T(s("")), [y, k] = T(), [z, O] = T(null), [H, S] = T(!1), w = ee(null), I = ee(null);
+  const $ = "pds-input-obscured", h = ee(["pds-input-field", $, m]), [C, f] = T(i), [v, E] = T(s("")), [y, k] = T(), [L, O] = T(null), [H, S] = T(!1), w = ee(null), I = ee(null);
   ae(() => {
     i && s && E(s(i));
   }, []);
-  const L = () => {
+  const z = () => {
     h.current = h.current.filter(
       (V) => V !== Ee.required && V !== Ee.disabled
     );
@@ -4488,9 +4496,9 @@ const y1 = (_) => {
     var j;
     (!((j = w.current) != null && j.contains(V.relatedTarget)) || !V.relatedTarget) && S(!1);
   };
-  L(), o && !n && h.current.push(Ee.required), n && h.current.push(Ee.disabled);
+  z(), o && !n && h.current.push(Ee.required), n && h.current.push(Ee.disabled);
   let W = null;
-  return z === "error" && (W = /* @__PURE__ */ e.createElement(et, { type: "error" })), z === "success" && (W = /* @__PURE__ */ e.createElement(et, { type: "success" })), /* @__PURE__ */ e.createElement(
+  return L === "error" && (W = /* @__PURE__ */ e.createElement(et, { type: "error" })), L === "success" && (W = /* @__PURE__ */ e.createElement(et, { type: "success" })), /* @__PURE__ */ e.createElement(
     "div",
     N({
       className: h.current.join(" ").trim(),
@@ -4519,7 +4527,7 @@ const y1 = (_) => {
         onChange: Z,
         onBlur: R,
         ref: I,
-        "aria-invalid": z === "error",
+        "aria-invalid": L === "error",
         "aria-describedby": l || y ? `${c}__message` : null,
         autoComplete: "off"
       }
@@ -4547,7 +4555,7 @@ const y1 = (_) => {
       {
         className: "pds-input-field__message",
         id: `${c}__message`,
-        role: z === "error" ? "alert" : null
+        role: L === "error" ? "alert" : null
       },
       y || l
     )
@@ -4659,7 +4667,7 @@ const Nt = 16, Kt = 10, N1 = (H) => {
       creditCardError: "Please enter a valid credit card number.",
       phoneError: "Please enter a valid phone number."
     },
-    className: z
+    className: L
   } = S, O = x(S, [
     "autoComplete",
     "counterFunction",
@@ -4686,7 +4694,7 @@ const Nt = 16, Kt = 10, N1 = (H) => {
     "validationMessages",
     "className"
   ]);
-  const [w, I] = T(l), [L, M] = T(n("")), [q, Z] = T(), [R, P] = T(null), [B, F] = T(!1), W = ee(null), V = ee(null), j = ee(null), U = ee(null), X = "pds-input-text", ce = C ? `${X}--${C}` : null;
+  const [w, I] = T(l), [z, M] = T(n("")), [q, Z] = T(), [R, P] = T(null), [B, F] = T(!1), W = ee(null), V = ee(null), j = ee(null), U = ee(null), X = "pds-input-text", ce = C ? `${X}--${C}` : null;
   let le = null;
   E === "search" && (le = "search"), R === "error" && (le = "error"), R === "success" && (le = "success"), C && f && ae(() => {
     switch (l && I(ue(l)), U.numExtra = "", C) {
@@ -4771,7 +4779,7 @@ const Nt = 16, Kt = 10, N1 = (H) => {
   return /* @__PURE__ */ e.createElement(
     Me,
     N({
-      className: z,
+      className: L,
       decorator: le,
       disabled: a,
       id: r,
@@ -4810,7 +4818,7 @@ const Nt = 16, Kt = 10, N1 = (H) => {
         minLength: te
       }
     ),
-    L && /* @__PURE__ */ e.createElement("div", { className: "pds-input__counter" }, L),
+    z && /* @__PURE__ */ e.createElement("div", { className: "pds-input__counter" }, z),
     w && c && /* @__PURE__ */ e.createElement(
       ct,
       {
@@ -5050,7 +5058,7 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
     reference: E,
     floating: y,
     strategy: k,
-    update: z,
+    update: L,
     placement: O,
     refs: H
   } = Bs({
@@ -5060,9 +5068,9 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
   let S = !1;
   const w = ye(De);
   w && (S = w.isMobile);
-  const I = _ && S, L = "pds-menu-button", M = I ? `${L}--isMobile` : null, q = _ ? `${L}--navbar` : null, Z = xe(), [R] = T(`menu-button-${Z}`), [P] = T(`menu-listbox-${Z}`), B = i || R, F = H.floating, W = ee(null), [V, j] = T(!1), [U, X] = T(!1), [ce, le] = T(""), [te, ue] = T(0), oe = ee([]), J = ee([]), he = ee([]);
+  const I = _ && S, z = "pds-menu-button", M = I ? `${z}--isMobile` : null, q = _ ? `${z}--navbar` : null, Z = xe(), [R] = T(`menu-button-${Z}`), [P] = T(`menu-listbox-${Z}`), B = i || R, F = H.floating, W = ee(null), [V, j] = T(!1), [U, X] = T(!1), [ce, le] = T(""), [te, ue] = T(0), oe = ee([]), J = ee([]), he = ee([]);
   Ss(() => {
-    window.addEventListener("mousedown", He, !0), z();
+    window.addEventListener("mousedown", He, !0), L();
     const A = F.current;
     return A && (A.dataset.fuiPlacement = O), U && (setTimeout(() => {
       A.focus();
@@ -5173,9 +5181,9 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
   }, He = (A) => {
     W.current && !W.current.contains(A.target) && V && G();
   }, fe = (A, ne, Y = "", ge = "", ...me) => {
-    const Ce = Y ? `-group-${Y}` : "", ve = B + Ce + "-item-" + (ne + 1), ze = A.id ? A.id : ve;
+    const Ce = Y ? `-group-${Y}` : "", ve = B + Ce + "-item-" + (ne + 1), Le = A.id ? A.id : ve;
     if (wt(A))
-      return /* @__PURE__ */ e.createElement("li", { role: "separator", key: ze });
+      return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Le });
     if (kt(A))
       return /* @__PURE__ */ e.createElement(
         "li",
@@ -5183,36 +5191,36 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
           role: "presentation",
           id: ge || null,
           key: ge,
-          className: `${L}__listbox-heading`
+          className: `${z}__listbox-heading`
         },
         A.label
       );
     if (k1(A))
-      return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: ze }, A.nodeContent);
+      return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: Le }, A.nodeContent);
     if (Ht(A) || A.label) {
-      J.current.push(ze), he.current.push(A);
+      J.current.push(Le), he.current.push(A);
       let ot = !1;
-      ce !== "" && !A.disabled && (ot = ce === ze);
-      let Le;
-      if (A.label && (Le = [A.label]), Ht(A) && (Le = [A.linkContent.props.children]), A.iconName) {
+      ce !== "" && !A.disabled && (ot = ce === Le);
+      let ze;
+      if (A.label && (ze = [A.label]), Ht(A) && (ze = [A.linkContent.props.children]), A.iconName) {
         const Ke = /* @__PURE__ */ e.createElement(D, { key: `icon-${Z}`, iconName: A.iconName, iconSize: "md" });
-        Le.unshift(Ke);
+        ze.unshift(Ke);
       }
       let Ue;
-      A.description && (Ue = /* @__PURE__ */ e.createElement("span", { className: `${L}__item-description` }, A.description));
+      A.description && (Ue = /* @__PURE__ */ e.createElement("span", { className: `${z}__item-description` }, A.description));
       let Ge;
       if (Ht(A)) {
         const Ke = A.linkContent.type;
-        Ge = /* @__PURE__ */ e.createElement(Ke, N({ tabIndex: -1 }, A.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${L}__item-label` }, Le), Ue);
+        Ge = /* @__PURE__ */ e.createElement(Ke, N({ tabIndex: -1 }, A.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${z}__item-label` }, ze), Ue);
       } else
-        Ge = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${L}__item-label` }, Le), Ue);
+        Ge = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${z}__item-label` }, ze), Ue);
       return /* @__PURE__ */ e.createElement(
         "li",
         N({
-          id: ze,
-          key: ze,
+          id: Le,
+          key: Le,
           "data-testid": A.testId,
-          className: ot ? `${L}__item-focused` : null,
+          className: ot ? `${z}__item-focused` : null,
           role: "menuitem",
           tabIndex: -1,
           onClick: se,
@@ -5232,16 +5240,16 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
     const ne = A, Y = A.filter(
       kt || wt
     ), ge = Y.length > 0;
-    let me = [`${L}__listbox`];
-    if (_ && me.push(`${L}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && me.push(`${L}__listbox--avatar`), o === "end" && me.push(`${L}__listbox--end`), a === "icon-only" && me.push(`${L}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), ge) {
+    let me = [`${z}__listbox`];
+    if (_ && me.push(`${z}__listbox--navbar`), (a === "avatar" || a === "avatar-with-text") && me.push(`${z}__listbox--avatar`), o === "end" && me.push(`${z}__listbox--end`), a === "icon-only" && me.push(`${z}__listbox--icon-only`), me = me.join(" ").trim().replace(/\s+/g, " "), ge) {
       const Ce = We(A, Y);
       Ce.forEach(() => {
         oe.current.push(xe());
       });
       let ve = oe.current[0];
-      const ze = Ce[0].findIndex(
-        (Le) => !wt(Le) && !kt(Le)
-      ), ot = `${B}-group-${ve}-item-${ze + 1}`;
+      const Le = Ce[0].findIndex(
+        (ze) => !wt(ze) && !kt(ze)
+      ), ot = `${B}-group-${ve}-item-${Le + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -5262,9 +5270,9 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
           onKeyDown: Ne,
           ref: y
         },
-        Ce.map((Le, Ue) => {
+        Ce.map((ze, Ue) => {
           ve = oe.current[Ue];
-          const Ge = Le[0].isHeading, Ke = Ge ? `${B}-group-${ve}-heading` : "", ws = `${B}-group-${ve}`, ks = Ge ? null : `${m} ${Ue + 1}`;
+          const Ge = ze[0].isHeading, Ke = Ge ? `${B}-group-${ve}-heading` : "", ws = `${B}-group-${ve}`, ks = Ge ? null : `${m} ${Ue + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
@@ -5273,9 +5281,9 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
               "aria-label": ks,
               key: ws
             },
-            Le.map((Hs, Ls) => fe(
+            ze.map((Hs, zs) => fe(
               Hs,
-              Ls,
+              zs,
               ve,
               Ke
             ))
@@ -5303,7 +5311,7 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
           onKeyDown: Ne,
           ref: y
         },
-        ne.map((ve, ze) => fe(ve, ze))
+        ne.map((ve, Le) => fe(ve, Le))
       ));
     }
   };
@@ -5320,7 +5328,7 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
       iconName: "angleDown",
       type: "button",
       disabled: n,
-      className: `${L}__trigger`,
+      className: `${z}__trigger`,
       "aria-haspopup": "true",
       "aria-controls": P,
       "aria-expanded": V,
@@ -5338,13 +5346,14 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
       iconName: c,
       type: "button",
       disabled: n,
-      className: `${L}__trigger ${L}__trigger--icon-only`,
+      className: `${z}__trigger ${z}__trigger--icon-only`,
       "aria-haspopup": "true",
       "aria-controls": P,
       "aria-expanded": V,
       onClick: Q,
       onKeyDown: ke,
-      ref: E
+      ref: E,
+      hasTooltip: !1
     }
   )), (a === "avatar" || a === "avatar-with-text") && (Ze = /* @__PURE__ */ e.createElement(
     "button",
@@ -5352,7 +5361,7 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
       id: B,
       type: "button",
       disabled: n,
-      className: `${L}__trigger ${L}__trigger--avatar`,
+      className: `${z}__trigger ${z}__trigger--avatar`,
       "aria-label": a === "avatar" ? l : null,
       "aria-haspopup": "true",
       "aria-controls": P,
@@ -5361,25 +5370,25 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
       onKeyDown: ke,
       ref: E
     },
-    /* @__PURE__ */ e.createElement("span", { className: `${L}__avatar-label` }, /* @__PURE__ */ e.createElement(Qe, { size: "sm", imageSrc: s }), a === "avatar-with-text" && l),
+    /* @__PURE__ */ e.createElement("span", { className: `${z}__avatar-label` }, /* @__PURE__ */ e.createElement(Qe, { size: "sm", imageSrc: s }), a === "avatar-with-text" && l),
     /* @__PURE__ */ e.createElement(
       D,
       {
         iconName: "angleDown",
         iconSize: "md",
-        className: `${L}__trigger-icon ${L}__trigger-icon--${a}`
+        className: `${z}__trigger-icon ${z}__trigger-icon--${a}`
       }
     )
   ));
   const ie = (A) => {
     const ne = A.target;
-    ne.classList.toggle(`${L}__toggle--expanded`), ne.setAttribute(
+    ne.classList.toggle(`${z}__toggle--expanded`), ne.setAttribute(
       "aria-expanded",
       ne.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), ne.nextElementSibling.classList.toggle(`${L}__mobile-menu--expanded`);
-  }, de = () => /* @__PURE__ */ e.createElement("ul", { className: `${L}__mobile-menu`, role: "menu" }, d.map((A, ne) => fe(A, ne)));
+    ), ne.nextElementSibling.classList.toggle(`${z}__mobile-menu--expanded`);
+  }, de = () => /* @__PURE__ */ e.createElement("ul", { className: `${z}__mobile-menu`, role: "menu" }, d.map((A, ne) => fe(A, ne)));
   let we;
-  const Ae = a === "icon-end" ? "pds-button pds-button--navbar" : null, qe = [`${L}__toggle`, Ae].join(" ").trim().replace(/\s+/g, " ");
+  const Ae = a === "icon-end" ? "pds-button pds-button--navbar" : null, qe = [`${z}__toggle`, Ae].join(" ").trim().replace(/\s+/g, " ");
   I && (we = /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -5390,21 +5399,21 @@ const wt = (s) => s.isSeparator, kt = (s) => s.isHeading, Ht = (s) => s.isLink,
       "aria-expanded": !1,
       onClick: ie
     },
-    a === "avatar" || a === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${L}__avatar-label` }, /* @__PURE__ */ e.createElement(Qe, { size: "sm", imageSrc: s }), l) : a === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${L}__icon-label` }, /* @__PURE__ */ e.createElement(D, { iconName: c }), " ", l) : l,
+    a === "avatar" || a === "avatar-with-text" ? /* @__PURE__ */ e.createElement("span", { className: `${z}__avatar-label` }, /* @__PURE__ */ e.createElement(Qe, { size: "sm", imageSrc: s }), l) : a === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${z}__icon-label` }, /* @__PURE__ */ e.createElement(D, { iconName: c }), " ", l) : l,
     /* @__PURE__ */ e.createElement(
       D,
       {
         iconName: "angleDown",
         iconSize: "md",
-        className: `${L}__toggle-icon ${L}__toggle-icon--${a}`
+        className: `${z}__toggle-icon ${z}__toggle-icon--${a}`
       }
     )
   ));
-  const rt = we, it = V ? `${L}--expanded` : null;
+  const rt = we, it = V ? `${z}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     N({
-      className: [L, q, M, it, g].join(" ").trim().replace(/\s+/g, " "),
+      className: [z, q, M, it, g].join(" ").trim().replace(/\s+/g, " "),
       "data-testid": b,
       ref: W
     }, $),
@@ -5562,7 +5571,7 @@ const H1 = (p) => {
         break;
     }
     V && (F.stopPropagation(), F.preventDefault());
-  }, z = () => $(!g), O = e.createRef();
+  }, L = () => $(!g), O = e.createRef();
   ae(() => {
     if (h && s) {
       const F = us(
@@ -5596,7 +5605,7 @@ const H1 = (p) => {
     W && (S[W] ? S[W].push(F) : S[W] = [F]);
   });
   const w = S["items-left"], I = S["items-right"];
-  let L = /* @__PURE__ */ e.createElement(
+  let z = /* @__PURE__ */ e.createElement(
     "img",
     {
       className: `${f}__custom-logo`,
@@ -5606,11 +5615,11 @@ const H1 = (p) => {
   );
   if (d) {
     const F = d.type;
-    L = /* @__PURE__ */ e.createElement(F, N({ "aria-label": l }, d.props), L);
+    z = /* @__PURE__ */ e.createElement(F, N({ "aria-label": l }, d.props), z);
   }
   let M = "default";
   (n === "reverse" || n === "reverse-transparent") && (M = "reverse");
-  const q = () => r === "custom" ? /* @__PURE__ */ e.createElement(e.Fragment, null, L) : /* @__PURE__ */ e.createElement(
+  const q = () => r === "custom" ? /* @__PURE__ */ e.createElement(e.Fragment, null, z) : /* @__PURE__ */ e.createElement(
     Dt,
     {
       colorType: M,
@@ -5626,7 +5635,7 @@ const H1 = (p) => {
     {
       className: `${f}__menu-toggle`,
       "aria-label": g ? "Close navigation area" : "Open navigation area",
-      onClick: z
+      onClick: L
     },
     /* @__PURE__ */ e.createElement(D, { iconName: g ? "xmark" : "bars", iconSize: "lg" })
   ), R = /* @__PURE__ */ e.createElement(
@@ -5768,7 +5777,7 @@ vs.propTypes = {
   label: t.string,
   mobileMenuMaxWidth: t.number
 };
-const L1 = (l) => {
+const z1 = (l) => {
   var d = l, {
     ariaLabel: s = "Main Navigation",
     colorType: n = "default",
@@ -5798,12 +5807,12 @@ const L1 = (l) => {
       "pds-nav-menu__dropdown--separator"
     ) && g == "up" ? m(b - 1) : h.containerChildren[b].children[0].focus());
   }, [b]), ae(() => {
-    p != -1 && (z.current[p].children[0].blur(), z.current[p].children[0].focus({
+    p != -1 && (L.current[p].children[0].blur(), L.current[p].children[0].focus({
       focusVisible: !0
     }));
   }, [p]);
-  const E = "pds-nav-menu", y = n !== "default" ? `${E}--${n}` : "", k = v ? `${E}--isMobile` : `${E}--notMobile`, z = ee([]), O = (w) => {
-    const I = z.current.length - 1, P = {
+  const E = "pds-nav-menu", y = n !== "default" ? `${E}--${n}` : "", k = v ? `${E}--isMobile` : `${E}--notMobile`, L = ee([]), O = (w) => {
+    const I = L.current.length - 1, P = {
       ArrowRight: () => {
         m(-1), _(p === -1 ? 1 : p === I ? 0 : p + 1);
       },
@@ -5836,14 +5845,14 @@ const L1 = (l) => {
   };
   let S = [];
   return a.map((w, I) => {
-    const L = `item-${xe()}`, M = w.id ? w.id : L;
+    const z = `item-${xe()}`, M = w.id ? w.id : z;
     w.links ? S.push(
       /* @__PURE__ */ e.createElement(
         "li",
         {
           key: `${I}-dropdown`,
           id: M,
-          ref: (q) => z.current[I] = q,
+          ref: (q) => L.current[I] = q,
           className: `${E}__item ${E}__item--top-level ${E}__item--has-children ${H(w) === !0 ? `${E}__item--active` : ""}`
         },
         /* @__PURE__ */ e.createElement(
@@ -5861,7 +5870,7 @@ const L1 = (l) => {
         {
           key: I,
           id: M,
-          ref: (q) => z.current[I] = q,
+          ref: (q) => L.current[I] = q,
           className: `${E}__item ${E}__item--top-level ${E}__item--has-link ${H(w) === !0 ? `${E}__item--active` : ""}`
         },
         w.linkContent
@@ -5879,7 +5888,7 @@ const L1 = (l) => {
     /* @__PURE__ */ e.createElement("ul", { className: `${E}__menu` }, S)
   );
 };
-L1.propTypes = {
+z1.propTypes = {
   /**
    * Aria label for `nav` element.
    */
@@ -5941,9 +5950,9 @@ const pt = (r) => {
         u = ["next", "wordpress"];
         break;
     }
-    d = /* @__PURE__ */ e.createElement("span", { className: `${r}__group` }, Lt[u[0]], Lt[u[1]]);
+    d = /* @__PURE__ */ e.createElement("span", { className: `${r}__group` }, zt[u[0]], zt[u[1]]);
   } else
-    d = Lt[s];
+    d = zt[s];
   return /* @__PURE__ */ e.createElement(
     "div",
     N({
@@ -5973,7 +5982,7 @@ _s.propTypes = {
    */
   className: t.string
 };
-const Lt = {
+const zt = {
   drupal: /* @__PURE__ */ e.createElement(
     "svg",
     {
@@ -6222,7 +6231,7 @@ const Lt = {
     label: "Early Access",
     color: "success"
   }
-}, z1 = (u) => {
+}, L1 = (u) => {
   var b = u, {
     badge: s,
     icon: n,
@@ -6287,7 +6296,7 @@ const Lt = {
     }))
   );
 };
-z1.propTypes = {
+L1.propTypes = {
   /**
    * Optional indicator badge type. Choose from only early-access at this time.
    */
@@ -6410,7 +6419,7 @@ const qt = (g) => {
     "validationFunction",
     "className"
   ]);
-  const [h, C] = T(!1), [f, v] = T(null), [E, y] = T(a), [k, z] = T(), [O, H] = T(null), S = ee([]), w = "pds-select", { context: I, refs: L } = Ve({
+  const [h, C] = T(!1), [f, v] = T(null), [E, y] = T(a), [k, L] = T(), [O, H] = T(null), S = ee([]), w = "pds-select", { context: I, refs: z } = Ve({
     open: h,
     onOpenChange: C,
     whileElementsMounted: Oe
@@ -6446,10 +6455,10 @@ const qt = (g) => {
       value: $e || pe
     };
   }))(d), X = () => {
-    z(""), H(null);
+    L(""), H(null);
   }, ce = (re) => {
     const G = m(re) || {};
-    X(), G.error && H("error"), G.success && H("success"), z(G.message);
+    X(), G.error && H("error"), G.success && H("success"), L(G.message);
   }, le = (re) => {
     const G = U[re];
     y(G.value), v(null), C(!1), l && l(G), m && ce(G);
@@ -6464,7 +6473,7 @@ const qt = (g) => {
       },
       onClick() {
         var K;
-        le(G), (K = L.domReference.current) == null || K.focus();
+        le(G), (K = z.domReference.current) == null || K.focus();
       },
       onKeyDown(K) {
         (K.key === "Enter" || K.key === " ") && le(G);
@@ -6503,7 +6512,7 @@ const qt = (g) => {
         "aria-required": o ? !0 : null,
         "aria-invalid": O === "error",
         "aria-describedby": J ? `${n}__message` : null,
-        ref: L.setReference
+        ref: z.setReference
       }, R({
         "aria-autocomplete": "list",
         disabled: s,
@@ -6519,7 +6528,7 @@ const qt = (g) => {
     F && /* @__PURE__ */ e.createElement(
       "div",
       N({
-        ref: L.setFloating,
+        ref: z.setFloating,
         className: `${w}__dropdown`
       }, P({
         style: {
@@ -7041,7 +7050,7 @@ const D1 = {
   ]);
   const g = "pds-pricing-card", $ = `${g}-container`, h = a ? `${$}--with-list` : null, C = u ? `${g}--${u}` : null, f = (M) => M.toLowerCase().replace(/\s/g, "-"), v = l && l.length > 1, [E, y] = T(
     f(l[0].label)
-  ), [k, z] = T(
+  ), [k, L] = T(
     s.label
   );
   let O = null, H = null;
@@ -7114,7 +7123,7 @@ const D1 = {
       })),
       initialValue: f(l[0].label),
       onOptionSelect: (M) => {
-        y(M.value), z(S(M.value)), c && c(M.value);
+        y(M.value), L(S(M.value)), c && c(M.value);
       }
     }
   ));
@@ -7134,15 +7143,15 @@ const D1 = {
       linkContent: /* @__PURE__ */ e.createElement("a", { href: s.linkUrl, target: s.linkTarget }, s.label)
     }
   )));
-  let L = null;
-  return n && (n.type === "button" && (L = /* @__PURE__ */ e.createElement(
+  let z = null;
+  return n && (n.type === "button" && (z = /* @__PURE__ */ e.createElement(
     Je,
     {
       variant: "secondary",
       label: n.label,
       onClick: n.buttonAction
     }
-  )), n.type === "link" && (L = /* @__PURE__ */ e.createElement(
+  )), n.type === "link" && (z = /* @__PURE__ */ e.createElement(
     Be,
     {
       variant: "secondary",
@@ -7175,7 +7184,7 @@ const D1 = {
         }
       ),
       /* @__PURE__ */ e.createElement("div", { className: `${g}__main-content` }, r && /* @__PURE__ */ e.createElement("div", { className: `${g}__plan pds-overline-text` }, r), O, i && /* @__PURE__ */ e.createElement("div", { className: `${g}__description` }, i), w),
-      /* @__PURE__ */ e.createElement("div", { className: `${g}__actions` }, s && I, s && n && L)
+      /* @__PURE__ */ e.createElement("div", { className: `${g}__actions` }, s && I, s && n && z)
     ),
     a && H
   );
@@ -7416,7 +7425,7 @@ const P1 = 3.815, j1 = 4.678, B1 = 5.96, $s = (u) => {
     "size",
     "className"
   ]);
-  const m = s || xe(), p = "pds-progress-ring", _ = i ? `${p}__label` : "visually-hidden", g = `${p}__loading-text ${p}__loading-text--${l}`, $ = (z) => z * 16;
+  const m = s || xe(), p = "pds-progress-ring", _ = i ? `${p}__label` : "visually-hidden", g = `${p}__loading-text ${p}__loading-text--${l}`, $ = (L) => L * 16;
   let h = $(j1), C = 7;
   l === "sm" && (h = $(P1), C = C / 1.25), l === "lg" && (h = $(B1), C = C * 1.25);
   const f = h / 2 - C / 2, v = `${f / 100}rem`, E = 2 * Math.PI * f, y = E - E * c / 100;
@@ -7864,13 +7873,13 @@ const Z1 = (o) => {
             className: `${g}__menu ${g}__menu--third-level ${h(y) ? `${g}__menu--expanded` : ""}`
           },
           y.links.map(
-            (z, O) => /* @__PURE__ */ e.createElement(
+            (L, O) => /* @__PURE__ */ e.createElement(
               "li",
               {
                 key: O,
-                className: `${g}__item ${g}__item--third-level ${h(z) ? `${g}__item--active` : ""}`
+                className: `${g}__item ${g}__item--third-level ${h(L) ? `${g}__item--active` : ""}`
               },
-              z.linkContent
+              L.linkContent
             )
           )
         )) : (
@@ -8072,12 +8081,12 @@ const K1 = (c) => {
     s.map((l, d) => /* @__PURE__ */ e.createElement("li", { key: d, className: `${r}__item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        href: zt[l].url,
+        href: Lt[l].url,
         rel: "noreferrer",
         target: "_blank",
-        "aria-label": zt[l].label
+        "aria-label": Lt[l].label
       },
-      /* @__PURE__ */ e.createElement(D, { iconName: zt[l].icon, iconSize: "xl" })
+      /* @__PURE__ */ e.createElement(D, { iconName: Lt[l].icon, iconSize: "xl" })
     )))
   );
 };
@@ -8091,7 +8100,7 @@ K1.propTypes = {
    */
   className: t.string
 };
-const zt = {
+const Lt = {
   facebook: {
     icon: "facebook",
     url: "https://www.facebook.com/getpantheon",
@@ -8264,14 +8273,14 @@ const Q1 = (i) => {
     "className"
   ]);
   const l = "pds-stepper", d = "pds-stepper-mobile", o = ee(), [u] = ht(o), b = u.width, m = getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "") * 16, p = -40, _ = 2, g = 5, $ = s.length, h = s.findLastIndex((v) => v.isCurrent), C = s.map((v, E) => {
-    const y = E + 1, k = E === h, z = E < h, O = v.hasError && k, S = (b - $ * m) / ($ + ($ - 2)), w = m + S * 2, I = m + S, L = S + p * -1, M = E === 0, q = E === $ - 1;
+    const y = E + 1, k = E === h, L = E < h, O = v.hasError && k, S = (b - $ * m) / ($ + ($ - 2)), w = m + S * 2, I = m + S, z = S + p * -1, M = E === 0, q = E === $ - 1;
     let Z = w;
     (M || q) && (Z = I);
     const R = `${l}__step`, P = [R];
-    k && P.push(`${R}--current`), z && P.push(`${R}--complete`), O && P.push(`${R}--error`);
+    k && P.push(`${R}--current`), L && P.push(`${R}--complete`), O && P.push(`${R}--error`);
     let B = `${n.step} ${y}`;
-    z && (B = `${n.step} ${y}, ${n.completed}`), O && (B = `${n.step} ${y}, ${n.hasError}`);
-    const F = z ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }, /* @__PURE__ */ e.createElement(
+    L && (B = `${n.step} ${y}, ${n.completed}`), O && (B = `${n.step} ${y}, ${n.hasError}`);
+    const F = L ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }, /* @__PURE__ */ e.createElement(
       D,
       {
         iconName: "check",
@@ -8280,7 +8289,7 @@ const Q1 = (i) => {
       }
     )) : /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${l}__step-indicator` }), W = /* @__PURE__ */ e.createElement("div", { className: `${l}__step-label` }, v.label);
     let V = /* @__PURE__ */ e.createElement("div", { className: `${l}__step-content` }, W, F);
-    if (z && v.callback) {
+    if (L && v.callback) {
       const j = (U) => {
         v.callback(v), U.preventDefault();
       };
@@ -8311,7 +8320,7 @@ const Q1 = (i) => {
         {
           className: `${l}__connector ${l}__connector--before`,
           style: {
-            width: L,
+            width: z,
             marginRight: p
           }
         }
@@ -8321,18 +8330,18 @@ const Q1 = (i) => {
         "span",
         {
           className: `${l}__connector ${l}__connector--after`,
-          style: { width: L, marginLeft: p }
+          style: { width: z, marginLeft: p }
         }
       )
     );
   }), f = s.map((v, E) => {
-    const y = E + 1, k = E === h, z = E === $ - 1, O = v.hasError && k, H = s[h + 1] ? s[h + 1].label : null;
+    const y = E + 1, k = E === h, L = E === $ - 1, O = v.hasError && k, H = s[h + 1] ? s[h + 1].label : null;
     if (k) {
       const S = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n.step, " "), y, " of ", $), w = y / $ * 100, I = O ? {
         "--pds-color-progress-partial": "var(--pds-color-semantic-critical-foreground)"
       } : {
         "--pds-color-progress-partial": "var(--pds-color-stepper-completed)"
-      }, L = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, n.step, " ", y, ", ", n.hasError);
+      }, z = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, n.step, " ", y, ", ", n.hasError);
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -8350,14 +8359,14 @@ const Q1 = (i) => {
             style: I
           }
         )),
-        /* @__PURE__ */ e.createElement("div", { className: `${d}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__step-label` }, O && /* @__PURE__ */ e.createElement(e.Fragment, null, L, /* @__PURE__ */ e.createElement(
+        /* @__PURE__ */ e.createElement("div", { className: `${d}__step-text` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__step-label` }, O && /* @__PURE__ */ e.createElement(e.Fragment, null, z, /* @__PURE__ */ e.createElement(
           D,
           {
             iconName: "diamondExclamation",
             iconSize: "md",
             className: `${d}__error-icon`
           }
-        )), v.label), !z && /* @__PURE__ */ e.createElement("div", { className: `${d}__next-step` }, `${n.next}: ${H}`))
+        )), v.label), !L && /* @__PURE__ */ e.createElement("div", { className: `${d}__next-step` }, `${n.next}: ${H}`))
       );
     }
   });
@@ -8518,13 +8527,13 @@ const en = (u) => {
       const w = Array.from(
         document.querySelectorAll(g)
       );
-      w.map((L) => {
+      w.map((z) => {
         _.forEach((M) => {
-          L.id.includes(M) && (L.id = L.id.replaceAll(M, "-"));
+          z.id.includes(M) && (z.id = z.id.replaceAll(M, "-"));
         });
-      }), w.map((L) => {
+      }), w.map((z) => {
         const M = `item-${xe()}`;
-        L.id || (L.id = M);
+        z.id || (z.id = M);
       });
       const I = h(w);
       S(I);
@@ -8532,9 +8541,9 @@ const en = (u) => {
   }, h = (H) => {
     const S = [];
     return H.forEach((w) => {
-      const { innerText: I, id: L } = w;
-      w.nodeName === "H2" ? S.push({ id: L, title: I, items: [] }) : w.nodeName === "H3" && S.length > 0 && S[S.length - 1].items.push({
-        id: L,
+      const { innerText: I, id: z } = w;
+      w.nodeName === "H2" ? S.push({ id: z, title: I, items: [] }) : w.nodeName === "H3" && S.length > 0 && S[S.length - 1].items.push({
+        id: z,
         title: I
       });
     }), S;
@@ -8549,7 +8558,7 @@ const en = (u) => {
           const P = S.current[R];
           P.isIntersecting && q.push(P);
         });
-        const Z = (R) => L.findIndex((P) => P.id === R);
+        const Z = (R) => z.findIndex((P) => P.id === R);
         if (q.length === 1)
           H(q[0].target.id);
         else if (q.length > 1) {
@@ -8560,10 +8569,10 @@ const en = (u) => {
         }
       }, I = new IntersectionObserver(w, {
         rootMargin: "0px 0px -20% 0px"
-      }), L = Array.from(
+      }), z = Array.from(
         document.querySelectorAll(g)
       );
-      return L.forEach((M) => I.observe(M)), () => I.disconnect();
+      return z.forEach((M) => I.observe(M)), () => I.disconnect();
     }, [H]);
   })(v);
   const y = (H) => {
@@ -8573,7 +8582,7 @@ const en = (u) => {
       behavior: "smooth",
       block: "start"
     });
-  }, z = (H, S) => {
+  }, L = (H, S) => {
     H.preventDefault(), s && y(S), k(S);
   }, O = ({ headings: H }) => /* @__PURE__ */ e.createElement("ul", { className: `${m}__list ${m}__list--top-level` }, H.map((S) => /* @__PURE__ */ e.createElement("li", { key: S.id, className: `${m}__list-item` }, /* @__PURE__ */ e.createElement(
     "a",
@@ -8581,7 +8590,7 @@ const en = (u) => {
       className: S.id === f ? `${m}__link ${m}__link--active` : `${m}__link`,
       href: `#${S.id}`,
       onClick: (w) => {
-        z(w, S.id);
+        L(w, S.id);
       }
     },
     S.title
@@ -8596,7 +8605,7 @@ const en = (u) => {
         className: w.id === f ? `${m}__link ${m}__link--active` : `${m}__link`,
         href: `#${w.id}`,
         onClick: (I) => {
-          z(I, w.id);
+          L(I, w.id);
         }
       },
       w.title
@@ -8873,18 +8882,18 @@ const sn = (h) => {
     "validationFunction",
     "className"
   ]);
-  const [f, v] = T(c), [E, y] = T(s("")), [k, z] = T(), [O, H] = T(null), S = ee(null), w = "pds-textarea", I = r ? "pds-is-resizable" : null;
+  const [f, v] = T(c), [E, y] = T(s("")), [k, L] = T(), [O, H] = T(null), S = ee(null), w = "pds-textarea", I = r ? "pds-is-resizable" : null;
   ae(() => {
     c && s && y(s(c));
   }, []);
-  const L = () => {
-    z(""), H(null);
+  const z = () => {
+    L(""), H(null);
   }, M = (R) => {
-    v(R.target.value), L(), s && y(s(R.target.value)), o && o(f);
+    v(R.target.value), z(), s && y(s(R.target.value)), o && o(f);
   }, q = (R) => {
     if (_) {
       const P = _(R.target.value) || {};
-      L(), P.error && H("error"), P.success && H("success"), z(P.message);
+      z(), P.error && H("error"), P.success && H("success"), L(P.message);
     }
     o && o(f);
   }, Z = k || d;
@@ -9547,11 +9556,11 @@ const on = (o) => {
   let h = !1;
   const C = ye(De);
   C && (h = C.isMobile);
-  const f = r && h, v = "pds-user-menu", E = f ? `${v}--isMobile` : null, y = `${v}__menu`, { refs: k, floatingStyles: z, context: O } = Ve({
+  const f = r && h, v = "pds-user-menu", E = f ? `${v}--isMobile` : null, y = `${v}__menu`, { refs: k, floatingStyles: L, context: O } = Ve({
     open: p,
     onOpenChange: _,
     whileElementsMounted: Oe
-  }), H = st(O, { event: "mousedown" }), S = Se(O), w = Ie(O, { role: "menu" }), I = ee([]), L = at(O, {
+  }), H = st(O, { event: "mousedown" }), S = Se(O), w = Ie(O, { role: "menu" }), I = ee([]), z = at(O, {
     listRef: I,
     activeIndex: b,
     onNavigate: m,
@@ -9560,7 +9569,7 @@ const on = (o) => {
     focusItemOnOpen: !1,
     focusItemOnHover: !0
   }), { getReferenceProps: M, getFloatingProps: q, getItemProps: Z } = Te(
-    [S, w, H, L]
+    [S, w, H, z]
   ), { isMounted: R, styles: P } = Re(O, {
     duration: {
       open: 300,
@@ -9639,7 +9648,7 @@ const on = (o) => {
       className: `${v}__dropdown`,
       ref: k.setFloating,
       style: {
-        floatingStyles: z,
+        floatingStyles: L,
         zIndex: "var(--pds-z-index-dropdown)"
       }
     }, q()),
@@ -9852,7 +9861,7 @@ const Pn = () => {
   );
 }, bn = tt(
   (I, w) => {
-    var L = I, {
+    var z = I, {
       autoComplete: s,
       counterMaxLength: n,
       defaultValue: a,
@@ -9883,10 +9892,10 @@ const Pn = () => {
       },
       type: y = "text",
       validationMessage: k,
-      validationStatus: z,
+      validationStatus: L,
       value: O,
       className: H
-    } = L, S = x(L, [
+    } = z, S = x(z, [
       "autoComplete",
       "counterMaxLength",
       "defaultValue",
@@ -9914,9 +9923,9 @@ const Pn = () => {
       "value",
       "className"
     ]);
-    const M = "pds-text-input", q = c ? Ye.disabled : null, Z = C && !c ? Ye.required : null, R = z === "error" ? Ye.error : null, P = z === "success" ? Ye.success : null, B = h ? Ye.readonly : null;
+    const M = "pds-text-input", q = c ? Ye.disabled : null, Z = C && !c ? Ye.required : null, R = L === "error" ? Ye.error : null, P = L === "success" ? Ye.success : null, B = h ? Ye.readonly : null;
     let F = null;
-    y === "search" && (F = "search"), z === "error" && (F = "error"), z === "success" && (F = "success");
+    y === "search" && (F = "search"), L === "error" && (F = "error"), L === "success" && (F = "success");
     const W = o ? { width: `${o / 16}rem` } : null, V = typeof O != "undefined", j = typeof a != "undefined", [U, X] = T(
       j ? a : ""
     ), ce = O || U, le = (G) => {
@@ -9976,7 +9985,7 @@ const Pn = () => {
           onBlur: le,
           onChange: te,
           onFocus: g,
-          "aria-invalid": z === "error" ? !0 : null,
+          "aria-invalid": L === "error" ? !0 : null,
           "aria-describedby": oe ? `${l}__message` : null
         }, d)
       ), i && ce && /* @__PURE__ */ e.createElement(
@@ -10018,7 +10027,7 @@ const Pn = () => {
           id: l,
           message: oe,
           hasValidationMessage: !!k,
-          validationStatus: z
+          validationStatus: L
         }
       )
     );
@@ -10054,9 +10063,9 @@ const Pn = () => {
   ]);
   const [_, g] = T(!1), [$, h] = T(null), [C, f] = T(o), v = ee([]), E = ee(null), y = o.length >= r;
   let k = !1;
-  const z = ye(De);
-  z && (k = z.isMobile);
-  const O = d && k, H = "pds-workspace-selector", S = O ? `${H}--isMobile` : null, w = `${H}__menu`, I = y ? `${w}--scroll` : null, { refs: L, floatingStyles: M, context: q } = Ve({
+  const L = ye(De);
+  L && (k = L.isMobile);
+  const O = d && k, H = "pds-workspace-selector", S = O ? `${H}--isMobile` : null, w = `${H}__menu`, I = y ? `${w}--scroll` : null, { refs: z, floatingStyles: M, context: q } = Ve({
     open: _,
     onOpenChange: g,
     whileElementsMounted: Oe
@@ -10187,7 +10196,7 @@ const Pn = () => {
     N({
       className: `${H}__trigger`,
       "aria-label": s,
-      ref: L.setReference
+      ref: z.setReference
     }, F()),
     te,
     ue
@@ -10195,7 +10204,7 @@ const Pn = () => {
     "div",
     N({
       className: `${H}__dropdown`,
-      ref: L.setFloating,
+      ref: z.setFloating,
       style: {
         floatingStyles: M,
         zIndex: "var(--pds-z-index-dropdown)"
@@ -10562,7 +10571,7 @@ const jn = (r) => {
     onOpenChange: g
   }), f = st(h), v = Se(h, {
     outsidePressEvent: "mousedown"
-  }), E = Ie(h), { getFloatingProps: y } = Te([f, v, E]), { isMounted: k, styles: z } = Re(h, {
+  }), E = Ie(h), { getFloatingProps: y } = Te([f, v, E]), { isMounted: k, styles: L } = Re(h, {
     duration: {
       open: 300,
       close: 300
@@ -10597,7 +10606,7 @@ const jn = (r) => {
         "aria-label": s || l
       }, y()), {
         className: [m, p, d].join(" ").trim().replace(/\s+/g, " "),
-        style: _e(N(N({}, C), z), {
+        style: _e(N(N({}, C), L), {
           position: "relative"
         })
       }), o),
@@ -10805,7 +10814,7 @@ const jn = (r) => {
   const C = typeof n, f = "pds-popover", v = [
     `${f}__trigger-custom`,
     C === "string" ? `${f}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), E = n ? c : 0, y = ee(null), { refs: k, floatingStyles: z, context: O, middlewareData: H } = Ve({
+  ].join(" ").trim().replace(/\s+/g, " "), E = n ? c : 0, y = ee(null), { refs: k, floatingStyles: L, context: O, middlewareData: H } = Ve({
     placement: r,
     open: $,
     onOpenChange(X) {
@@ -10820,10 +10829,10 @@ const jn = (r) => {
     whileElementsMounted: Oe
   }), S = () => {
     h(!1), i && i();
-  }, w = st(O), I = Se(O), L = Ie(O), { getReferenceProps: M, getFloatingProps: q } = Te([
+  }, w = st(O), I = Se(O), z = Ie(O), { getReferenceProps: M, getFloatingProps: q } = Te([
     w,
     I,
-    L
+    z
   ]), Z = (V = (W = H.arrow) == null ? void 0 : W.x) != null ? V : 0, R = (U = (j = H.arrow) == null ? void 0 : j.y) != null ? U : 0, P = Z + Jt / 2, B = R + Pe, { isMounted: F } = Re(O, {
     initial: {
       transform: "scale(0)"
@@ -10862,7 +10871,7 @@ const jn = (r) => {
       N({
         className: `${f}__container`,
         ref: k.setFloating,
-        style: z
+        style: L
       }, q()),
       /* @__PURE__ */ e.createElement(
         Ps,
@@ -11129,8 +11138,8 @@ const e2 = ({
     b(window.innerWidth);
   }, $ = {};
   e.Children.forEach(s, (k) => {
-    const z = k.props.slot;
-    z && ($[z] ? $[z].push(k) : $[z] = [k]);
+    const L = k.props.slot;
+    L && ($[L] ? $[L].push(k) : $[L] = [k]);
   });
   let h = "pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", C = "pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
   i === "narrow" && (h = "pds-grid-item--md-9 pds-grid-item--lg-10", C = "pds-grid-item--md-3 pds-grid-item--lg-2"), i === "wide" && (h = "pds-grid-item--md-7 pds-grid-item--lg-8", C = "pds-grid-item--md-5 pds-grid-item--lg-4");
@@ -11272,7 +11281,7 @@ Hn.propTypes = {
    */
   className: t.string
 };
-const Ln = (r) => {
+const zn = (r) => {
   var l = r, {
     children: s,
     gridGap: n = "standard",
@@ -11311,7 +11320,7 @@ const Ln = (r) => {
     /* @__PURE__ */ e.createElement("div", { className: g.join(" ").trim() }, C)
   );
 };
-Ln.propTypes = {
+zn.propTypes = {
   /**
    * Item content.
    */
@@ -11372,9 +11381,9 @@ export {
   w1 as LinksCard,
   bs as MenuButton,
   Zn as Modal,
-  L1 as NavMenu,
+  z1 as NavMenu,
   H1 as Navbar,
-  z1 as NewSiteCard,
+  L1 as NewSiteCard,
   R1 as Pager,
   Kn as Panel,
   Dt as PantheonLogo,
@@ -11418,7 +11427,7 @@ export {
   cn as ToggleButton,
   rn as ToggleSwitch,
   mt as Tooltip,
-  Ln as TwoItemLayout,
+  zn as TwoItemLayout,
   on as UserMenu,
   _n as WorkspaceSelector,
   Zt as iconList,