@pantheon-systems/pds-toolkit-react 1.0.0-dev.249 → 1.0.0-dev.250

package/_dist/index.js

@@ -1,25 +1,25 @@
 import './index.css';var Wt = Object.defineProperty, Ut = Object.defineProperties;
 var Gt = Object.getOwnPropertyDescriptors;
 var _2 = Object.getOwnPropertySymbols;
-var at = Object.prototype.hasOwnProperty, ct = Object.prototype.propertyIsEnumerable;
-var lt = (t, n, s) => n in t ? Wt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, y = (t, n) => {
+var lt = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable;
+var st = (t, n, s) => n in t ? Wt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, y = (t, n) => {
   for (var s in n || (n = {}))
-    at.call(n, s) && lt(t, s, n[s]);
+    lt.call(n, s) && st(t, s, n[s]);
   if (_2)
     for (var s of _2(n))
-      ct.call(n, s) && lt(t, s, n[s]);
+      at.call(n, s) && st(t, s, n[s]);
   return t;
 }, me = (t, n) => Ut(t, Gt(n));
 var R = (t, n) => {
   var s = {};
   for (var a in t)
-    at.call(t, a) && n.indexOf(a) < 0 && (s[a] = t[a]);
+    lt.call(t, a) && n.indexOf(a) < 0 && (s[a] = t[a]);
   if (t != null && _2)
     for (var a of _2(t))
-      n.indexOf(a) < 0 && ct.call(t, a) && (s[a] = t[a]);
+      n.indexOf(a) < 0 && at.call(t, a) && (s[a] = t[a]);
   return s;
 };
-var A2 = (t, n, s) => new Promise((a, r) => {
+var ct = (t, n, s) => new Promise((a, r) => {
   var m = (o) => {
     try {
       l(s.next(o));
@@ -35,7 +35,7 @@ var A2 = (t, n, s) => new Promise((a, r) => {
   }, l = (o) => o.done ? a(o.value) : Promise.resolve(o.value).then(m, c);
   l((s = s.apply(t, n)).next());
 });
-import e, { Children as vt, isValidElement as He, useState as X, cloneElement as Se, createElement as jt, forwardRef as je, useEffect as ae, useRef as ce, createContext as bt, useContext as be, useLayoutEffect as Kt, useCallback as j2, useMemo as $t, createRef as Xt, Fragment as Yt } from "react";
+import e, { Children as vt, isValidElement as He, useState as X, cloneElement as Se, createElement as jt, forwardRef as je, useEffect as se, useRef as ce, createContext as bt, useContext as be, useLayoutEffect as Kt, useCallback as G2, useMemo as $t, createRef as Xt, Fragment as Yt } from "react";
 import wt from "hash-sum";
 import { useFloating as Ae, offset as k2, flip as z2, shift as N2, autoUpdate as Pe, useHover as $2, useFocus as yt, useDismiss as Te, useRole as De, useInteractions as Re, FloatingPortal as Lt, useId as Qt, useClick as Xe, useListNavigation as i2, useTransitionStyles as Ye, FloatingOverlay as Jt, FloatingFocusManager as Ht, safePolygon as Mt, arrow as e1, FloatingArrow as t1 } from "@floating-ui/react";
 import { useHotkeys as n1 } from "react-hotkeys-hook";
@@ -71,7 +71,7 @@ const a2 = () => Math.random().toString(32).substring(2, 13), kt = (t, n) => {
     "iconSize",
     "className"
   ]);
-  const c = `pds-icon pds-icon--${n} pds-icon--${t}`, l = `0 0 ${K2[t].width} 512`, o = {
+  const c = `pds-icon pds-icon--${n} pds-icon--${t}`, l = `0 0 ${j2[t].width} 512`, o = {
     sm: "0.8rem",
     md: "1rem",
     lg: "1.2rem",
@@ -92,11 +92,11 @@ const a2 = () => Math.random().toString(32).substring(2, 13), kt = (t, n) => {
       preserveAspectRatio: "xMidYMid meet",
       focusable: "false",
       className: [c, s != null ? s : ""].join(" ").trim().replace(/\s+/g, " "),
-      style: { flexShrink: 0 }
+      style: { flexShrink: 0, overflow: "visible" }
     }, a),
-    /* @__PURE__ */ e.createElement("path", { d: K2[t].path, fill: "currentColor" })
+    /* @__PURE__ */ e.createElement("path", { d: j2[t].path, fill: "currentColor" })
   );
-}, K2 = {
+}, j2 = {
   angleDown: {
     path: "M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z",
     width: "440"
@@ -785,7 +785,7 @@ const a2 = () => Math.random().toString(32).substring(2, 13), kt = (t, n) => {
     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"
   }
-}, vn = Object.keys(K2), ot = [
+}, vn = Object.keys(j2), ot = [
   "dawn",
   "dragonfruit",
   "dusk",
@@ -805,7 +805,7 @@ const a2 = () => Math.random().toString(32).substring(2, 13), kt = (t, n) => {
 ], d1 = (t) => {
   const n = parseInt(wt(t), 16);
   return ot[n % ot.length];
-}, X2 = (o) => {
+}, K2 = (o) => {
   var u = o, {
     ariaLabel: t,
     hasUserFallback: n = !1,
@@ -875,7 +875,7 @@ const a2 = () => Math.random().toString(32).substring(2, 13), kt = (t, n) => {
     }, r),
     /* @__PURE__ */ e.createElement("span", { className: `${l}__label` }, t)
   );
-}, Q2 = (l) => {
+}, Y2 = (l) => {
   var o = l, {
     color: t = "transparent",
     hasStatusIndicator: n = !1,
@@ -928,7 +928,7 @@ const a2 = () => Math.random().toString(32).substring(2, 13), kt = (t, n) => {
   );
 };
 w2.displayName = "Tally";
-const T2 = 300, m1 = 400, xe = (p) => {
+const A2 = 300, m1 = 400, xe = (p) => {
   var i = p, {
     content: t,
     customTrigger: n = null,
@@ -1084,7 +1084,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
     y({ className: N([o, r]), id: s }, m),
     n
   );
-}, J2 = (t) => typeof t == "string" || typeof t == "number" ? String(t) : e.isValidElement(t) ? e.Children.toArray(t.props.children).map(J2).join("") : "", ne = {
+}, Q2 = (t) => typeof t == "string" || typeof t == "number" ? String(t) : e.isValidElement(t) ? e.Children.toArray(t.props.children).map(Q2).join("") : "", ne = {
   base: "pds-input",
   disabled: "pds-is-disabled",
   required: "pds-is-required",
@@ -1156,7 +1156,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
 }) => (n1("/", (a) => {
   const r = document.getElementById(t);
   r && r.focus(), a.preventDefault();
-}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(j, { iconName: "slashForward", iconSize: "md" }))), et = ({
+}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(j, { iconName: "slashForward", iconSize: "md" }))), J2 = ({
   id: t,
   clearLabel: n,
   handleClearInput: s
@@ -1188,7 +1188,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
     s,
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden", "aria-live": "polite" }, r && `${a} ${m}`)
   );
-}, tt = (s) => {
+}, et = (s) => {
   var a = s, { label: t } = a, n = R(a, ["label"]);
   return /* @__PURE__ */ e.createElement("span", y({ className: "visually-hidden" }, n), t);
 }, dt = (t) => "options" in t, y2 = je(
@@ -1232,7 +1232,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
       "aria-hidden": "true"
     }, c),
     /* @__PURE__ */ e.createElement("span", { className: `${u}__icon` }),
-    a && !n ? /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, s) : /* @__PURE__ */ e.createElement(tt, { label: s })
+    a && !n ? /* @__PURE__ */ e.createElement("span", { className: `${u}__label` }, s) : /* @__PURE__ */ e.createElement(et, { label: s })
   );
 }, C2 = je(
   (b, w) => {
@@ -1289,7 +1289,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
       }
     );
     let M = [o];
-    a == "icon-start" && r && M.unshift(H), a == "icon-end" && r && M.push(H), l && (M = [H], t = J2(o));
+    a == "icon-start" && r && M.unshift(H), a == "icon-end" && r && M.push(H), l && (M = [H], t = Q2(o));
     const L = /* @__PURE__ */ e.createElement(
       "button",
       y({
@@ -1363,14 +1363,14 @@ const T2 = 300, m1 = 400, xe = (p) => {
   ) : /* @__PURE__ */ e.createElement("span", y({ className: N([p, l != null ? l : ""]) }, o), d);
 }, p1 = (t, n) => {
   const [s, a] = X(!1), r = n == null ? void 0 : n.duration;
-  return ae(() => {
+  return se(() => {
     let c;
     return s && r && (c = setTimeout(() => {
       a(!1);
     }, r)), () => {
       c && clearTimeout(c);
     };
-  }, [s, r]), [s, () => A2(void 0, null, function* () {
+  }, [s, r]), [s, () => ct(void 0, null, function* () {
     if (navigator.clipboard)
       try {
         yield navigator.clipboard.writeText(t), a(!0);
@@ -1538,7 +1538,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
   const t = typeof window != "undefined", [n, s] = X(
     t && window.innerWidth !== void 0 ? window.innerWidth : 1024
   );
-  return ae(() => {
+  return se(() => {
     if (!t) return;
     s(window.innerWidth);
     const a = () => {
@@ -1557,10 +1557,10 @@ const T2 = 300, m1 = 400, xe = (p) => {
     mobileMenuMaxWidth: n,
     windowWidth: s
   };
-  return ae(() => {
+  return se(() => {
     a ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [a]), /* @__PURE__ */ e.createElement(Le.Provider, { value: r }, t);
-}, D2 = (t) => t.isSeparator, R2 = (t) => t.isHeading, O2 = (t) => t.isLink, g1 = (t) => t.isNode, St = (b) => {
+}, T2 = (t) => t.isSeparator, D2 = (t) => t.isHeading, R2 = (t) => t.isLink, g1 = (t) => t.isNode, St = (b) => {
   var _ = b, {
     disabled: t,
     displayType: n = "icon-end",
@@ -1620,21 +1620,21 @@ const T2 = 300, m1 = 400, xe = (p) => {
       window.removeEventListener("mousedown", we, !0);
     };
   }, [J, M]);
-  const ee = (G, se) => {
-    A(G), V(se);
+  const ee = (G, le) => {
+    A(G), V(le);
   }, pe = () => {
     te(!0), F(!0);
   }, ie = () => {
     te(!1), ee(void 0, -1), Q.current.querySelector(`#${O}`).focus();
   }, Ce = (G) => {
     G = G.toLowerCase();
-    let se = !1;
+    let le = !1;
     for (let Y = I + 1; Y < K.current.length; Y++)
       if (K.current[Y].label.toLowerCase().startsWith(G)) {
-        ee(T.current[Y], Y), se = !0;
+        ee(T.current[Y], Y), le = !0;
         break;
       }
-    if (se === !1) {
+    if (le === !1) {
       for (let Y = 0; Y < I; Y++)
         if (K.current[Y].label.toLowerCase().startsWith(G)) {
           ee(T.current[Y], Y);
@@ -1642,22 +1642,22 @@ const T2 = 300, m1 = 400, xe = (p) => {
         }
     }
   }, _e = (G) => {
-    const se = T.current.indexOf(G), Y = K.current[se];
+    const le = T.current.indexOf(G), Y = K.current[le];
     if (Y.callback && !Y.disabled && Y.callback(Y), Y.linkContent && !Y.disabled) {
-      const le = Q.current.querySelector(`#${G} a`);
-      le && le.click();
+      const ae = Q.current.querySelector(`#${G} a`);
+      ae && ae.click();
     }
   }, re = () => {
     const G = T.current[I];
     _e(G);
   }, he = (G) => {
-    J ? ie() : pe(), o && o(), F((se) => !se), G.stopPropagation(), G.preventDefault();
+    J ? ie() : pe(), o && o(), F((le) => !le), G.stopPropagation(), G.preventDefault();
   }, ue = (G) => {
     _e(G.currentTarget.id), S || ie();
   }, de = (G) => {
-    const se = G.key;
+    const le = G.key;
     let Y = !1;
-    switch (se) {
+    switch (le) {
       case " ":
       case "Enter":
       case "ArrowDown":
@@ -1670,23 +1670,23 @@ const T2 = 300, m1 = 400, xe = (p) => {
         break;
       case "Up":
       case "ArrowUp": {
-        const le = T.current.length - 1;
-        pe(), ee(T.current[le], le), Y = !0;
+        const ae = T.current.length - 1;
+        pe(), ee(T.current[ae], ae), Y = !0;
         break;
       }
     }
     Y && (G.stopPropagation(), G.preventDefault());
   }, $e = (G) => {
-    const se = G.key;
-    let Y = !1, le = "", oe = 0;
+    const le = G.key;
+    let Y = !1, ae = "", oe = 0;
     function fe(ge) {
       return ge.length === 1 && ge.match(/\S/);
     }
     if (!(G.ctrlKey || G.altKey || G.metaKey)) {
       if (G.shiftKey)
-        fe(se) && (Ce(se), Y = !0), G.key === "Tab" && (ie(), Y = !0);
+        fe(le) && (Ce(le), Y = !0), G.key === "Tab" && (ie(), Y = !0);
       else
-        switch (se) {
+        switch (le) {
           case " ":
           case "Enter":
             ie(), re(), Y = !0;
@@ -1697,11 +1697,11 @@ const T2 = 300, m1 = 400, xe = (p) => {
             break;
           case "Up":
           case "ArrowUp":
-            oe = I - 1, oe < 0 && (oe = T.current.length - 1), le = T.current[oe], ee(le, oe), Y = !0;
+            oe = I - 1, oe < 0 && (oe = T.current.length - 1), ae = T.current[oe], ee(ae, oe), Y = !0;
             break;
           case "ArrowDown":
           case "Down":
-            oe = I + 1, oe > T.current.length - 1 && (oe = 0), le = T.current[oe], ee(le, oe), Y = !0;
+            oe = I + 1, oe > T.current.length - 1 && (oe = 0), ae = T.current[oe], ee(ae, oe), Y = !0;
             break;
           case "Home":
           case "PageUp":
@@ -1717,36 +1717,36 @@ const T2 = 300, m1 = 400, xe = (p) => {
             ie();
             break;
           default:
-            fe(se) && (Ce(se), Y = !0);
+            fe(le) && (Ce(le), Y = !0);
             break;
         }
       Y && (G.stopPropagation(), G.preventDefault());
     }
   }, we = (G) => {
     Q.current && !Q.current.contains(G.target) && J && ie();
-  }, Ie = (G, se, Y = "", le = "", ...oe) => {
-    const fe = Y ? `-group-${Y}` : "", ge = O + fe + "-item-" + (se + 1), Ee = G.id ? G.id : ge;
-    if (D2(G))
+  }, Ie = (G, le, Y = "", ae = "", ...oe) => {
+    const fe = Y ? `-group-${Y}` : "", ge = O + fe + "-item-" + (le + 1), Ee = G.id ? G.id : ge;
+    if (T2(G))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Ee });
-    if (R2(G))
+    if (D2(G))
       return /* @__PURE__ */ e.createElement(
         "li",
         {
           role: "presentation",
-          id: le || null,
-          key: le,
+          id: ae || null,
+          key: ae,
           className: `${B}__listbox-heading`
         },
         G.label
       );
     if (g1(G))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: Ee }, G.nodeContent);
-    if (O2(G) || G.label) {
+    if (R2(G) || G.label) {
       T.current.push(Ee), K.current.push(G);
       let n2 = !1;
       q !== "" && !G.disabled && (n2 = q === Ee);
       let ze;
-      if (G.label && (ze = [G.label]), O2(G) && (ze = [G.linkContent.props.children]), G.iconName) {
+      if (G.label && (ze = [G.label]), R2(G) && (ze = [G.linkContent.props.children]), G.iconName) {
         const Ue = /* @__PURE__ */ e.createElement(
           j,
           {
@@ -1760,7 +1760,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
       let Ke;
       G.description && (Ke = /* @__PURE__ */ e.createElement("span", { className: `${B}__item-description` }, G.description));
       let We;
-      if (O2(G)) {
+      if (R2(G)) {
         const Ue = G.linkContent.type;
         We = /* @__PURE__ */ e.createElement(Ue, y({ tabIndex: -1 }, G.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${B}__item-label` }, ze), Ke);
       } else
@@ -1780,26 +1780,26 @@ const T2 = 300, m1 = 400, xe = (p) => {
         We
       );
     }
-  }, e2 = (G, se) => {
+  }, e2 = (G, le) => {
     const Y = [];
-    let le = se.shift(), oe = [];
+    let ae = le.shift(), oe = [];
     return G.map((fe, ge) => {
-      fe !== le ? (oe.push(fe), ge + 1 === G.length && Y.push(oe)) : (Y.push(oe), oe = [], oe.push(fe), le = se.shift());
+      fe !== ae ? (oe.push(fe), ge + 1 === G.length && Y.push(oe)) : (Y.push(oe), oe = [], oe.push(fe), ae = le.shift());
     }), Y.filter((fe) => fe.length > 0);
   }, t2 = (G) => {
     T.current = [], K.current = [];
-    const se = G, Y = G.filter(
-      R2 || D2
-    ), le = Y.length > 0;
+    const le = G, Y = G.filter(
+      D2 || T2
+    ), ae = Y.length > 0;
     let oe = [`${B}__listbox`];
-    if (C && oe.push(`${B}__listbox--navbar`), l === "end" && oe.push(`${B}__listbox--end`), n === "icon-only" && oe.push(`${B}__listbox--icon-only`), oe = N(oe), le) {
+    if (C && oe.push(`${B}__listbox--navbar`), l === "end" && oe.push(`${B}__listbox--end`), n === "icon-only" && oe.push(`${B}__listbox--icon-only`), oe = N(oe), ae) {
       const fe = e2(G, Y);
       fe.forEach(() => {
         x.current.push(a2());
       });
       let ge = x.current[0];
       const Ee = fe[0].findIndex(
-        (ze) => !D2(ze) && !R2(ze)
+        (ze) => !T2(ze) && !D2(ze)
       ), n2 = `${O}-group-${ge}-item-${Ee + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
@@ -1862,7 +1862,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
           onKeyDown: $e,
           ref: E
         },
-        se.map((ge, Ee) => Ie(ge, Ee))
+        le.map((ge, Ee) => Ie(ge, Ee))
       ));
     }
   };
@@ -1888,7 +1888,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
       ref: h
     }
   )), n === "icon-only") {
-    const G = J2(m);
+    const G = Q2(m);
     qe = /* @__PURE__ */ e.createElement(
       H2,
       {
@@ -1911,12 +1911,12 @@ const T2 = 300, m1 = 400, xe = (p) => {
     );
   }
   const c2 = (G) => {
-    const se = G.target;
-    se.classList.toggle(`${B}__toggle--expanded`), se.setAttribute(
+    const le = G.target;
+    le.classList.toggle(`${B}__toggle--expanded`), le.setAttribute(
       "aria-expanded",
-      se.getAttribute("aria-expanded") === "true" ? "false" : "true"
-    ), se.nextElementSibling.classList.toggle(`${B}__mobile-menu--expanded`);
-  }, r2 = () => /* @__PURE__ */ e.createElement("ul", { className: `${B}__mobile-menu`, role: "menu" }, c.map((G, se) => Ie(G, se)));
+      le.getAttribute("aria-expanded") === "true" ? "false" : "true"
+    ), le.nextElementSibling.classList.toggle(`${B}__mobile-menu--expanded`);
+  }, r2 = () => /* @__PURE__ */ e.createElement("ul", { className: `${B}__mobile-menu`, role: "menu" }, c.map((G, le) => Ie(G, le)));
   let ye;
   const Me = n === "icon-end" ? "pds-button pds-button--navbar" : null, ve = N([
     `${B}__toggle`,
@@ -2143,7 +2143,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
     }, u),
     l ? /* @__PURE__ */ e.createElement(xe, { content: l, customTrigger: b }) : b
   );
-}, F2 = {
+}, O2 = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -2182,7 +2182,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
     /* @__PURE__ */ e.createElement("div", { className: `${o}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--${s}` }, /* @__PURE__ */ e.createElement(
       j,
       {
-        iconName: `${s}` in F2 ? F2[s] : F2.info,
+        iconName: `${s}` in O2 ? O2[s] : O2.info,
         iconSize: "xl"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), n && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, n), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__main-content` }, t)))
@@ -2359,9 +2359,9 @@ const T2 = 300, m1 = 400, xe = (p) => {
         u = ["next", "wordpress"];
         break;
     }
-    l = /* @__PURE__ */ e.createElement("span", { className: `${m}__group` }, P2[u[0]], P2[u[1]]);
+    l = /* @__PURE__ */ e.createElement("span", { className: `${m}__group` }, F2[u[0]], F2[u[1]]);
   } else
-    l = P2[t];
+    l = F2[t];
   return /* @__PURE__ */ e.createElement(
     "div",
     y({
@@ -2369,7 +2369,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
     }, s),
     l
   );
-}, P2 = {
+}, F2 = {
   drupal: /* @__PURE__ */ e.createElement(
     "svg",
     {
@@ -3180,7 +3180,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
     const Me = O[ye];
     B || (I(ye), P(!1)), u && u(Me);
   };
-  ae(() => {
+  se(() => {
     if (B) {
       const ye = Z(b);
       I(ye), P(!1);
@@ -3197,27 +3197,27 @@ const T2 = 300, m1 = 400, xe = (p) => {
     return ye.map((ve) => {
       if (dt(ve)) {
         const ke = ve.options.map((G) => {
-          const se = Me++;
+          const le = Me++;
           return /* @__PURE__ */ e.createElement(
             y2,
             y({
-              key: se,
+              key: le,
               ref: (Y) => {
-                T.current[se] = Y;
+                T.current[le] = Y;
               },
-              tabIndex: se === F ? 0 : -1,
-              "aria-selected": se === A && se === F,
+              tabIndex: le === F ? 0 : -1,
+              "aria-selected": le === A && le === F,
               "aria-disabled": G == null ? void 0 : G.disabled
             }, !(G != null && G.disabled) && ue({
               onClick() {
-                we(se);
+                we(le);
               },
               onKeyDown(Y) {
-                Y.key === "Enter" && (Y.preventDefault(), we(se), ee.reference.current.focus()), Y.key === "Escape" && (Y.preventDefault(), ee.reference.current.focus());
+                Y.key === "Enter" && (Y.preventDefault(), we(le), ee.reference.current.focus()), Y.key === "Escape" && (Y.preventDefault(), ee.reference.current.focus());
               }
             })),
             G.label,
-            A === se && /* @__PURE__ */ e.createElement(
+            A === le && /* @__PURE__ */ e.createElement(
               j,
               {
                 iconName: "check",
@@ -3472,7 +3472,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
       className: N([w, b, g])
     }, p),
     /* @__PURE__ */ e.createElement("div", { className: N([v, _]) }, u && /* @__PURE__ */ e.createElement(
-      Q2,
+      Y2,
       {
         className: `${v}__status-badge`,
         label: l[u],
@@ -3505,7 +3505,7 @@ const T2 = 300, m1 = 400, xe = (p) => {
   let i, C;
   c === "active" && (i = "Active", C = "success"), c === "frozen" && (i = "Frozen", C = "frozen");
   const v = /* @__PURE__ */ e.createElement(
-    Q2,
+    Y2,
     {
       label: i,
       statusType: C,
@@ -5144,7 +5144,7 @@ const xn = (i) => {
       Q ? n : !1
     ), P = t || J, F = (x) => {
       W || te(x.target.checked), i && i(x);
-    }, q = `${k}__box`, A = r ? null : P ? `${q}--checked` : null, I = r ? `${q}--indeterminate` : null, V = j2(() => {
+    }, q = `${k}__box`, A = r ? null : P ? `${q}--checked` : null, I = r ? `${q}--indeterminate` : null, V = G2(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
           j,
@@ -5472,8 +5472,8 @@ const xn = (i) => {
     let P = null;
     r && (P = "search"), k === "error" && (P = "error"), k === "success" && (P = "success");
     const F = L || i, q = typeof M != "undefined", A = typeof t != "undefined", I = (Y) => {
-      const le = d.find((oe) => oe.value === Y);
-      return le ? le.label : "";
+      const ae = d.find((oe) => oe.value === Y);
+      return ae ? ae.label : "";
     }, [V, x] = X(!1), [T, K] = X(null), [ee, pe] = X(
       A ? I(t) : ""
     ), [ie, Ce] = X([]), _e = q ? M : ee, re = ce([]), { context: he, refs: ue } = Ae({
@@ -5507,15 +5507,15 @@ const xn = (i) => {
       var Y;
       !q && pe(""), K(null), x(!0), (Y = ue.domReference.current) == null || Y.focus(), b && b();
     }, Me = (Y) => {
-      let le = Y.target.value;
-      v && v(Y), q || (le.length > 0 && (le = le.trimStart()), pe(le)), le ? (K(null), x(!0)) : x(!1);
+      let ae = Y.target.value;
+      v && v(Y), q || (ae.length > 0 && (ae = ae.trimStart()), pe(ae)), ae ? (K(null), x(!0)) : x(!1);
     }, ve = (Y) => {
       w && w(Y);
     }, Ve = (Y) => {
       _ && _(Y);
     }, ke = (Y) => {
-      const le = ie[Y];
-      !q && pe(le.label), K(null), x(!1), f && f(le);
+      const ae = ie[Y];
+      !q && pe(ae.label), K(null), x(!1), f && f(ae);
     }, G = (Y) => Y.map((oe) => {
       const Ue = oe, { label: fe, optionDisplay: ge, value: Ee, searchIndex: n2 } = Ue, ze = R(Ue, ["label", "optionDisplay", "value", "searchIndex"]), Ke = Ee || fe, We = [fe, Ee];
       return n2 && We.push(...n2), y({
@@ -5525,11 +5525,11 @@ const xn = (i) => {
         optionDisplay: ge
       }, ze);
     });
-    ae(() => {
+    se(() => {
       const Y = G(d).filter(
-        (le) => {
+        (ae) => {
           var ge;
-          const oe = (ge = le.searchIndex) == null ? void 0 : ge.map(
+          const oe = (ge = ae.searchIndex) == null ? void 0 : ge.map(
             (Ee) => Ee.toLowerCase()
           ), fe = _e.toLowerCase();
           return oe.some((Ee) => Ee.includes(fe));
@@ -5537,7 +5537,7 @@ const xn = (i) => {
       );
       Ce(Y);
     }, [_e, o, d]);
-    const se = ie.map((Y, le) => {
+    const le = ie.map((Y, ae) => {
       const { label: oe, value: fe, optionDisplay: ge } = Y;
       return /* @__PURE__ */ e.createElement(
         y2,
@@ -5546,15 +5546,15 @@ const xn = (i) => {
         }, t2({
           key: fe,
           ref(Ee) {
-            re.current[le] = Ee;
+            re.current[ae] = Ee;
           },
           onClick() {
             var Ee;
-            ke(le), (Ee = ue.domReference.current) == null || Ee.focus();
+            ke(ae), (Ee = ue.domReference.current) == null || Ee.focus();
           }
         })), {
-          tabIndex: T === le ? 0 : -1,
-          isActive: T === le
+          tabIndex: T === ae ? 0 : -1,
+          isActive: T === ae
         }),
         ge || oe
       );
@@ -5618,7 +5618,7 @@ const xn = (i) => {
           }))
         ),
         _e && s && /* @__PURE__ */ e.createElement(
-          et,
+          J2,
           {
             id: `input-${c}`,
             clearLabel: g.clearButton,
@@ -5664,7 +5664,7 @@ const xn = (i) => {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: y({}, c2) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${Z}__loading` }, p) : ie.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${Z}__options` }, se) : /* @__PURE__ */ e.createElement("div", { className: `${Z}__no-results` }, C))
+        /* @__PURE__ */ e.createElement("div", { style: y({}, c2) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${Z}__loading` }, p) : ie.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${Z}__options` }, le) : /* @__PURE__ */ e.createElement("div", { className: `${Z}__no-results` }, C))
       ),
       F && /* @__PURE__ */ e.createElement(
         Oe,
@@ -5965,7 +5965,7 @@ const xn = (i) => {
     let W = null;
     _ === "error" && (W = "error"), _ === "success" && (W = "success");
     const Q = b || o, J = n ? [n] : null, te = n ? n.split("/").pop() : null, P = C ? n : te, F = n ? new File(J, P) : null;
-    ae(() => {
+    se(() => {
       const V = new DataTransfer();
       if (F && V.items.add(F), V.files.length > 0) {
         const x = document.getElementById(
@@ -6044,7 +6044,7 @@ const xn = (i) => {
           "aria-describedby": Q ? `${r}__message` : null
         }, m)
       ), H && /* @__PURE__ */ e.createElement(
-        et,
+        J2,
         {
           id: r,
           clearLabel: l.clearButton,
@@ -6195,7 +6195,7 @@ const xn = (i) => {
       }
     )
   );
-}, A1 = ({ toggleStatusLabel: t, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(tt, { label: t }), /* @__PURE__ */ e.createElement(
+}, A1 = ({ toggleStatusLabel: t, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(et, { label: t }), /* @__PURE__ */ e.createElement(
   "label",
   {
     htmlFor: n,
@@ -6203,7 +6203,7 @@ const xn = (i) => {
     "aria-hidden": "true"
   },
   t
-)), T1 = ({ toggleStatusLabel: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(tt, { label: t }), /* @__PURE__ */ e.createElement(
+)), T1 = ({ toggleStatusLabel: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(et, { label: t }), /* @__PURE__ */ e.createElement(
   "span",
   {
     className: "pds-switch__input-decor",
@@ -6616,7 +6616,7 @@ const xn = (i) => {
           }, o)
         ),
         r && ee && /* @__PURE__ */ e.createElement(
-          et,
+          J2,
           {
             id: l,
             clearLabel: H.clearButton,
@@ -6715,9 +6715,9 @@ const xn = (i) => {
     "className"
   ]);
   const i = "pds-modal", C = c !== "md" ? `${i}--${c}` : null, [v, w] = X(r);
-  ae(() => {
+  se(() => {
     w(r);
-  }, [r]), ae(() => {
+  }, [r]), se(() => {
     m(v);
   }, [v]);
   const { refs: b, context: _, floatingStyles: f } = Ae({
@@ -6822,14 +6822,14 @@ const xn = (i) => {
         return !0;
   }
   return !1;
-}, nt = (t) => {
+}, tt = (t) => {
   if (!t)
     return null;
   for (let n = 0; n < t.length; n++) {
     if (Rt(t[n]))
       return typeof t[n].linkContent == "string" ? null : t[n].linkContent;
     if (t[n].links) {
-      const s = nt(t[n].links);
+      const s = tt(t[n].links);
       if (s)
         return s;
     }
@@ -6862,7 +6862,7 @@ const xn = (i) => {
   const o = be(Le);
   o && (l = o.isMobile);
   const u = ce(null), g = "pds-button-nav", p = l ? `${g}--isMobile` : null, i = s !== "md" ? `${g}--${s}` : null;
-  ae(() => {
+  se(() => {
     const _ = (f) => {
       if (l) return;
       const d = u.current;
@@ -6939,7 +6939,7 @@ const xn = (i) => {
     }, r),
     l ? b : v
   );
-}, Y2 = (t, n, s, a) => {
+}, X2 = (t, n, s, a) => {
   let r = null;
   if (typeof n == "string") {
     const m = a ? [
@@ -7004,9 +7004,9 @@ const xn = (i) => {
     "className"
   ]);
   const { isMobile: v, windowWidth: w } = be(Le), [b, _] = X(() => o !== void 0 ? o : w > 1440), f = ce(), [d] = x2(f), h = d.width;
-  ae(() => {
+  se(() => {
     o !== void 0 && _(o);
-  }, [o]), ae(() => {
+  }, [o]), se(() => {
     u(b);
   }, [b, u]);
   const E = {
@@ -7055,7 +7055,7 @@ const xn = (i) => {
     }, p),
     v ? Q : J
   ));
-}, B2 = 0.512, O1 = 3.815, F1 = 4.678, P1 = 5.96, o2 = 0.8, Fe = "ease-out", ht = 0, B1 = ({
+}, P2 = 0.512, O1 = 3.815, F1 = 4.678, P1 = 5.96, o2 = 0.8, Fe = "ease-out", ht = 0, B1 = ({
   icon: t,
   isActive: n,
   isSidebarExpanded: s,
@@ -7063,7 +7063,7 @@ const xn = (i) => {
   linkContent: r,
   links: m
 }) => {
-  const c = "pds-dashboard-nav", l = `${c}__item`, o = `${c}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, Y2(c, r, m, t)), g = (L, k) => /* @__PURE__ */ e.createElement(
+  const c = "pds-dashboard-nav", l = `${c}__item`, o = `${c}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, X2(c, r, m, t)), g = (L, k) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: N([
@@ -7166,7 +7166,7 @@ const xn = (i) => {
       ]),
       ref: s ? null : C.setReference
     }, h()),
-    m ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, Y2(
+    m ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, X2(
       c,
       r,
       m,
@@ -7206,7 +7206,7 @@ const xn = (i) => {
       }
     ))
   );
-}, st = (m) => {
+}, nt = (m) => {
   var c = m, {
     headingText: t,
     menuItems: n,
@@ -7218,7 +7218,7 @@ const xn = (i) => {
     "selectTextFallback",
     "className"
   ]);
-  const l = "pds-dropdown-menu", [o, u] = X(!1), [g, p] = X(null), i = nt(n), C = i ? i.props.children : s, v = /* @__PURE__ */ e.createElement(
+  const l = "pds-dropdown-menu", [o, u] = X(!1), [g, p] = X(null), i = tt(n), C = i ? i.props.children : s, v = /* @__PURE__ */ e.createElement(
     j,
     {
       iconName: "check",
@@ -7231,7 +7231,7 @@ const xn = (i) => {
   }, b = (U) => {
     U.target.nodeName === "A" && u(!1);
   };
-  ae(() => {
+  se(() => {
     if (o) {
       const U = document.querySelector(".pds-dropdown-menu__dropdown");
       return U.addEventListener("click", b), () => {
@@ -7474,7 +7474,7 @@ const xn = (i) => {
       fill: "var(--pds-color-foreground-default)"
     }
   )
-), Z2 = /* @__PURE__ */ e.createElement(
+), B2 = /* @__PURE__ */ e.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7645,16 +7645,16 @@ const xn = (i) => {
       p = Z1;
       break;
     case "icon":
-      p = Z2;
+      p = B2;
       break;
     case "wordmark":
       p = q1;
       break;
     case "sub-brand":
-      p = Z2;
+      p = B2;
       break;
     case "sub-brand-small":
-      p = Z2;
+      p = B2;
   }
   const i = e.isValidElement(s) && typeof s.props.children == "string" ? s.props.children : "", C = e.isValidElement(s) ? Se(s, {
     children: p,
@@ -7708,14 +7708,14 @@ const xn = (i) => {
       links: f.links
     }
   )))), b = s.map((f) => me(y({}, f), {
-    linkContent: Y2(
+    linkContent: X2(
       C,
       f.linkContent,
       f.links,
       f.icon
     )
   })), _ = /* @__PURE__ */ e.createElement(
-    st,
+    nt,
     {
       menuItems: b,
       selectTextFallback: a
@@ -7796,7 +7796,7 @@ const xn = (i) => {
         style: { pointerEvents: "none" }
       },
       /* @__PURE__ */ e.createElement(
-        Q2,
+        Y2,
         {
           color: "neutral",
           hasStatusIndicator: !0,
@@ -7864,7 +7864,7 @@ const xn = (i) => {
   }, J = (A) => {
     d(A.value), o && o(A);
   };
-  ae(() => {
+  se(() => {
     const A = (V) => {
       h.current && !h.current.contains(V.target) && _(!1);
     }, I = (V) => {
@@ -8009,11 +8009,11 @@ const xn = (i) => {
     }
     A && (F.stopPropagation(), F.preventDefault());
   };
-  ae(() => (window.addEventListener("keyup", H), () => {
+  se(() => (window.addEventListener("keyup", H), () => {
     window.removeEventListener("keyup", H);
   }), []);
   const M = () => w(!v), L = Xt();
-  ae(() => {
+  se(() => {
     if (b && t) {
       const F = kt(
         document.querySelector(".pds-navbar__mobile")
@@ -8028,14 +8028,14 @@ const xn = (i) => {
   const k = (F) => {
     F.target.nodeName === "A" && w(!1);
   };
-  ae(() => {
+  se(() => {
     if (v) {
       const F = document.querySelector(".pds-navbar__bar-mobile"), q = document.querySelector(".pds-navbar__mobile");
       return F.addEventListener("click", k), q.addEventListener("click", k), () => {
         F.removeEventListener("click", k), q.removeEventListener("click", k);
       };
     }
-  }, [v]), ae(() => {
+  }, [v]), se(() => {
     v ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
   }, [v]);
   const z = Be(t), S = z["items-left"], B = z["items-right"];
@@ -8100,7 +8100,7 @@ const xn = (i) => {
   mobileMenuMaxWidth: s = 640
 }) => {
   const [a, r] = X(!1), [m, c] = X(0);
-  ae(() => (c(window.innerWidth), window.addEventListener("resize", l), () => {
+  se(() => (c(window.innerWidth), window.addEventListener("resize", l), () => {
     window.removeEventListener("resize", l);
   }), []);
   const l = () => {
@@ -8171,19 +8171,19 @@ const xn = (i) => {
     container: null,
     containerChildren: []
   });
-  ae(() => (u(window.innerWidth), window.addEventListener("resize", f), () => {
+  se(() => (u(window.innerWidth), window.addEventListener("resize", f), () => {
     window.removeEventListener("resize", f);
   }), []);
   const f = () => {
     u(window.innerWidth);
   }, d = o <= a;
-  ae(() => {
+  se(() => {
     b.containerChildren[g] && (b.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
     ) && v == "down" ? p(g + 1) : b.containerChildren[g].classList.contains(
       "pds-nav-menu__dropdown--separator"
     ) && v == "up" ? p(g - 1) : b.containerChildren[g].children[0].focus());
-  }, [g]), ae(() => {
+  }, [g]), se(() => {
     i != -1 && (H.current[i].children[0].blur(), H.current[i].children[0].focus({
       focusVisible: !0
     }));
@@ -8287,11 +8287,11 @@ const xn = (i) => {
     "className"
   ]);
   const p = "pds-side-nav", i = `${p}__item`, C = `${p}__menu`, [v, w] = X(1025), [b, _] = X(!1), [f, d] = X([]), h = ce(null), E = ce(null), $ = ce([]), H = ce(-1);
-  ae(() => (w(window.innerWidth), window.addEventListener("resize", M), () => {
+  se(() => (w(window.innerWidth), window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
-  }), []), ae(() => {
+  }), []), se(() => {
     (!L || !n) && k();
-  }, [v, r, f]), ae(() => {
+  }, [v, r, f]), se(() => {
     if (h.current) {
       const P = h.current.querySelector(
         ".pds-side-nav__heading a"
@@ -8536,7 +8536,7 @@ const xn = (i) => {
       )
     );
   }, J = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${p}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, r.map((P, F) => Q(P, F)))), te = /* @__PURE__ */ e.createElement(
-    st,
+    nt,
     {
       headingText: s,
       menuItems: r,
@@ -8582,18 +8582,18 @@ const xn = (i) => {
     "className"
   ]);
   const p = "pds-side-nav-compact", i = `${p}__item`, C = `${p}__menu`, [v, w] = X(1025), [b, _] = X(!1), [f, d] = X([]), h = ce(null), E = ce(null), $ = ce([]), H = ce(-1);
-  ae(() => (w(window.innerWidth), window.addEventListener("resize", M), () => {
+  se(() => (w(window.innerWidth), window.addEventListener("resize", M), () => {
     window.removeEventListener("resize", M);
-  }), []), ae(() => {
+  }), []), se(() => {
     (!L || !n) && k();
-  }, [v, r, f]), ae(() => {
+  }, [v, r, f]), se(() => {
     if (h.current) {
       const I = h.current.querySelector(
         ".pds-side-nav-compact__heading a"
       );
       I && (E.current = I);
     }
-  }, [s]), ae(() => {
+  }, [s]), se(() => {
     if (h.current && r.length > 0) {
       const V = Array.from(
         h.current.querySelectorAll(`.${i}--active`)
@@ -8754,7 +8754,7 @@ const xn = (i) => {
         {
           height: V,
           opacity: "1",
-          marginBlockStart: `${B2}rem`
+          marginBlockStart: `${P2}rem`
         }
       ],
       {
@@ -8766,7 +8766,7 @@ const xn = (i) => {
         height: "auto",
         opacity: "1",
         display: "flex",
-        marginBlockStart: `${B2}rem`
+        marginBlockStart: `${P2}rem`
       }), I.classList.add(`${C}--expanded`), k();
     };
   }, J = (I) => {
@@ -8775,7 +8775,7 @@ const xn = (i) => {
         {
           height: V,
           opacity: "1",
-          marginBlockStart: `${B2}rem`
+          marginBlockStart: `${P2}rem`
         },
         { height: "0px", opacity: "0", marginBlockStart: "0" }
       ],
@@ -8864,7 +8864,7 @@ const xn = (i) => {
       T ? P(2, I) : x
     );
   }, q = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${p}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${p}__menu ${p}__menu--top-level` }, r.map((I, V) => F(I, V)))), A = /* @__PURE__ */ e.createElement(
-    st,
+    nt,
     {
       headingText: s,
       menuItems: r,
@@ -8932,7 +8932,7 @@ const xn = (i) => {
     const V = a.filter((x) => O(x, I));
     p(V);
   };
-  ae(() => {
+  se(() => {
     const A = a.filter((I) => O(I, i));
     p(A);
   }, [a]);
@@ -9026,7 +9026,7 @@ const xn = (i) => {
     links: b,
     promoteActiveChildLink: _ = !1
   }) => {
-    const f = `${o}__item`, d = nt(b), h = (E, $) => {
+    const f = `${o}__item`, d = tt(b), h = (E, $) => {
       let H = null;
       return typeof E == "object" && ($ ? H = Se(E, me(y({}, E.props), {
         children: [
@@ -9135,7 +9135,7 @@ const xn = (i) => {
       opacity: 0
     }
   }), Q = /* @__PURE__ */ e.createElement(
-    X2,
+    K2,
     {
       hasUserFallback: !0,
       imageSrc: a,
@@ -9300,7 +9300,7 @@ const xn = (i) => {
     const { value: he } = re.target, ue = o.filter((de) => de.displayName.toLowerCase().includes(he.toLowerCase()));
     f(ue);
   };
-  ae(() => {
+  se(() => {
     const re = o.map((he) => me(y({}, he), {
       isActive: he.isActive
     }));
@@ -9309,7 +9309,7 @@ const xn = (i) => {
   const V = (re) => {
     re.preventDefault(), re.key === "Enter" && d.current[w].querySelector("a").click(), re.key === "Tab" && (re.shiftKey ? E ? document.getElementById("workspace-filter").focus() : v(!1) : n ? h.current.querySelector("a").focus() : v(!1));
   }, x = /* @__PURE__ */ e.createElement("div", { className: `${L}__button-content` }, /* @__PURE__ */ e.createElement(
-    X2,
+    K2,
     {
       size: "sm",
       uniqueId: A.workspaceId,
@@ -9368,7 +9368,7 @@ const xn = (i) => {
             onClick: () => v(!1)
           }),
           /* @__PURE__ */ e.createElement("div", { className: `${L}__item-content` }, /* @__PURE__ */ e.createElement(
-            X2,
+            K2,
             {
               size: "sm",
               uniqueId: re.workspaceId,
@@ -9468,7 +9468,7 @@ const xn = (i) => {
     "className"
   ]);
   const [u, g] = X(t);
-  ae(() => {
+  se(() => {
     g(t);
   }, [t]);
   const p = u.length;
@@ -9479,7 +9479,7 @@ const xn = (i) => {
     warning: `${i}--warning`,
     critical: `${i}--critical`
   }, w = p > 0 ? u[0].type : null, b = w ? `${i}-group--${w}` : null, _ = (H) => ({
-    zIndex: T2 - H
+    zIndex: A2 - H
   }), f = (H) => H === 0 ? 0 : -1, d = () => {
     const H = document.getElementsByClassName(
       `${i}--fading`
@@ -9494,7 +9494,7 @@ const xn = (i) => {
       ]);
     }, 200);
   }, E = () => {
-    d(), document.getElementById(u[0].id).style.zIndex = (T2 + 2).toString(), document.getElementById(u[p - 1].id).style.zIndex = (T2 + 1).toString(), setTimeout(() => {
+    d(), document.getElementById(u[0].id).style.zIndex = (A2 + 2).toString(), document.getElementById(u[p - 1].id).style.zIndex = (A2 + 1).toString(), setTimeout(() => {
       document.getElementById(u[0].id).classList.add(`${i}--fading`);
     }, 50), setTimeout(() => {
       g((H) => [
@@ -9575,7 +9575,7 @@ const xn = (i) => {
       }
     ), u.map((H, M) => $(H, M))) : $(u[0], 0)
   );
-}, q2 = {
+}, Z2 = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -9617,12 +9617,12 @@ const xn = (i) => {
     /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon-${s}` }, s === "working" ? /* @__PURE__ */ e.createElement(V2, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
       j,
       {
-        iconName: `${s}` in q2 ? q2[s] : q2.info,
+        iconName: `${s}` in Z2 ? Z2[s] : Z2.info,
         iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${o}__secondaryText` }, n)))
   );
-}, W2 = {
+}, q2 = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -9687,7 +9687,7 @@ const xn = (i) => {
     /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${C}__icon ${C}__icon-${c}` }, /* @__PURE__ */ e.createElement(
       j,
       {
-        iconName: `${c}` in W2 ? W2[c] : W2.info,
+        iconName: `${c}` in q2 ? q2[c] : q2.info,
         iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${C}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), m && /* @__PURE__ */ e.createElement("div", { className: `${C}__title` }, m), /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, r))),
@@ -9703,7 +9703,7 @@ const xn = (i) => {
       /* @__PURE__ */ e.createElement(j, { iconSize: "md", iconName: "xmark" })
     )
   );
-}, U2 = {
+}, W2 = {
   info: "circleInfo",
   success: "check",
   warning: "triangleExclamation",
@@ -9740,7 +9740,7 @@ const xn = (i) => {
     /* @__PURE__ */ e.createElement("div", { className: `${m}__icon-container` }, s === "working" ? /* @__PURE__ */ e.createElement(V2, { colorType: "monochromatic", size: "lg" }) : /* @__PURE__ */ e.createElement(
       j,
       {
-        iconName: `${s}` in U2 ? U2[s] : U2.info,
+        iconName: `${s}` in W2 ? W2[s] : W2.info,
         className: `${m}__icon ${m}__icon--${s}`
       }
     )),
@@ -9957,7 +9957,7 @@ const h4 = () => {
   const [o, u] = X(s), p = ce(
     n || `expansion-panel-${a2()}`
   ).current, i = "pds-expansion-panel", C = ce(null), v = ce(null), w = ce(null);
-  return ae(() => {
+  return se(() => {
     const b = C.current, _ = v.current, f = w.current;
     if (!b || !_ || !f) return;
     let d = null, h = !1, E = !1;
@@ -10208,9 +10208,9 @@ const h4 = () => {
   ]);
   var F, q, A, I;
   const [_, f] = X(g);
-  ae(() => {
+  se(() => {
     f(g);
-  }, [g]), ae(() => {
+  }, [g]), se(() => {
     p(_);
   }, [_]);
   const d = typeof s, h = "pds-popover", E = N([
@@ -10506,37 +10506,41 @@ const y4 = (o) => {
   var u = o, {
     alignment: t = "left",
     componentWidth: n,
-    initialState: s,
-    labelStrings: a = {},
-    lastChecked: r,
-    onCheck: m,
+    labelStrings: s = {},
+    lastChecked: a,
+    onCheck: r,
+    state: m,
     className: c
   } = u, l = R(u, [
     "alignment",
     "componentWidth",
-    "initialState",
     "labelStrings",
     "lastChecked",
     "onCheck",
+    "state",
     "className"
   ]);
   const [g, p] = X(
-    s != null ? s : "default"
+    m != null ? m : "default"
     /* DEFAULT */
-  ), i = y({
+  );
+  se(() => {
+    p(m);
+  }, [m, p]);
+  const i = y({
     checkForUpdates: "Check for updates",
     checking: "Checking...",
     checked: "Last checked",
     ariaLabel: "Check for updates"
-  }, a), C = () => {
+  }, s), C = () => {
     switch (g) {
       case "default":
         return i.checkForUpdates;
       case "working":
         return i.checking;
       case "checked":
-        if (r) {
-          const E = r instanceof Date ? r : new Date(r), $ = Date.now() - E.getTime(), H = Math.floor($ / 1e3), M = Math.floor(H / 60), L = Math.floor(M / 60), k = Math.floor(L / 24), z = {
+        if (a) {
+          const E = a instanceof Date ? a : new Date(a), $ = Date.now() - E.getTime(), H = Math.floor($ / 1e3), M = Math.floor(H / 60), L = Math.floor(M / 60), k = Math.floor(L / 24), z = {
             year: "numeric",
             month: "short",
             day: "numeric"
@@ -10549,25 +10553,9 @@ const y4 = (o) => {
         }
         return i.checked;
     }
-  }, v = () => A2(void 0, null, function* () {
-    if (g !== "working") {
-      p(
-        "working"
-        /* WORKING */
-      );
-      try {
-        yield m == null ? void 0 : m(), p(
-          "checked"
-          /* CHECKED */
-        );
-      } catch (E) {
-        p(
-          "default"
-          /* DEFAULT */
-        );
-      }
-    }
-  }), w = "pds-refresh-checker", b = `${w}--${t}`, _ = N([
+  }, v = () => {
+    r == null || r();
+  }, w = "pds-refresh-checker", b = `${w}--${t}`, _ = N([
     `${w}__button`,
     g === "working" ? `${w}__button--spinning` : ""
   ]), f = n !== null && n > 0 ? `${n}rem` : "100%", d = /* @__PURE__ */ e.createElement("span", { className: `${w}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
@@ -10620,7 +10608,7 @@ const y4 = (o) => {
   ]);
   const l = "pds-site-dashboard-heading", o = W1[n], u = s ? Ft[s] : "bolt";
   return /* @__PURE__ */ e.createElement("div", y({ className: N([l, a != null ? a : ""]) }, r), /* @__PURE__ */ e.createElement(j, { iconName: u, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, t), n && /* @__PURE__ */ e.createElement(g2, { label: o, color: "neutral", size: "md" }));
-}, G2 = {
+}, U2 = {
   bluesky: {
     icon: "bluesky",
     url: "https://bsky.app/profile/pantheon.io",
@@ -10673,12 +10661,12 @@ const y4 = (o) => {
     t.map((c, l) => /* @__PURE__ */ e.createElement("li", { key: l, className: `${m}__item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        href: G2[c].url,
+        href: U2[c].url,
         rel: "noreferrer",
         target: "_blank",
-        "aria-label": G2[c].label
+        "aria-label": U2[c].label
       },
-      /* @__PURE__ */ e.createElement(j, { iconName: G2[c].icon, iconSize: "xl" })
+      /* @__PURE__ */ e.createElement(j, { iconName: U2[c].icon, iconSize: "xl" })
     )))
   );
 }, M4 = (m) => {
@@ -10928,7 +10916,7 @@ const y4 = (o) => {
     "~"
   ], C = `#${c} h2:not(.${r}), h3:not(.${r})`, v = () => {
     const [M, L] = X([]);
-    return ae(() => {
+    return se(() => {
       const k = Array.from(
         document.querySelectorAll(C)
       );
@@ -10955,7 +10943,7 @@ const y4 = (o) => {
   }, { nestedHeadings: b } = v(), [_, f] = X();
   ((M) => {
     const L = ce({});
-    ae(() => {
+    se(() => {
       const k = (B) => {
         L.current = B.reduce((O, Z) => (O[Z.target.id] = Z, O), L.current);
         const D = [];
@@ -11051,7 +11039,7 @@ const y4 = (o) => {
     "className"
   ]);
   const u = "pds-tabs", [g, p] = X(a != null ? a : n);
-  ae(() => {
+  se(() => {
     a !== void 0 && p(a);
   }, [a]);
   const i = (b) => {
@@ -11061,9 +11049,9 @@ const y4 = (o) => {
       p(f);
     }
   }, C = ce([]);
-  ae(() => {
+  se(() => {
     s(g);
-  }, [g, s]), ae(() => {
+  }, [g, s]), se(() => {
     const b = C.current.length - 1;
     if (g > b) {
       p(0);
@@ -11265,7 +11253,7 @@ const y4 = (o) => {
   ]);
   var i, C;
   const l = "pds-theme-switcher", [o, u] = X(t != null ? t : "light");
-  ae(() => {
+  se(() => {
     u(t != null ? t : "system");
   }, [t]);
   const g = [
@@ -11690,23 +11678,23 @@ const y4 = (o) => {
     /* @__PURE__ */ e.createElement("div", { className: b.join(" ").trim() }, d)
   );
 }, q4 = (t, n) => {
-  const [s, a] = X(!1), r = j2(
+  const [s, a] = X(!1), r = G2(
     (c) => {
       c.key === t && (a(!0), n && n(c));
     },
     [t, n]
-  ), m = j2(
+  ), m = G2(
     (c) => {
       c.key === t && a(!1);
     },
     [t]
   );
-  return ae(() => (window.addEventListener("keydown", r), window.addEventListener("keyup", m), () => {
+  return se(() => (window.addEventListener("keydown", r), window.addEventListener("keyup", m), () => {
     window.removeEventListener("keydown", r), window.removeEventListener("keyup", m);
   }), [r, m]), s;
 };
 export {
-  X2 as Avatar,
+  K2 as Avatar,
   S4 as AvatarTileList,
   d4 as Banner,
   bn as BranchDiff,
@@ -11738,7 +11726,7 @@ export {
   n4 as DashboardSearch,
   In as DashboardStat,
   D4 as DocsLayout,
-  st as DropdownMenu,
+  nt as DropdownMenu,
   g4 as ExpansionPanel,
   C4 as ExpansionPanelGroup,
   Dn as FileDiff,
@@ -11795,7 +11783,7 @@ export {
   H4 as SocialLinks,
   V2 as Spinner,
   C1 as SplitButton,
-  Q2 as StatusBadge,
+  Y2 as StatusBadge,
   M4 as StatusIndicator,
   k4 as Stepper,
   P4 as StepperLayout,