@pantheon-systems/pds-toolkit-react 1.0.0-dev.269 → 1.0.0-dev.270

package/_dist/index.js

@@ -1,25 +1,25 @@
-import './index.css';var J2 = Object.defineProperty, e1 = Object.defineProperties;
+import './index.css';var Jt = Object.defineProperty, e1 = Object.defineProperties;
 var t1 = Object.getOwnPropertyDescriptors;
-var Lt = Object.getOwnPropertySymbols;
-var o2 = Object.prototype.hasOwnProperty, i2 = Object.prototype.propertyIsEnumerable;
-var r2 = (t, n, s) => n in t ? J2(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, L = (t, n) => {
+var L2 = Object.getOwnPropertySymbols;
+var ot = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable;
+var rt = (t, n, s) => n in t ? Jt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s, L = (t, n) => {
   for (var s in n || (n = {}))
-    o2.call(n, s) && r2(t, s, n[s]);
-  if (Lt)
-    for (var s of Lt(n))
-      i2.call(n, s) && r2(t, s, n[s]);
+    ot.call(n, s) && rt(t, s, n[s]);
+  if (L2)
+    for (var s of L2(n))
+      it.call(n, s) && rt(t, s, n[s]);
   return t;
 }, re = (t, n) => e1(t, t1(n));
 var F = (t, n) => {
   var s = {};
   for (var a in t)
-    o2.call(t, a) && n.indexOf(a) < 0 && (s[a] = t[a]);
-  if (t != null && Lt)
-    for (var a of Lt(t))
-      n.indexOf(a) < 0 && i2.call(t, a) && (s[a] = t[a]);
+    ot.call(t, a) && n.indexOf(a) < 0 && (s[a] = t[a]);
+  if (t != null && L2)
+    for (var a of L2(t))
+      n.indexOf(a) < 0 && it.call(t, a) && (s[a] = t[a]);
   return s;
 };
-var d2 = (t, n, s) => new Promise((a, r) => {
+var dt = (t, n, s) => new Promise((a, r) => {
   var i = (o) => {
     try {
       l(s.next(o));
@@ -35,27 +35,27 @@ var d2 = (t, n, s) => new Promise((a, r) => {
   }, l = (o) => o.done ? a(o.value) : Promise.resolve(o.value).then(i, c);
   l((s = s.apply(t, n)).next());
 });
-import e, { Children as k2, isValidElement as ke, useState as Y, cloneElement as Fe, createElement as N2, forwardRef as je, useEffect as le, useRef as ce, createContext as z2, useContext as $e, useLayoutEffect as n1, useCallback as Kt, useMemo as x2, createRef as s1, Fragment as l1 } from "react";
-import V2 from "hash-sum";
-import { useFloating as Ae, offset as dt, flip as mt, shift as yt, autoUpdate as Pe, useHover as vt, useFocus as Qt, useDismiss as Te, useRole as De, useInteractions as Re, FloatingPortal as S2, useId as a1, size as c1, useClick as Xe, useListNavigation as ut, useTransitionStyles as Ye, FloatingOverlay as r1, FloatingFocusManager as I2, safePolygon as Jt, arrow as o1, FloatingArrow as i1 } from "@floating-ui/react";
+import e, { Children as kt, isValidElement as ke, useState as Y, cloneElement as Fe, createElement as Nt, forwardRef as je, useEffect as le, useRef as ce, createContext as zt, useContext as $e, useLayoutEffect as n1, useCallback as K2, useMemo as xt, createRef as s1, Fragment as l1 } from "react";
+import Vt from "hash-sum";
+import { useFloating as Ae, offset as d2, flip as m2, shift as y2, autoUpdate as Pe, useHover as v2, useFocus as Q2, useDismiss as Te, useRole as De, useInteractions as Re, FloatingPortal as St, useId as a1, size as c1, useClick as Xe, useListNavigation as u2, useTransitionStyles as Ye, FloatingOverlay as r1, FloatingFocusManager as It, safePolygon as J2, arrow as o1, FloatingArrow as i1 } from "@floating-ui/react";
 import { useHotkeys as d1 } from "react-hotkeys-hook";
 import { useFloating as m1, flip as u1 } from "@floating-ui/react-dom";
-import { CodeBlock as ft } from "react-code-block";
-import { useMultipleSelection as gt, useCombobox as lt } from "downshift";
-import { isSafari as Ht } from "react-device-detect";
-import { useMeasure as It } from "@reactuses/core";
+import { CodeBlock as f2 } from "react-code-block";
+import { useMultipleSelection as g2, useCombobox as l2 } from "downshift";
+import { isSafari as H2 } from "react-device-detect";
+import { useMeasure as I2 } from "@reactuses/core";
 import p1 from "focus-trap-react";
-import { ToastContainer as h1, Slide as f1, cssTransition as g1, toast as m2 } from "react-toastify";
-const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
+import { ToastContainer as h1, Slide as f1, cssTransition as g1, toast as mt } from "react-toastify";
+const c2 = () => Math.random().toString(32).substring(2, 13), At = (t, n) => {
   if (!(t != null && t.childNodes))
     return;
   let s;
   for (n = n || [], s = 0; s < t.childNodes.length; s++)
-    n.push(t.childNodes[s]), A2(t.childNodes[s], n);
+    n.push(t.childNodes[s]), At(t.childNodes[s], n);
   return n;
 }, Oe = (t) => {
   const n = {}, s = [];
-  return k2.forEach(t, (a) => {
+  return kt.forEach(t, (a) => {
     if (ke(a)) {
       const r = a.props.slot;
       r ? n[r] ? n[r].push(a) : n[r] = [a] : s.push(a);
@@ -76,7 +76,7 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
     "verticalAlign",
     "className"
   ]);
-  const o = `pds-icon pds-icon--${s} pds-icon--${n}`, p = `0 0 ${Xt[n].width} 512`, g = {
+  const o = `pds-icon pds-icon--${s} pds-icon--${n}`, p = `0 0 ${X2[n].width} 512`, g = {
     sm: "0.8rem",
     md: "1rem",
     lg: "1.2rem",
@@ -104,9 +104,9 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
         verticalAlign: a
       }
     }, i),
-    /* @__PURE__ */ e.createElement("path", { d: Xt[n].path, fill: "currentColor" })
+    /* @__PURE__ */ e.createElement("path", { d: X2[n].path, fill: "currentColor" })
   );
-}, Xt = {
+}, X2 = {
   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"
@@ -579,6 +579,10 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
     path: "M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z",
     width: "512"
   },
+  penField: {
+    path: "M534.4 48C553.1 29.2 583.5 29.2 602.3 48L624.2 69.9C643.1 88.8 642.9 119.5 623.8 138.1L584 177L494.7 87.7L534.4 48zM472.1 110.4L561.2 199.5L416 341.6C409.1 348.4 400.7 353.5 391.5 356.6L320 380.5C311.4 383.4 301.9 381.1 295.4 374.7C288.9 368.3 286.7 358.8 289.6 350.1L313.4 278.8C316.5 269.4 321.8 260.8 328.8 253.8L472.1 110.4zM64.4 240C64.4 195.8 100.2 160 144.4 160L256.4 160C274.1 160 288.4 174.3 288.4 192C288.4 209.7 274.1 224 256.4 224L144.4 224C135.6 224 128.4 231.2 128.4 240L128.4 464C128.4 472.8 135.6 480 144.4 480L496.4 480C505.2 480 512.4 472.8 512.4 464L512.4 352C512.4 334.3 526.7 320 544.4 320C562.1 320 576.4 334.3 576.4 352L576.4 464C576.4 508.2 540.6 544 496.4 544L144.4 544C100.2 544 64.4 508.2 64.4 464L64.4 240zM224.4 320C242.1 320 256.4 334.3 256.4 352C256.4 369.7 242.1 384 224.4 384C206.7 384 192.4 369.7 192.4 352C192.4 334.3 206.7 320 224.4 320z",
+    width: "640"
+  },
   phone: {
     path: "M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z",
     width: "512"
@@ -795,7 +799,7 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (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"
   }
-}, Qn = Object.keys(Xt), u2 = [
+}, Qn = Object.keys(X2), ut = [
   "dawn",
   "dragonfruit",
   "dusk",
@@ -813,9 +817,9 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
   "twilight",
   "winter"
 ], _1 = (t) => {
-  const n = parseInt(V2(t), 16);
-  return u2[n % u2.length];
-}, Yt = (o) => {
+  const n = parseInt(Vt(t), 16);
+  return ut[n % ut.length];
+}, Y2 = (o) => {
   var p = o, {
     ariaLabel: t,
     hasUserFallback: n = !1,
@@ -865,7 +869,7 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
     }, l),
     a ? m : h
   );
-}, bt = (i) => {
+}, b2 = (i) => {
   var c = i, {
     label: t,
     size: n = "md",
@@ -890,7 +894,7 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
     }, r),
     /* @__PURE__ */ e.createElement("span", { className: `${l}__label` }, t)
   );
-}, e2 = (l) => {
+}, et = (l) => {
   var o = l, {
     color: t = "transparent",
     hasStatusIndicator: n = !1,
@@ -915,7 +919,7 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
     n === !0 && /* @__PURE__ */ e.createElement("span", { className: [d, u].join(" ").trim() }, r && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, a, " ", r)),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, s)
   );
-}, zt = (i) => {
+}, z2 = (i) => {
   var c = i, {
     label: t,
     type: n = "neutral",
@@ -942,8 +946,8 @@ const ct = () => Math.random().toString(32).substring(2, 13), A2 = (t, n) => {
     /* @__PURE__ */ e.createElement("div", { className: `${l}__label` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, p), t)
   );
 };
-zt.displayName = "Tally";
-const Rt = 500, E1 = 700, xe = (d) => {
+z2.displayName = "Tally";
+const R2 = 500, E1 = 700, xe = (d) => {
   var u = d, {
     content: t,
     customTrigger: n = null,
@@ -977,13 +981,13 @@ const Rt = 500, E1 = 700, xe = (d) => {
     placement: a,
     open: b,
     onOpenChange: _,
-    middleware: [dt(s), mt(), yt()],
+    middleware: [d2(s), m2(), y2()],
     whileElementsMounted: Pe
-  }), $ = vt(E, {
+  }), $ = v2(E, {
     restMs: 300,
     delay: { open: 500, close: 0 },
     move: !1
-  }), M = Qt(E), k = Te(E), w = De(E, { role: "tooltip" }), { getReferenceProps: H, getFloatingProps: N } = Re([
+  }), M = Q2(E), k = Te(E), w = De(E, { role: "tooltip" }), { getReferenceProps: H, getFloatingProps: N } = Re([
     $,
     M,
     k,
@@ -1012,7 +1016,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
         iconSize: l
       }
     )
-  ), b && /* @__PURE__ */ e.createElement(S2, null, /* @__PURE__ */ e.createElement(
+  ), b && /* @__PURE__ */ e.createElement(St, null, /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: `${C}__container`,
@@ -1111,19 +1115,19 @@ const Rt = 500, E1 = 700, xe = (d) => {
     "className"
   ]);
   const o = t ? `${t}__heading` : null;
-  return N2(
+  return Nt(
     a,
     L({ className: z([o, r]), id: s }, i),
     n
   );
-}, t2 = (t) => typeof t == "string" || typeof t == "number" ? String(t) : e.isValidElement(t) ? e.Children.toArray(t.props.children).map(t2).join("") : "", ne = {
+}, tt = (t) => typeof t == "string" || typeof t == "number" ? String(t) : e.isValidElement(t) ? e.Children.toArray(t.props.children).map(tt).join("") : "", ne = {
   base: "pds-input",
   disabled: "pds-is-disabled",
   required: "pds-is-required",
   error: "pds-has-error",
   success: "pds-has-success",
   readonly: "pds-is-readonly"
-}, Je = (t) => t ? { width: `${t / 16}rem` } : null, p2 = (t) => t.replace(/^(https?:\/\/)/, ""), T2 = () => /* @__PURE__ */ e.createElement("span", { className: "pds-input-label__required" }, /* @__PURE__ */ e.createElement(
+}, Je = (t) => t ? { width: `${t / 16}rem` } : null, pt = (t) => t.replace(/^(https?:\/\/)/, ""), Tt = () => /* @__PURE__ */ e.createElement("span", { className: "pds-input-label__required" }, /* @__PURE__ */ e.createElement(
   U,
   {
     iconName: "asterisk",
@@ -1145,7 +1149,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     "pds-input-label",
     s ? null : "visually-hidden",
     o != null ? o : ""
-  ]), g = /* @__PURE__ */ e.createElement(e.Fragment, null, n, a && !r && /* @__PURE__ */ e.createElement(T2, null), l && /* @__PURE__ */ e.createElement(xe, { content: l }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(U, { iconName: "circleInfo", iconSize: "sm" }))));
+  ]), g = /* @__PURE__ */ e.createElement(e.Fragment, null, n, a && !r && /* @__PURE__ */ e.createElement(Tt, null), l && /* @__PURE__ */ e.createElement(xe, { content: l }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(U, { iconName: "circleInfo", iconSize: "sm" }))));
   return i ? /* @__PURE__ */ e.createElement("legend", { className: p, id: `${t}-legend` }, g) : c ? /* @__PURE__ */ e.createElement("span", { className: p, id: `${t}-field-label` }, g) : /* @__PURE__ */ e.createElement("label", { htmlFor: t, className: p, id: `${t}-label` }, g);
 }, Be = ({
   forInputGroup: t = !1,
@@ -1164,7 +1168,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       id: t ? `${n}__message-hidden` : `${n}__message`,
       role: i === "error" ? "alert" : null
     },
-    r && i && /* @__PURE__ */ e.createElement(pt, { variant: i }),
+    r && i && /* @__PURE__ */ e.createElement(p2, { variant: i }),
     /* @__PURE__ */ e.createElement("div", { className: `${l}__text` }, s)
   );
 }, v1 = {
@@ -1172,7 +1176,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   error: "triangleExclamation",
   success: "check",
   filter: "barsFilter"
-}, pt = ({ variant: t }) => {
+}, p2 = ({ variant: t }) => {
   const n = "pds-input-decorator";
   return /* @__PURE__ */ e.createElement("div", { className: z([n, `${n}--${t}`]) }, /* @__PURE__ */ e.createElement(
     U,
@@ -1182,13 +1186,13 @@ const Rt = 500, E1 = 700, xe = (d) => {
       className: `${n}__icon`
     }
   ));
-}, D2 = ({
+}, Dt = ({
   inputId: t,
   shortcutLabel: n
 }) => (d1("/", (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(U, { iconName: "slashForward", iconSize: "md" }))), n2 = ({
+}), /* @__PURE__ */ e.createElement("div", { className: "pds-input-search-shortcut" }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, n), /* @__PURE__ */ e.createElement(U, { iconName: "slashForward", iconSize: "md" }))), nt = ({
   id: t,
   clearLabel: n,
   handleClearInput: s
@@ -1202,7 +1206,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     onClick: s
   },
   /* @__PURE__ */ e.createElement(U, { iconName: "xmark", iconSize: "md" })
-), R2 = ({
+), Rt = ({
   id: t,
   currentLength: n,
   maxLength: s,
@@ -1220,10 +1224,10 @@ const Rt = 500, E1 = 700, xe = (d) => {
     s,
     /* @__PURE__ */ e.createElement("span", { className: "visually-hidden", "aria-live": "polite" }, r && `${a} ${i}`)
   );
-}, s2 = (s) => {
+}, st = (s) => {
   var a = s, { label: t } = a, n = F(a, ["label"]);
   return /* @__PURE__ */ e.createElement("span", L({ className: "visually-hidden" }, n), t);
-}, h2 = (t) => "options" in t, xt = je(
+}, ht = (t) => "options" in t, x2 = je(
   (i, r) => {
     var c = i, { children: t, isActive: n, className: s } = c, a = F(c, ["children", "isActive", "className"]);
     const l = a1(), o = "pds-input__select-option", p = n ? `${o}--active` : null;
@@ -1239,7 +1243,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       t
     );
   }
-), wt = (l) => {
+), w2 = (l) => {
   var o = l, {
     colorType: t = "full-color",
     isInline: n = !1,
@@ -1264,9 +1268,9 @@ const Rt = 500, E1 = 700, xe = (d) => {
       "aria-hidden": "true"
     }, c),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__icon` }),
-    a && !n ? /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, s) : /* @__PURE__ */ e.createElement(s2, { label: s })
+    a && !n ? /* @__PURE__ */ e.createElement("span", { className: `${p}__label` }, s) : /* @__PURE__ */ e.createElement(st, { label: s })
   );
-}, ot = je(
+}, o2 = je(
   (C, y) => {
     var v = C, {
       ariaLabel: t,
@@ -1321,7 +1325,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       }
     );
     let k = [o];
-    a == "icon-start" && r && k.unshift(M), a == "icon-end" && r && k.push(M), l && (k = [M], t = t2(o));
+    a == "icon-start" && r && k.unshift(M), a == "icon-end" && r && k.push(M), l && (k = [M], t = tt(o));
     const w = /* @__PURE__ */ e.createElement(
       "button",
       L({
@@ -1338,12 +1342,12 @@ const Rt = 500, E1 = 700, xe = (d) => {
         onClick: p,
         ref: y
       }, _),
-      c && /* @__PURE__ */ e.createElement(wt, { className: `${h}__loading-indicator`, size: "md" }),
+      c && /* @__PURE__ */ e.createElement(w2, { className: `${h}__loading-indicator`, size: "md" }),
       k
     );
     return (s || c) && d ? /* @__PURE__ */ e.createElement(xe, { content: d, customTrigger: w }) : /* @__PURE__ */ e.createElement(e.Fragment, null, w);
   }
-), $t = (p) => {
+), $2 = (p) => {
   var g = p, {
     disabled: t = !1,
     displayType: n = "label-only",
@@ -1383,7 +1387,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     children: h
   }) : null;
   return t ? /* @__PURE__ */ e.createElement(
-    ot,
+    o2,
     {
       className: z([d, l != null ? l : ""]),
       disabled: !0,
@@ -1402,14 +1406,14 @@ const Rt = 500, E1 = 700, xe = (d) => {
     }, r)), () => {
       c && clearTimeout(c);
     };
-  }, [s, r]), [s, () => d2(void 0, null, function* () {
+  }, [s, r]), [s, () => dt(void 0, null, function* () {
     if (navigator.clipboard)
       try {
         yield navigator.clipboard.writeText(t), a(!0);
       } catch (c) {
       }
   })];
-}, Vt = je(
+}, V2 = je(
   (u, d) => {
     var b = u, {
       ariaLabel: t,
@@ -1515,7 +1519,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       ) : w
     );
   }
-), f2 = (c) => {
+), ft = (c) => {
   var l = c, {
     ariaLabel: t = "Copy to clipboard",
     clipboardText: n = "",
@@ -1531,7 +1535,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   ]);
   const o = "pds-clipboard-button", [p, g] = b1(n);
   return /* @__PURE__ */ e.createElement(
-    Vt,
+    V2,
     L({
       className: z([o, r != null ? r : ""]),
       ariaLabel: t,
@@ -1544,7 +1548,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       variant: a
     }, i)
   );
-}, O2 = (i) => {
+}, Ot = (i) => {
   var c = i, {
     ariaLabel: t = "Close",
     iconSize: n = "xl",
@@ -1566,7 +1570,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     }, r),
     /* @__PURE__ */ e.createElement(U, { iconName: "xmark", iconSize: n })
   );
-}, F2 = () => {
+}, Ft = () => {
   const t = typeof window != "undefined", [n, s] = Y(
     t && window.innerWidth !== void 0 ? window.innerWidth : 1024
   );
@@ -1580,11 +1584,11 @@ const Rt = 500, E1 = 700, xe = (d) => {
       window.removeEventListener("resize", a);
     };
   }, []), n;
-}, ye = z2(null), $1 = ({
+}, ye = zt(null), $1 = ({
   children: t,
   mobileMenuMaxWidth: n = 640
 }) => {
-  const s = F2(), a = s <= n, r = {
+  const s = Ft(), a = s <= n, r = {
     isMobile: a,
     mobileMenuMaxWidth: n,
     windowWidth: s
@@ -1592,7 +1596,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   return le(() => {
     a ? document.body.classList.add("pds-no-scroll-x") : document.body.classList.remove("pds-no-scroll-x");
   }, [a]), /* @__PURE__ */ e.createElement(ye.Provider, { value: r }, t);
-}, Ot = (t) => t.isSeparator, Ft = (t) => t.isHeading, Pt = (t) => t.isLink, y1 = (t) => t.isNode, P2 = (C) => {
+}, O2 = (t) => t.isSeparator, F2 = (t) => t.isHeading, P2 = (t) => t.isLink, y1 = (t) => t.isNode, Pt = (C) => {
   var v = C, {
     disabled: t,
     displayType: n = "icon-end",
@@ -1758,9 +1762,9 @@ const Rt = 500, E1 = 700, xe = (d) => {
     K.current && !K.current.contains(j.target) && J && de();
   }, Me = (j, ae, Q = "", se = "", ...ie) => {
     const fe = Q ? `-group-${Q}` : "", ge = O + fe + "-item-" + (ae + 1), Ee = j.id ? j.id : ge;
-    if (Ot(j))
+    if (O2(j))
       return /* @__PURE__ */ e.createElement("li", { role: "separator", key: Ee });
-    if (Ft(j))
+    if (F2(j))
       return /* @__PURE__ */ e.createElement(
         "li",
         {
@@ -1773,12 +1777,12 @@ const Rt = 500, E1 = 700, xe = (d) => {
       );
     if (y1(j))
       return /* @__PURE__ */ e.createElement("li", { role: "presentation", key: Ee }, j.nodeContent);
-    if (Pt(j) || j.label) {
+    if (P2(j) || j.label) {
       D.current.push(Ee), X.current.push(j);
-      let st = !1;
-      q !== "" && !j.disabled && (st = q === Ee);
+      let s2 = !1;
+      q !== "" && !j.disabled && (s2 = q === Ee);
       let ze;
-      if (j.label && (ze = [j.label]), Pt(j) && (ze = [j.linkContent.props.children]), j.iconName) {
+      if (j.label && (ze = [j.label]), P2(j) && (ze = [j.linkContent.props.children]), j.iconName) {
         const Ue = /* @__PURE__ */ e.createElement(
           U,
           {
@@ -1792,7 +1796,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       let Ke;
       j.description && (Ke = /* @__PURE__ */ e.createElement("span", { className: `${A}__item-description` }, j.description));
       let qe;
-      if (Pt(j)) {
+      if (P2(j)) {
         const Ue = j.linkContent.type;
         qe = /* @__PURE__ */ e.createElement(Ue, L({ tabIndex: -1 }, j.linkContent.props), /* @__PURE__ */ e.createElement("span", { className: `${A}__item-label` }, ze), Ke);
       } else
@@ -1803,7 +1807,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
           id: Ee,
           key: Ee,
           "data-testid": j.testId,
-          className: st ? `${A}__item-focused` : null,
+          className: s2 ? `${A}__item-focused` : null,
           role: "menuitem",
           tabIndex: -1,
           onClick: pe,
@@ -1812,27 +1816,27 @@ const Rt = 500, E1 = 700, xe = (d) => {
         qe
       );
     }
-  }, et = (j, ae) => {
+  }, e2 = (j, ae) => {
     const Q = [];
     let se = ae.shift(), ie = [];
     return j.map((fe, ge) => {
       fe !== se ? (ie.push(fe), ge + 1 === j.length && Q.push(ie)) : (Q.push(ie), ie = [], ie.push(fe), se = ae.shift());
     }), Q.filter((fe) => fe.length > 0);
-  }, tt = (j) => {
+  }, t2 = (j) => {
     D.current = [], X.current = [];
     const ae = j, Q = j.filter(
-      Ft || Ot
+      F2 || O2
     ), se = Q.length > 0;
     let ie = [`${A}__listbox`];
     if (b && ie.push(`${A}__listbox--navbar`), l === "end" && ie.push(`${A}__listbox--end`), n === "icon-only" && ie.push(`${A}__listbox--icon-only`), ie = z(ie), se) {
-      const fe = et(j, Q);
+      const fe = e2(j, Q);
       fe.forEach(() => {
-        V.current.push(ct());
+        V.current.push(c2());
       });
       let ge = V.current[0];
       const Ee = fe[0].findIndex(
-        (ze) => !Ot(ze) && !Ft(ze)
-      ), st = `${O}-group-${ge}-item-${Ee + 1}`;
+        (ze) => !O2(ze) && !F2(ze)
+      ), s2 = `${O}-group-${ge}-item-${Ee + 1}`;
       return /* @__PURE__ */ e.createElement(
         "div",
         {
@@ -1841,7 +1845,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
           role: "menu",
           tabIndex: -1,
           "aria-labelledby": O,
-          "aria-activedescendant": q !== "" ? q : st,
+          "aria-activedescendant": q !== "" ? q : s2,
           style: {
             visibility: J ? "visible" : "hidden",
             opacity: J ? "1" : "0",
@@ -1855,18 +1859,18 @@ const Rt = 500, E1 = 700, xe = (d) => {
         },
         fe.map((ze, Ke) => {
           ge = V.current[Ke];
-          const qe = ze[0].isHeading, Ue = qe ? `${O}-group-${ge}-heading` : "", K2 = `${O}-group-${ge}`, X2 = qe ? null : `${d} ${Ke + 1}`;
+          const qe = ze[0].isHeading, Ue = qe ? `${O}-group-${ge}-heading` : "", Kt = `${O}-group-${ge}`, Xt = qe ? null : `${d} ${Ke + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
               role: "group",
               "aria-labelledby": Ue,
-              "aria-label": X2,
-              key: K2
+              "aria-label": Xt,
+              key: Kt
             },
-            ze.map((Y2, Q2) => Me(
-              Y2,
-              Q2,
+            ze.map((Yt, Qt) => Me(
+              Yt,
+              Qt,
               ge,
               Ue
             ))
@@ -1900,7 +1904,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   };
   let We;
   if (n === "icon-end" && (We = /* @__PURE__ */ e.createElement(
-    ot,
+    o2,
     {
       id: O,
       isSplitButton: r,
@@ -1920,9 +1924,9 @@ const Rt = 500, E1 = 700, xe = (d) => {
       ref: f
     }
   )), n === "icon-only") {
-    const j = t2(i);
+    const j = tt(i);
     We = /* @__PURE__ */ e.createElement(
-      Vt,
+      V2,
       {
         id: O,
         ariaLabel: j,
@@ -1942,19 +1946,19 @@ const Rt = 500, E1 = 700, xe = (d) => {
       }
     );
   }
-  const ht = (j) => {
+  const h2 = (j) => {
     const ae = j.target;
     ae.classList.toggle(`${A}__toggle--expanded`), ae.setAttribute(
       "aria-expanded",
       ae.getAttribute("aria-expanded") === "true" ? "false" : "true"
     ), ae.nextElementSibling.classList.toggle(`${A}__mobile-menu--expanded`);
-  }, rt = () => /* @__PURE__ */ e.createElement("ul", { className: `${A}__mobile-menu`, role: "menu" }, c.map((j, ae) => Me(j, ae)));
-  let nt;
+  }, r2 = () => /* @__PURE__ */ e.createElement("ul", { className: `${A}__mobile-menu`, role: "menu" }, c.map((j, ae) => Me(j, ae)));
+  let n2;
   const be = n === "icon-end" ? "pds-button pds-button--navbar" : null, Le = z([
     `${A}__toggle`,
     be
   ]);
-  x && (nt = /* @__PURE__ */ e.createElement(
+  x && (n2 = /* @__PURE__ */ e.createElement(
     "button",
     {
       id: O,
@@ -1962,7 +1966,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       disabled: t,
       className: Le,
       "aria-expanded": !1,
-      onClick: ht
+      onClick: h2
     },
     n === "icon-only" ? /* @__PURE__ */ e.createElement("span", { className: `${A}__icon-label` }, /* @__PURE__ */ e.createElement(U, { iconName: s }), " ", i) : i,
     /* @__PURE__ */ e.createElement(
@@ -1974,7 +1978,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       }
     )
   ));
-  const ve = nt, Ne = J ? `${A}--expanded` : null;
+  const ve = n2, Ne = J ? `${A}--expanded` : null;
   return /* @__PURE__ */ e.createElement(
     "span",
     L({
@@ -1988,7 +1992,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       "data-testid": g,
       ref: K
     }, y),
-    x ? /* @__PURE__ */ e.createElement(e.Fragment, null, ve, /* @__PURE__ */ e.createElement(rt, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, We, tt(c))
+    x ? /* @__PURE__ */ e.createElement(e.Fragment, null, ve, /* @__PURE__ */ e.createElement(r2, null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, We, t2(c))
   );
 }, es = (g) => {
   var d = g, {
@@ -2051,7 +2055,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
             }
           ),
           /* @__PURE__ */ e.createElement("label", { htmlFor: f.id ? f.id : `${n}-option-${E}` }, f.tally ? /* @__PURE__ */ e.createElement(
-            zt,
+            z2,
             {
               label: f.tally.label,
               type: f.tally.type,
@@ -2089,7 +2093,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   const g = "pds-split-button", d = `${g}--${i}`, u = t[0], b = t.slice(1);
   let _ = null;
   return "isLink" in u && u.isLink === !0 ? _ = /* @__PURE__ */ e.createElement(
-    $t,
+    $2,
     {
       className: `${g}__primary-action`,
       size: r,
@@ -2099,7 +2103,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       linkContent: u.linkContent
     }
   ) : "label" in u && (_ = /* @__PURE__ */ e.createElement(
-    ot,
+    o2,
     {
       className: `${g}__primary-action`,
       label: u.label,
@@ -2116,7 +2120,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     }, l),
     _,
     /* @__PURE__ */ e.createElement(
-      P2,
+      Pt,
       {
         className: `${g}__menu-button`,
         label: a,
@@ -2168,7 +2172,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     }, t),
     s && !i && /* @__PURE__ */ e.createElement(U, { iconName: s, className: `${_}__icon` }),
     i && /* @__PURE__ */ e.createElement(
-      wt,
+      w2,
       {
         className: `${_}__spinner`,
         size: "sm",
@@ -2192,7 +2196,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     }, d),
     p ? /* @__PURE__ */ e.createElement(xe, { content: p, customTrigger: E }) : E
   );
-}, Bt = {
+}, B2 = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -2231,12 +2235,12 @@ const Rt = 500, E1 = 700, xe = (d) => {
     /* @__PURE__ */ e.createElement("div", { className: `${o}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon--${s}` }, /* @__PURE__ */ e.createElement(
       U,
       {
-        iconName: `${s}` in Bt ? Bt[s] : Bt.info,
+        iconName: `${s}` in B2 ? B2[s] : B2.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)))
   );
-}, At = (i) => {
+}, A2 = (i) => {
   var c = i, {
     background: t = "default",
     children: n,
@@ -2262,7 +2266,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     d && /* @__PURE__ */ e.createElement("div", { className: `${l}__image` }, d[0]),
     u && /* @__PURE__ */ e.createElement("div", { className: `${l}__main` }, u)
   );
-}, l2 = (c) => {
+}, lt = (c) => {
   var l = c, {
     fontSize: t = "XL",
     fontWeight: n = "bold",
@@ -2377,7 +2381,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   ]);
   const p = "pds-empty-state-card";
   return /* @__PURE__ */ e.createElement("div", L({ className: z([p, i != null ? i : ""]) }, c), /* @__PURE__ */ e.createElement("div", { className: `${p}__text` }, /* @__PURE__ */ e.createElement(
-    l2,
+    lt,
     {
       className: `${p}__heading`,
       fontSize: "XL",
@@ -2386,7 +2390,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       text: n
     }
   ), /* @__PURE__ */ e.createElement("p", { className: `${p}__summary` }, r)), /* @__PURE__ */ e.createElement(
-    $t,
+    $2,
     {
       displayType: s ? "icon-end" : "label-only",
       linkContent: a,
@@ -2408,8 +2412,8 @@ const Rt = 500, E1 = 700, xe = (d) => {
     "headingText",
     "className"
   ]);
-  const l = "pds-links-card", o = /* @__PURE__ */ e.createElement(At, null, /* @__PURE__ */ e.createElement("div", { slot: "main" }, s && /* @__PURE__ */ e.createElement(
-    l2,
+  const l = "pds-links-card", o = /* @__PURE__ */ e.createElement(A2, null, /* @__PURE__ */ e.createElement("div", { slot: "main" }, s && /* @__PURE__ */ e.createElement(
+    lt,
     {
       className: `${l}__heading`,
       fontSize: "XL",
@@ -2445,9 +2449,9 @@ const Rt = 500, E1 = 700, xe = (d) => {
         p = ["next", "wordpress"];
         break;
     }
-    l = /* @__PURE__ */ e.createElement("span", { className: `${i}__group` }, Zt[p[0]], Zt[p[1]]);
+    l = /* @__PURE__ */ e.createElement("span", { className: `${i}__group` }, Z2[p[0]], Z2[p[1]]);
   } else
-    l = Zt[t];
+    l = Z2[t];
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
@@ -2455,7 +2459,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     }, s),
     l
   );
-}, Zt = {
+}, Z2 = {
   drupal: /* @__PURE__ */ e.createElement(
     "svg",
     {
@@ -2693,7 +2697,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       }
     )
   )
-}, g2 = {
+}, gt = {
   "early-access": { label: "Early Access", color: "success" }
 }, cs = (g) => {
   var d = g, {
@@ -2717,7 +2721,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
     "supplementalLinks",
     "className"
   ]);
-  const u = "pds-new-site-card", b = c.type, _ = /* @__PURE__ */ e.createElement(At, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${u}__main` }, /* @__PURE__ */ e.createElement(
+  const u = "pds-new-site-card", b = c.type, _ = /* @__PURE__ */ e.createElement(A2, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${u}__main` }, /* @__PURE__ */ e.createElement(
     b,
     L({
       "aria-label": c.props.children,
@@ -2725,11 +2729,11 @@ const Rt = 500, E1 = 700, xe = (d) => {
     }, c.props),
     /* @__PURE__ */ e.createElement("div", { className: `${u}__header` }, n && /* @__PURE__ */ e.createElement("div", { className: `${u}__icon` }, /* @__PURE__ */ e.createElement(L1, { platformType: n })), /* @__PURE__ */ e.createElement("div", { className: `${u}__title` }, a, r && /* @__PURE__ */ e.createElement("div", { className: `${u}__subtitle` }, r))),
     t && /* @__PURE__ */ e.createElement(
-      bt,
+      b2,
       {
-        label: g2[t].label,
+        label: gt[t].label,
         size: "sm",
-        color: g2[t].color,
+        color: gt[t].color,
         className: `${u}__badge`
       }
     ),
@@ -3123,7 +3127,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
         b.key === "Enter" && (b.preventDefault(), l && l());
       }
     },
-    /* @__PURE__ */ e.createElement(At, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main" }, /* @__PURE__ */ e.createElement("div", { className: `${u}__top` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__icon` }, /* @__PURE__ */ e.createElement(M1, { paymentType: t })), /* @__PURE__ */ e.createElement("div", { className: `${u}__details` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__details-header` }, t, " — ", n), /* @__PURE__ */ e.createElement("div", { className: `${u}__details-name` }, s), /* @__PURE__ */ e.createElement("div", { className: `${u}__details-exp` }, a))), /* @__PURE__ */ e.createElement("div", { className: `${u}__bottom` }, /* @__PURE__ */ e.createElement("div", null, r), /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(A2, { padding: "narrow" }, /* @__PURE__ */ e.createElement("div", { slot: "main" }, /* @__PURE__ */ e.createElement("div", { className: `${u}__top` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__icon` }, /* @__PURE__ */ e.createElement(M1, { paymentType: t })), /* @__PURE__ */ e.createElement("div", { className: `${u}__details` }, /* @__PURE__ */ e.createElement("div", { className: `${u}__details-header` }, t, " — ", n), /* @__PURE__ */ e.createElement("div", { className: `${u}__details-name` }, s), /* @__PURE__ */ e.createElement("div", { className: `${u}__details-exp` }, a))), /* @__PURE__ */ e.createElement("div", { className: `${u}__bottom` }, /* @__PURE__ */ e.createElement("div", null, r), /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
@@ -3140,7 +3144,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   included: "circleCheck",
   notIncluded: "xmark",
   addon: "circlePlusOutline"
-}, C2 = (l) => {
+}, Ct = (l) => {
   var o = l, {
     listItems: t,
     listLabel: n,
@@ -3227,18 +3231,18 @@ const Rt = 500, E1 = 700, xe = (d) => {
     "value",
     "className"
   ]);
-  var rt, nt;
+  var r2, n2;
   const E = Je(a), $ = "pds-select", M = n ? ne.disabled : null, k = d && !n ? ne.required : null, w = y === "error" ? ne.error : null, H = y === "success" ? ne.success : null;
   let N = null;
   y === "error" && (N = "error"), y === "success" && (N = "success");
-  const x = _ || c, A = typeof C != "undefined", R = typeof t != "undefined", O = ((be) => be.reduce((Le, ve) => h2(ve) ? [...Le, ...ve.options] : [...Le, ve], []))(g), P = (be) => O.findIndex((Le) => Le.value === be), G = A && P(C) >= 0 ? P(C) : null, K = R ? P(t) : null, J = G || K, [te, Z] = Y(!1), [B, q] = Y(null), [T, I] = Y(
+  const x = _ || c, A = typeof C != "undefined", R = typeof t != "undefined", O = ((be) => be.reduce((Le, ve) => ht(ve) ? [...Le, ...ve.options] : [...Le, ve], []))(g), P = (be) => O.findIndex((Le) => Le.value === be), G = A && P(C) >= 0 ? P(C) : null, K = R ? P(t) : null, J = G || K, [te, Z] = Y(!1), [B, q] = Y(null), [T, I] = Y(
     J != null ? J : null
-  ), S = T !== null ? (rt = O[T]) == null ? void 0 : rt.label : void 0, V = T !== null ? (nt = O[T]) == null ? void 0 : nt.value : void 0, D = ce([]), { context: X, refs: ee, floatingStyles: ue } = Ae({
+  ), S = T !== null ? (r2 = O[T]) == null ? void 0 : r2.label : void 0, V = T !== null ? (n2 = O[T]) == null ? void 0 : n2.value : void 0, D = ce([]), { context: X, refs: ee, floatingStyles: ue } = Ae({
     open: te,
     onOpenChange: Z,
     whileElementsMounted: Pe,
     middleware: [
-      dt(({ placement: be }) => be.startsWith("top") ? 16 : 0),
+      d2(({ placement: be }) => be.startsWith("top") ? 16 : 0),
       c1({
         apply({ availableHeight: be, elements: Le }) {
           Object.assign(Le.floating.style, {
@@ -3247,12 +3251,12 @@ const Rt = 500, E1 = 700, xe = (d) => {
           });
         }
       }),
-      mt()
+      m2()
     ]
   }), de = Xe(X, {
     enabled: !n,
     event: "mousedown"
-  }), Ce = Te(X), _e = De(X, { role: "listbox" }), oe = ut(X, {
+  }), Ce = Te(X), _e = De(X, { role: "listbox" }), oe = u2(X, {
     listRef: D,
     activeIndex: B,
     selectedIndex: T,
@@ -3284,20 +3288,20 @@ const Rt = 500, E1 = 700, xe = (d) => {
       I(be), Z(!1);
     }
   }, [C]);
-  const et = () => {
+  const e2 = () => {
     l && l(V);
-  }, tt = () => {
+  }, t2 = () => {
     o && o(V);
   }, We = () => {
     ee.reference.current.focus();
-  }, ht = (be) => {
+  }, h2 = (be) => {
     let Le = 0;
     return be.map((ve) => {
-      if (h2(ve)) {
+      if (ht(ve)) {
         const j = ve.options.map((ae) => {
           const Q = Le++;
           return /* @__PURE__ */ e.createElement(
-            xt,
+            x2,
             L({
               key: Q,
               ref: (se) => {
@@ -3328,7 +3332,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       }
       const Ne = Le++;
       return /* @__PURE__ */ e.createElement(
-        xt,
+        x2,
         L({
           key: Ne,
           ref: (j) => {
@@ -3386,10 +3390,10 @@ const Rt = 500, E1 = 700, xe = (d) => {
         "aria-autocomplete": "none"
       }, he({
         onClick: We,
-        onBlur: et,
-        onFocus: tt
+        onBlur: e2,
+        onFocus: t2
       })),
-      N && /* @__PURE__ */ e.createElement(pt, { variant: N }),
+      N && /* @__PURE__ */ e.createElement(p2, { variant: N }),
       /* @__PURE__ */ e.createElement("span", { className: `${$}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${$}__option-text` }, S != null ? S : i.selectOptionText), /* @__PURE__ */ e.createElement(U, { iconName: "angleDown", className: `${$}__trigger-icon` }))
     ),
     we && /* @__PURE__ */ e.createElement(
@@ -3401,7 +3405,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
           zIndex: "var(--pds-z-index-dropdown)"
         })
       }, pe()),
-      /* @__PURE__ */ e.createElement("div", { style: L({}, Ve) }, /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${$}__options` }, ht(g)))
+      /* @__PURE__ */ e.createElement("div", { style: L({}, Ve) }, /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${$}__options` }, h2(g)))
     ),
     x && /* @__PURE__ */ e.createElement(
       Be,
@@ -3450,7 +3454,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   );
   let k = null, w = null;
   m || (k = /* @__PURE__ */ e.createElement("div", { className: `${_}__pricing-data` }, c[0].pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${_}__price-prefix` }, c[0].pricePrefix), /* @__PURE__ */ e.createElement("div", { className: `${_}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__price` }, c[0].price), c[0].priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__details` }, c[0].priceDetails)), /* @__PURE__ */ e.createElement("div", { className: `${_}__savings-line` }, c[0].savingsBadgeLabel && /* @__PURE__ */ e.createElement(
-    bt,
+    b2,
     {
       className: `${_}__savings-badge`,
       color: "neutral",
@@ -3458,7 +3462,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       label: c[0].savingsBadgeLabel
     }
   ), c[0].savingsDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__savings-details` }, c[0].savingsDetails))), w = /* @__PURE__ */ e.createElement(
-    C2,
+    Ct,
     {
       className: `${_}__list`,
       listLabel: c[0].listLabel,
@@ -3480,7 +3484,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       R.pricePrefix && /* @__PURE__ */ e.createElement("span", { className: `${_}__price-prefix` }, R.pricePrefix),
       /* @__PURE__ */ e.createElement("div", { className: `${_}__price-line` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__price` }, R.price), R.priceDetails && /* @__PURE__ */ e.createElement("span", { className: `${_}__details` }, R.priceDetails)),
       /* @__PURE__ */ e.createElement("div", { className: `${_}__savings-line` }, R.savingsBadgeLabel && /* @__PURE__ */ e.createElement(
-        bt,
+        b2,
         {
           className: `${_}__savings-badge`,
           color: "neutral",
@@ -3492,7 +3496,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   }), w = c.map((R) => {
     const O = f === h(R.label) ? null : `${_}__list--hide`;
     return /* @__PURE__ */ e.createElement(
-      C2,
+      Ct,
       {
         className: z([`${_}__list`, O]),
         listLabel: R.listLabel,
@@ -3528,7 +3532,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
   ));
   let x = null;
   t && (t.type === "button" && (x = /* @__PURE__ */ e.createElement(
-    ot,
+    o2,
     {
       variant: t.variant,
       label: $,
@@ -3536,7 +3540,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       disabled: t.disabled
     }
   )), t.type === "link" && (x = /* @__PURE__ */ e.createElement(
-    $t,
+    $2,
     {
       variant: t.variant,
       linkContent: /* @__PURE__ */ e.createElement("a", { href: t.linkUrl, target: t.linkTarget }, t.label)
@@ -3544,14 +3548,14 @@ const Rt = 500, E1 = 700, xe = (d) => {
   )));
   let A = null;
   return n && (n.type === "button" && (A = /* @__PURE__ */ e.createElement(
-    ot,
+    o2,
     {
       variant: "secondary",
       label: n.label,
       onClick: n.buttonAction
     }
   )), n.type === "link" && (A = /* @__PURE__ */ e.createElement(
-    $t,
+    $2,
     {
       variant: "secondary",
       linkContent: /* @__PURE__ */ e.createElement(
@@ -3569,7 +3573,7 @@ const Rt = 500, E1 = 700, xe = (d) => {
       className: z([y, C, g])
     }, d),
     /* @__PURE__ */ e.createElement("div", { className: z([_, v]) }, p && /* @__PURE__ */ e.createElement(
-      e2,
+      et,
       {
         className: `${_}__status-badge`,
         label: l[p],
@@ -3602,14 +3606,14 @@ const Rt = 500, E1 = 700, xe = (d) => {
   let u, b;
   c === "active" && (u = "Active", b = "success"), c === "frozen" && (u = "Frozen", b = "frozen");
   const _ = /* @__PURE__ */ e.createElement(
-    e2,
+    et,
     {
       label: u,
       statusType: b,
       hasStatusIndicator: !0
     }
-  ), y = /* @__PURE__ */ e.createElement(At, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: s, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${d}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__header` }, /* @__PURE__ */ e.createElement(
-    l2,
+  ), y = /* @__PURE__ */ e.createElement(A2, null, /* @__PURE__ */ e.createElement("img", { slot: "image", src: s, alt: "" }), /* @__PURE__ */ e.createElement("div", { slot: "main", className: `${d}__main` }, /* @__PURE__ */ e.createElement("div", { className: `${d}__header` }, /* @__PURE__ */ e.createElement(
+    lt,
     {
       fontSize: "L",
       fontWeight: "semibold",
@@ -3623,11 +3627,11 @@ const Rt = 500, E1 = 700, xe = (d) => {
   })) : null;
   return /* @__PURE__ */ e.createElement("div", L({ className: z([d, l != null ? l : ""]) }, o), C);
 };
-var _2 = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
+var _t = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
 function x1(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var B2 = { exports: {} };
+var Bt = { exports: {} };
 (function(t) {
   var n = typeof window != "undefined" ? window : typeof WorkerGlobalScope != "undefined" && self instanceof WorkerGlobalScope ? self : {};
   /**
@@ -4326,9 +4330,9 @@ var B2 = { exports: {} };
     }
     return l;
   }(n);
-  t.exports && (t.exports = s), typeof _2 != "undefined" && (_2.Prism = s);
-})(B2);
-var V1 = B2.exports;
+  t.exports && (t.exports = s), typeof _t != "undefined" && (_t.Prism = s);
+})(Bt);
+var V1 = Bt.exports;
 const S1 = /* @__PURE__ */ x1(V1), I1 = {
   plain: {
     color: "var(--pds-color-code-block-dark-foreground)",
@@ -4494,12 +4498,12 @@ const S1 = /* @__PURE__ */ x1(V1), I1 = {
       }
     }
   ]
-}, T1 = 0.125, D1 = 0.25, R1 = 0.328, O1 = 0.41, Nt = 0.512, F1 = 0.64, Ze = 0.8, P1 = 1, B1 = 1.25, Z1 = 1.563, G1 = 1.953, W1 = 2.441, q1 = 3.052, Z2 = 3.815, G2 = 4.678, W2 = 5.96, U1 = 7.451, E2 = {
+}, T1 = 0.125, D1 = 0.25, R1 = 0.328, O1 = 0.41, N2 = 0.512, F1 = 0.64, Ze = 0.8, P1 = 1, B1 = 1.25, Z1 = 1.563, G1 = 1.953, W1 = 2.441, q1 = 3.052, Zt = 3.815, Gt = 4.678, Wt = 5.96, U1 = 7.451, Et = {
   SPACING_6XS: T1,
   SPACING_5XS: D1,
   SPACING_4XS: R1,
   SPACING_3XS: O1,
-  SPACING_2XS: Nt,
+  SPACING_2XS: N2,
   SPACING_XS: F1,
   SPACING_S: Ze,
   SPACING_M: P1,
@@ -4508,11 +4512,11 @@ const S1 = /* @__PURE__ */ x1(V1), I1 = {
   SPACING_2XL: G1,
   SPACING_3XL: W1,
   SPACING_4XL: q1,
-  SPACING_5XL: Z2,
-  SPACING_6XL: G2,
-  SPACING_7XL: W2,
+  SPACING_5XL: Zt,
+  SPACING_6XL: Gt,
+  SPACING_7XL: Wt,
   SPACING_8XL: U1
-}, j1 = 0.64, K1 = 0.8, X1 = 1, Y1 = 1.25, Q1 = 1.563, J1 = 1.953, en = 2.441, tn = 3.052, nn = 3.815, sn = 4.678, ln = 5.96, an = 7.451, cn = 6.192, v2 = {
+}, j1 = 0.64, K1 = 0.8, X1 = 1, Y1 = 1.25, Q1 = 1.563, J1 = 1.953, en = 2.441, tn = 3.052, nn = 3.815, sn = 4.678, ln = 5.96, an = 7.451, cn = 6.192, vt = {
   TYPE_SCALE_XS: j1,
   TYPE_SCALE_S: K1,
   TYPE_SCALE_M: X1,
@@ -4546,7 +4550,7 @@ const S1 = /* @__PURE__ */ x1(V1), I1 = {
     "textSize",
     "className"
   ]);
-  const d = "pds-skeleton", u = `${d}--${s}`, b = n ? `pds-pulse pds-pulse--${t}` : `${d}--${t}`, _ = ["text-block", "code-block", "code-block-prefix"], y = a != null && a.height ? typeof a.height == "number" ? `${a.height}rem` : `${E2[`SPACING_${a.height.toUpperCase()}`]}rem` : "1rem", C = a != null && a.width ? typeof a.width == "number" ? `${a.width}rem` : `${E2[`SPACING_${a.width.toUpperCase()}`]}rem` : "100%";
+  const d = "pds-skeleton", u = `${d}--${s}`, b = n ? `pds-pulse pds-pulse--${t}` : `${d}--${t}`, _ = ["text-block", "code-block", "code-block-prefix"], y = a != null && a.height ? typeof a.height == "number" ? `${a.height}rem` : `${Et[`SPACING_${a.height.toUpperCase()}`]}rem` : "1rem", C = a != null && a.width ? typeof a.width == "number" ? `${a.width}rem` : `${Et[`SPACING_${a.width.toUpperCase()}`]}rem` : "100%";
   let v = {
     height: y,
     width: C
@@ -4566,8 +4570,8 @@ const S1 = /* @__PURE__ */ x1(V1), I1 = {
       style: v
     }, o)
   ), E = Math.max(1, Math.min(i, s === "code-block" || s === "code-block-prefix" ? 15 : 5));
-  let $ = `${v2[`TYPE_SCALE_${c.toUpperCase()}`] * 0.75}rem`;
-  (s === "code-block" || s === "code-block-prefix") && ($ = `${v2[`TYPE_SCALE_${c.toUpperCase()}`] * 1.25}rem`);
+  let $ = `${vt[`TYPE_SCALE_${c.toUpperCase()}`] * 0.75}rem`;
+  (s === "code-block" || s === "code-block-prefix") && ($ = `${vt[`TYPE_SCALE_${c.toUpperCase()}`] * 1.25}rem`);
   const M = `calc(var(--pds-typography-size-${c}) * 0.75)`, k = (x) => {
     if (s === "text-block") {
       if (r || x === 0)
@@ -4978,7 +4982,7 @@ const ds = (C) => {
           dangerouslySetInnerHTML: { __html: t }
         }
       )), a && /* @__PURE__ */ e.createElement("div", { className: `${h}__copy` }, /* @__PURE__ */ e.createElement(
-        f2,
+        ft,
         {
           ariaLabel: s,
           clipboardText: O,
@@ -4987,7 +4991,7 @@ const ds = (C) => {
       )))
     );
   }
-  const A = /* @__PURE__ */ e.createElement(ft.LineContent, null, /* @__PURE__ */ e.createElement(ft.Token, null)), R = /* @__PURE__ */ e.createElement("div", { className: `${h}__line ${f}` }, /* @__PURE__ */ e.createElement(ft.LineNumber, { className: `${h}__number` }), A), W = /* @__PURE__ */ e.createElement("div", { className: `${h}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__prompt` }, d), A);
+  const A = /* @__PURE__ */ e.createElement(f2.LineContent, null, /* @__PURE__ */ e.createElement(f2.Token, null)), R = /* @__PURE__ */ e.createElement("div", { className: `${h}__line ${f}` }, /* @__PURE__ */ e.createElement(f2.LineNumber, { className: `${h}__number` }), A), W = /* @__PURE__ */ e.createElement("div", { className: `${h}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${h}__prompt` }, d), A);
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
@@ -4995,16 +4999,16 @@ const ds = (C) => {
       style: E
     }, y),
     l ? w : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-      ft,
+      f2,
       {
         code: t,
         language: o || "",
         theme: M,
         prism: k.includes(o) ? S1 : void 0
       },
-      /* @__PURE__ */ e.createElement(ft.Code, { className: `${h}__code`, tabIndex: 0 }, r || i ? r ? R : W : A)
+      /* @__PURE__ */ e.createElement(f2.Code, { className: `${h}__code`, tabIndex: 0 }, r || i ? r ? R : W : A)
     ), a && /* @__PURE__ */ e.createElement("div", { className: `${h}__copy` }, /* @__PURE__ */ e.createElement(
-      f2,
+      ft,
       {
         ariaLabel: s,
         clipboardText: t,
@@ -5476,7 +5480,7 @@ const ds = (C) => {
       K ? n : !1
     ), Z = t || J, B = (V) => {
       G || te(V.target.checked), u && u(V);
-    }, q = `${H}__box`, T = r ? null : Z ? `${q}--checked` : null, I = r ? `${q}--indeterminate` : null, S = Kt(() => {
+    }, q = `${H}__box`, T = r ? null : Z ? `${q}--checked` : null, I = r ? `${q}--indeterminate` : null, S = K2(() => {
       if (r)
         return /* @__PURE__ */ e.createElement(
           U,
@@ -5549,7 +5553,7 @@ const ds = (C) => {
         },
         l,
         " ",
-        _ && !s && /* @__PURE__ */ e.createElement(T2, null)
+        _ && !s && /* @__PURE__ */ e.createElement(Tt, null)
       ))),
       P && /* @__PURE__ */ e.createElement(
         Be,
@@ -5812,14 +5816,14 @@ const ds = (C) => {
       open: S,
       onOpenChange: V,
       whileElementsMounted: Pe
-    }), me = De(he, { role: "listbox" }), we = Te(he), Ve = ut(he, {
+    }), me = De(he, { role: "listbox" }), we = Te(he), Ve = u2(he, {
       listRef: oe,
       activeIndex: D,
       onNavigate: X,
       virtual: !0,
       loop: !0,
       allowEscape: !0
-    }), { getReferenceProps: Me, getFloatingProps: et, getItemProps: tt } = Re([me, we, Ve]), { isMounted: We, styles: ht } = Ye(he, {
+    }), { getReferenceProps: Me, getFloatingProps: e2, getItemProps: t2 } = Re([me, we, Ve]), { isMounted: We, styles: h2 } = Ye(he, {
       duration: {
         open: 300,
         close: 150
@@ -5833,9 +5837,9 @@ const ds = (C) => {
       close: {
         opacity: 0
       }
-    }), rt = () => {
+    }), r2 = () => {
       V(!S);
-    }, nt = () => {
+    }, n2 = () => {
       var Q;
       !q && ue(""), X(null), V(!0), (Q = pe.domReference.current) == null || Q.focus(), C && C();
     }, be = (Q) => {
@@ -5849,8 +5853,8 @@ const ds = (C) => {
       const se = de[Q];
       !q && ue(se.label), X(null), V(!1), h && h(se);
     }, j = (Q) => Q.map((ie) => {
-      const Ue = ie, { label: fe, optionDisplay: ge, value: Ee, searchIndex: st } = Ue, ze = F(Ue, ["label", "optionDisplay", "value", "searchIndex"]), Ke = Ee || fe, qe = [fe, Ee];
-      return st && qe.push(...st), L({
+      const Ue = ie, { label: fe, optionDisplay: ge, value: Ee, searchIndex: s2 } = Ue, ze = F(Ue, ["label", "optionDisplay", "value", "searchIndex"]), Ke = Ee || fe, qe = [fe, Ee];
+      return s2 && qe.push(...s2), L({
         label: fe,
         value: Ke,
         searchIndex: qe,
@@ -5872,10 +5876,10 @@ const ds = (C) => {
     const ae = de.map((Q, se) => {
       const { label: ie, value: fe, optionDisplay: ge } = Q;
       return /* @__PURE__ */ e.createElement(
-        xt,
+        x2,
         re(L({
           key: Q
-        }, tt({
+        }, t2({
           key: fe,
           ref(Ee) {
             oe.current[se] = Ee;
@@ -5927,7 +5931,7 @@ const ds = (C) => {
           "aria-invalid": H === "error" ? !0 : null,
           "aria-describedby": B ? `${c}__message` : null
         },
-        Z && /* @__PURE__ */ e.createElement(pt, { variant: Z }),
+        Z && /* @__PURE__ */ e.createElement(p2, { variant: Z }),
         /* @__PURE__ */ e.createElement(
           "input",
           L({
@@ -5950,15 +5954,15 @@ const ds = (C) => {
           }))
         ),
         _e && s && /* @__PURE__ */ e.createElement(
-          n2,
+          nt,
           {
             id: `input-${c}`,
             clearLabel: g.clearButton,
-            handleClearInput: nt
+            handleClearInput: n2
           }
         ),
         i && !_e && /* @__PURE__ */ e.createElement(
-          D2,
+          Dt,
           {
             inputId: `input-${c}`,
             shortcutLabel: g.searchShortcut
@@ -5969,7 +5973,7 @@ const ds = (C) => {
           re(L({
             ref: pe.setReference
           }, Me({
-            onClick: rt,
+            onClick: r2,
             disabled: n,
             type: "button",
             "aria-expanded": S,
@@ -5991,12 +5995,12 @@ const ds = (C) => {
         L({
           ref: pe.setFloating,
           className: `${P}__dropdown`
-        }, et({
+        }, e2({
           style: {
             zIndex: "var(--pds-z-index-dropdown)"
           }
         })),
-        /* @__PURE__ */ e.createElement("div", { style: L({}, ht) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${P}__loading` }, d) : de.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${P}__options` }, ae) : /* @__PURE__ */ e.createElement("div", { className: `${P}__no-results` }, b))
+        /* @__PURE__ */ e.createElement("div", { style: L({}, h2) }, o ? /* @__PURE__ */ e.createElement("div", { className: `${P}__loading` }, d) : de.length > 0 ? /* @__PURE__ */ e.createElement("ul", { role: "group", className: `${P}__options` }, ae) : /* @__PURE__ */ e.createElement("div", { className: `${P}__no-results` }, b))
       ),
       B && /* @__PURE__ */ e.createElement(
         Be,
@@ -6058,20 +6062,20 @@ const ds = (C) => {
   ]);
   const h = Je(a), m = "pds-combobox-multi", f = t ? ne.disabled : null, E = u && !t ? ne.required : null, [$, M] = Y(""), [k, w] = Y(s), [H, N] = Y(
     null
-  ), x = x2(
+  ), x = xt(
     () => hn(g, k, $),
     [g, k, $]
   ), A = (V) => {
     w(V), p == null || p(V);
-  }, { getSelectedItemProps: R, getDropdownProps: W, removeSelectedItem: O } = gt({
+  }, { getSelectedItemProps: R, getDropdownProps: W, removeSelectedItem: O } = g2({
     selectedItems: k,
     onStateChange: ({ selectedItems: V, type: D }) => {
       if (!t)
         switch (D) {
-          case gt.stateChangeTypes.SelectedItemKeyDownBackspace:
-          case gt.stateChangeTypes.SelectedItemKeyDownDelete:
-          case gt.stateChangeTypes.DropdownKeyDownBackspace:
-          case gt.stateChangeTypes.FunctionRemoveSelectedItem:
+          case g2.stateChangeTypes.SelectedItemKeyDownBackspace:
+          case g2.stateChangeTypes.SelectedItemKeyDownDelete:
+          case g2.stateChangeTypes.DropdownKeyDownBackspace:
+          case g2.stateChangeTypes.FunctionRemoveSelectedItem:
             A(V || []);
             break;
         }
@@ -6084,7 +6088,7 @@ const ds = (C) => {
     getMenuProps: te,
     getInputProps: Z,
     getItemProps: B
-  } = lt({
+  } = l2({
     items: x,
     itemToString: (V) => V ? V.label : "",
     selectedItem: null,
@@ -6093,8 +6097,8 @@ const ds = (C) => {
     stateReducer: (V, { changes: D, type: X }) => {
       if (t) return V;
       switch (X) {
-        case lt.stateChangeTypes.InputKeyDownEnter:
-        case lt.stateChangeTypes.ItemClick:
+        case l2.stateChangeTypes.InputKeyDownEnter:
+        case l2.stateChangeTypes.ItemClick:
           return re(L({}, D), {
             isOpen: !0
           });
@@ -6109,14 +6113,14 @@ const ds = (C) => {
     }) => {
       if (!t)
         switch (D) {
-          case lt.stateChangeTypes.InputKeyDownEnter:
-          case lt.stateChangeTypes.ItemClick:
-          case lt.stateChangeTypes.InputBlur:
+          case l2.stateChangeTypes.InputKeyDownEnter:
+          case l2.stateChangeTypes.ItemClick:
+          case l2.stateChangeTypes.InputBlur:
             X && (X.isAlreadySelected ? A(
               k.filter((ee) => ee.id !== X.id)
             ) : A([...k, X]), M(""), N(null));
             break;
-          case lt.stateChangeTypes.InputChange:
+          case l2.stateChangeTypes.InputChange:
             M(V || ""), N(null);
             break;
         }
@@ -6214,7 +6218,7 @@ const ds = (C) => {
       L({
         className: `${m}__dropdown ${P ? "" : "visually-hidden"}`
       }, W()),
-      /* @__PURE__ */ e.createElement("div", { className: `${m}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(pt, { variant: "search" }), /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: `${m}__dropdown-input-wrapper` }, /* @__PURE__ */ e.createElement(p2, { variant: "search" }), /* @__PURE__ */ e.createElement(
         "input",
         re(L({
           placeholder: d,
@@ -6227,7 +6231,7 @@ const ds = (C) => {
         })
       )),
       r ? /* @__PURE__ */ e.createElement("div", { className: `${m}__loading` }, l) : x.length > 0 ? /* @__PURE__ */ e.createElement("ul", L({ className: `${m}__dropdown-list` }, te()), x.map((V, D) => /* @__PURE__ */ e.createElement(
-        xt,
+        x2,
         L({
           className: `${m}__dropdown-item 
                   ${G === D ? `${m}__dropdown-item--highlighted` : ""} 
@@ -6292,7 +6296,7 @@ const ds = (C) => {
       "className"
     ]);
     const [M, k] = Y(!1), [w, H] = Y(
-      !!(Ht && n)
+      !!(H2 && n)
     ), N = Je(c), x = "pds-file-upload", A = s ? ne.disabled : null, R = u && !s ? ne.required : null, W = v === "error" ? ne.error : null, O = v === "success" ? ne.success : null, P = w ? `${x}--safari-default` : null;
     let G = null;
     v === "error" && (G = "error"), v === "success" && (G = "success");
@@ -6303,7 +6307,7 @@ const ds = (C) => {
         const V = document.getElementById(
           `${r}--input`
         );
-        V.files = S.files, Ht && (V.dataset.file = `${Z}`), k(!0);
+        V.files = S.files, H2 && (V.dataset.file = `${Z}`), k(!0);
       }
     }, [n, b]);
     const q = () => {
@@ -6318,12 +6322,12 @@ const ds = (C) => {
         n ? q() : k(!1);
         return;
       }
-      Ht && n && (n === S.target.value ? H(!0) : H(!1)), d && d(S.target.files), k(!0);
+      H2 && n && (n === S.target.value ? H(!0) : H(!1)), d && d(S.target.files), k(!0);
     }, I = () => {
       const S = document.getElementById(
         `${r}--input`
       );
-      S.value = "", Ht && H(!1), g && g(), k(!1), S.focus();
+      S.value = "", H2 && H(!1), g && g(), k(!1), S.focus();
     };
     return /* @__PURE__ */ e.createElement(
       "div",
@@ -6352,7 +6356,7 @@ const ds = (C) => {
           disabled: s
         }
       ),
-      /* @__PURE__ */ e.createElement("span", { className: `${x}__input-wrapper`, id: r }, G && /* @__PURE__ */ e.createElement(pt, { variant: G }), /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("span", { className: `${x}__input-wrapper`, id: r }, G && /* @__PURE__ */ e.createElement(p2, { variant: G }), /* @__PURE__ */ e.createElement(
         "label",
         {
           htmlFor: `${r}--input`,
@@ -6376,7 +6380,7 @@ const ds = (C) => {
           "aria-describedby": K ? `${r}__message` : null
         }, i)
       ), M && /* @__PURE__ */ e.createElement(
-        n2,
+        nt,
         {
           id: r,
           clearLabel: l.clearButton,
@@ -6527,7 +6531,7 @@ const ds = (C) => {
       }
     )
   );
-}, fn = ({ toggleStatusLabel: t, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(s2, { label: t }), /* @__PURE__ */ e.createElement(
+}, fn = ({ toggleStatusLabel: t, id: n }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(st, { label: t }), /* @__PURE__ */ e.createElement(
   "label",
   {
     htmlFor: n,
@@ -6535,7 +6539,7 @@ const ds = (C) => {
     "aria-hidden": "true"
   },
   t
-)), gn = ({ toggleStatusLabel: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(s2, { label: t }), /* @__PURE__ */ e.createElement(
+)), gn = ({ toggleStatusLabel: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(st, { label: t }), /* @__PURE__ */ e.createElement(
   "span",
   {
     className: "pds-switch__input-decor",
@@ -6747,7 +6751,7 @@ const ds = (C) => {
           className: `${x}__inputlabel`
         }
       ), t && /* @__PURE__ */ e.createElement(
-        R2,
+        Rt,
         {
           id: a,
           currentLength: q.length,
@@ -6787,7 +6791,7 @@ const ds = (C) => {
       )
     );
   }
-), Cn = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), q2 = je(
+), Cn = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), qt = je(
   (W, R) => {
     var O = W, {
       autoComplete: t,
@@ -6864,7 +6868,7 @@ const ds = (C) => {
       V ? s : ""
     ), ee = N || D, ue = (me) => {
       if (E && _e && oe(!1), c && k === "url") {
-        const we = p2(me.target.value), Ve = re(L({}, me), {
+        const we = pt(me.target.value), Ve = re(L({}, me), {
           target: re(L({}, me.target), {
             value: we
           })
@@ -6873,7 +6877,7 @@ const ds = (C) => {
       } else u && u(me);
     }, de = (me) => {
       if (c && k === "url") {
-        const we = p2(me.target.value), Ve = re(L({}, me), {
+        const we = pt(me.target.value), Ve = re(L({}, me), {
           target: re(L({}, me.target), {
             value: we
           })
@@ -6924,7 +6928,7 @@ const ds = (C) => {
         {
           className: `${G}__input-wrapper ${c && k === "url" ? `${G}__input-wrapper--has-prefix` : ""}`
         },
-        T && /* @__PURE__ */ e.createElement(pt, { variant: T }),
+        T && /* @__PURE__ */ e.createElement(p2, { variant: T }),
         c && k === "url" && /* @__PURE__ */ e.createElement(Cn, null),
         /* @__PURE__ */ e.createElement(
           "input",
@@ -6948,7 +6952,7 @@ const ds = (C) => {
           }, o)
         ),
         r && ee && /* @__PURE__ */ e.createElement(
-          n2,
+          nt,
           {
             id: l,
             clearLabel: M.clearButton,
@@ -6968,14 +6972,14 @@ const ds = (C) => {
           /* @__PURE__ */ e.createElement(U, { iconName: _e ? "eyeSlash" : "eye", iconSize: "md" })
         ),
         i && k === "search" && !ee && /* @__PURE__ */ e.createElement(
-          D2,
+          Dt,
           {
             inputId: l,
             shortcutLabel: M.searchShortcut
           }
         ),
         n && k !== "password" && /* @__PURE__ */ e.createElement(
-          R2,
+          Rt,
           {
             id: l,
             currentLength: ee.length,
@@ -7101,7 +7105,7 @@ const ds = (C) => {
         position: "fixed"
       })
     },
-    /* @__PURE__ */ e.createElement(I2, { context: E }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(It, { context: E }, /* @__PURE__ */ e.createElement(
       "div",
       L(re(L({
         ref: f.setFloating,
@@ -7119,7 +7123,7 @@ const ds = (C) => {
         })
       }), p),
       a && /* @__PURE__ */ e.createElement("div", { className: `${y}__close-wrapper` }, /* @__PURE__ */ e.createElement(
-        O2,
+        Ot,
         {
           ariaLabel: s,
           onClick: () => m(!1),
@@ -7166,8 +7170,8 @@ const ds = (C) => {
     }, a),
     /* @__PURE__ */ e.createElement("ol", { className: `${c}__crumbs` }, o)
   );
-}, U2 = (t) => typeof t.linkContent != "string" ? !!(t.isActive || t.linkContent.props.className && t.linkContent.props.className.includes("pds-isActive")) : !1, He = (t) => {
-  if (U2(t))
+}, Ut = (t) => typeof t.linkContent != "string" ? !!(t.isActive || t.linkContent.props.className && t.linkContent.props.className.includes("pds-isActive")) : !1, He = (t) => {
+  if (Ut(t))
     return !0;
   if (t.links) {
     for (let n = 0; n < t.links.length; n++)
@@ -7175,14 +7179,14 @@ const ds = (C) => {
         return !0;
   }
   return !1;
-}, a2 = (t) => {
+}, at = (t) => {
   if (!t)
     return null;
   for (let n = 0; n < t.length; n++) {
-    if (U2(t[n]))
+    if (Ut(t[n]))
       return typeof t[n].linkContent == "string" ? null : t[n].linkContent;
     if (t[n].links) {
-      const s = a2(t[n].links);
+      const s = at(t[n].links);
       if (s)
         return s;
     }
@@ -7191,7 +7195,7 @@ const ds = (C) => {
 }, Se = (t) => {
   let n = t;
   return typeof t == "object" && (n = t.props.children), n;
-}, St = (t, n) => {
+}, S2 = (t, n) => {
   let s = null;
   if (typeof t == "string" && n) {
     const a = n ? n[0].linkContent : null;
@@ -7199,7 +7203,7 @@ const ds = (C) => {
   } else
     s = t;
   return s;
-}, it = (t, n, s, a) => {
+}, i2 = (t, n, s, a) => {
   let r = null;
   if (typeof n == "string") {
     const i = a ? [
@@ -7292,6 +7296,7 @@ const ds = (C) => {
   const C = y.length > 0 ? /* @__PURE__ */ e.createElement(
     w1,
     {
+      id: "mobile-nav-split-button",
       actionItems: y,
       variant: "secondary",
       size: s
@@ -7329,7 +7334,7 @@ const ds = (C) => {
     }, a),
     n
   );
-}, Tt = z2(null), Vs = (u) => {
+}, T2 = zt(null), Vs = (u) => {
   var b = u, {
     children: t,
     hasSidebarToggle: n = !0,
@@ -7356,7 +7361,7 @@ const ds = (C) => {
     "setIsSidebarExpanded",
     "className"
   ]);
-  const { isMobile: _, windowWidth: y } = $e(ye), [C, v] = Y(() => o !== void 0 ? o : y > 1440), h = ce(), [m] = It(h), f = m.width;
+  const { isMobile: _, windowWidth: y } = $e(ye), [C, v] = Y(() => o !== void 0 ? o : y > 1440), h = ce(), [m] = I2(h), f = m.width;
   le(() => {
     o !== void 0 && v(o);
   }, [o]), le(() => {
@@ -7394,7 +7399,7 @@ const ds = (C) => {
     /* @__PURE__ */ e.createElement("div", { className: `${$}__header` }, W),
     /* @__PURE__ */ e.createElement("div", { className: `${$}__inner` }, /* @__PURE__ */ e.createElement("main", { id: "main", className: `${$}__main` }, P), G && /* @__PURE__ */ e.createElement("footer", { className: `${$}__footer` }, G))
   ));
-  return /* @__PURE__ */ e.createElement(Tt.Provider, { value: E }, /* @__PURE__ */ e.createElement(_n, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(T2.Provider, { value: E }, /* @__PURE__ */ e.createElement(_n, { text: l, destination: "main" }), /* @__PURE__ */ e.createElement(
     "div",
     L({
       className: z([
@@ -7408,7 +7413,7 @@ const ds = (C) => {
     }, d),
     _ ? K : J
   ));
-}, Ie = "ease-out", b2 = 0, En = ({
+}, Ie = "ease-out", bt = 0, En = ({
   icon: t,
   isActive: n,
   isSidebarExpanded: s,
@@ -7416,7 +7421,7 @@ const ds = (C) => {
   linkContent: r,
   links: i
 }) => {
-  const c = "pds-dashboard-nav", l = `${c}__item`, o = `${c}__menu`, p = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, it(c, r, i, t)), g = (w, H) => /* @__PURE__ */ e.createElement(
+  const c = "pds-dashboard-nav", l = `${c}__item`, o = `${c}__menu`, p = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, i2(c, r, i, t)), g = (w, H) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: z([
@@ -7441,12 +7446,12 @@ const ds = (C) => {
     placement: "right-start",
     open: d,
     onOpenChange: u,
-    middleware: [dt(12), mt(), yt()],
+    middleware: [d2(12), m2(), y2()],
     whileElementsMounted: Pe
-  }), C = vt(y, {
+  }), C = v2(y, {
     move: !1,
-    handleClose: Jt()
-  }), v = Qt(y), h = Te(y), m = De(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: E } = Re([
+    handleClose: J2()
+  }), v = Q2(y), h = Te(y), m = De(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: E } = Re([
     C,
     v,
     h,
@@ -7470,7 +7475,7 @@ const ds = (C) => {
         }
       ],
       {
-        duration: b2,
+        duration: bt,
         easing: Ie
       }
     ).onfinish = () => {
@@ -7492,7 +7497,7 @@ const ds = (C) => {
         { height: "0px", opacity: "0", marginBlockStart: "0" }
       ],
       {
-        duration: b2,
+        duration: bt,
         easing: Ie
       }
     );
@@ -7519,7 +7524,7 @@ const ds = (C) => {
       ]),
       ref: s ? null : b.setReference
     }, f()),
-    i ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, it(
+    i ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, i2(
       c,
       r,
       i,
@@ -7559,7 +7564,7 @@ const ds = (C) => {
       }
     ))
   );
-}, Dt = (i) => {
+}, D2 = (i) => {
   var c = i, {
     headingText: t,
     menuItems: n,
@@ -7571,7 +7576,7 @@ const ds = (C) => {
     "selectTextFallback",
     "className"
   ]);
-  const l = "pds-dropdown-menu", [o, p] = Y(!1), [g, d] = Y(null), u = a2(n), b = u ? u.props.children : s, _ = /* @__PURE__ */ e.createElement(
+  const l = "pds-dropdown-menu", [o, p] = Y(!1), [g, d] = Y(null), u = at(n), b = u ? u.props.children : s, _ = /* @__PURE__ */ e.createElement(
     U,
     {
       iconName: "check",
@@ -7598,7 +7603,7 @@ const ds = (C) => {
   }) => re(L({}, W), {
     level: O,
     linkContent: Fe(
-      St(W.linkContent, W.links),
+      S2(W.linkContent, W.links),
       {
         tabIndex: -1
       }
@@ -7625,7 +7630,7 @@ const ds = (C) => {
     open: o,
     onOpenChange: p,
     whileElementsMounted: Pe
-  }), E = ce([]), $ = ut(f, {
+  }), E = ce([]), $ = u2(f, {
     listRef: E,
     activeIndex: g,
     onNavigate: d,
@@ -7827,7 +7832,7 @@ const ds = (C) => {
       fill: "var(--pds-color-foreground-default)"
     }
   )
-), Gt = /* @__PURE__ */ e.createElement(
+), G2 = /* @__PURE__ */ e.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7977,7 +7982,7 @@ const ds = (C) => {
       fill: "var(--pds-color-foreground-default)"
     }
   )
-), c2 = (c) => {
+), ct = (c) => {
   var l = c, {
     colorType: t = "default",
     displayType: n = "full",
@@ -7998,16 +8003,16 @@ const ds = (C) => {
       d = vn;
       break;
     case "icon":
-      d = Gt;
+      d = G2;
       break;
     case "wordmark":
       d = bn;
       break;
     case "sub-brand":
-      d = Gt;
+      d = G2;
       break;
     case "sub-brand-small":
-      d = Gt;
+      d = G2;
   }
   const u = e.isValidElement(s) && typeof s.props.children == "string" ? s.props.children : "", b = e.isValidElement(s) ? Fe(s, {
     children: d,
@@ -8046,7 +8051,7 @@ const ds = (C) => {
   let o = !1;
   const p = $e(ye);
   p && (o = p.isMobile);
-  const g = $e(Tt);
+  const g = $e(T2);
   let d = !0, u = null;
   g && (d = g.isSidebarExpanded, u = g.logoLinkContent);
   const b = "pds-dashboard-nav", _ = d ? `${b}--expanded` : `${b}--collapsed`, y = /* @__PURE__ */ e.createElement(e.Fragment, null, s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${b}__menu ${b}__menu--top-level` }, s.map((h, m) => /* @__PURE__ */ e.createElement(
@@ -8061,14 +8066,14 @@ const ds = (C) => {
       links: h.links
     }
   )))), C = s.map((h) => re(L({}, h), {
-    linkContent: it(
+    linkContent: i2(
       b,
       h.linkContent,
       h.links,
       h.icon
     )
   })), v = /* @__PURE__ */ e.createElement(
-    Dt,
+    D2,
     {
       menuItems: C,
       selectTextFallback: a
@@ -8081,7 +8086,7 @@ const ds = (C) => {
       className: z([b, _, r])
     }, i),
     !o && /* @__PURE__ */ e.createElement(
-      c2,
+      ct,
       {
         className: `${b}__logo`,
         displayType: d ? "full" : "icon",
@@ -8103,7 +8108,7 @@ const ds = (C) => {
   wordpress: "WordPress",
   gatsby: "Gatsby",
   nextjs: "Next.js"
-}, j2 = {
+}, jt = {
   drupal: "drupal",
   wordpress: "wordpress",
   gatsby: "bolt",
@@ -8116,7 +8121,7 @@ const ds = (C) => {
     "option",
     "className"
   ]);
-  const i = "pds-dashboard-search", c = t.type ? j2[t.type] : "bolt", l = ce(), [o] = It(l), p = o.width / 16 - 7.5;
+  const i = "pds-dashboard-search", c = t.type ? jt[t.type] : "bolt", l = ce(), [o] = I2(l), p = o.width / 16 - 7.5;
   return /* @__PURE__ */ e.createElement(
     "div",
     L({
@@ -8150,7 +8155,7 @@ const ds = (C) => {
         style: { pointerEvents: "none" }
       },
       /* @__PURE__ */ e.createElement(
-        e2,
+        et,
         {
           color: "neutral",
           hasStatusIndicator: !0,
@@ -8199,7 +8204,7 @@ const ds = (C) => {
   const $ = $e(ye);
   $ && (E = $.isMobile);
   let M = null, k = !1;
-  const w = $e(Tt);
+  const w = $e(T2);
   w && (M = w.navbarWidth, k = w.isAdmin);
   const H = 2.25, N = 22, x = k ? 14.5 : 9.625, A = M > 900 ? N : M / 16 - (x + d) - H * 0.675;
   let R = H;
@@ -8299,7 +8304,7 @@ const ds = (C) => {
     }, b),
     E ? q : B
   );
-}, _t = (r) => {
+}, _2 = (r) => {
   var i = r, {
     children: t,
     width: n = "standard",
@@ -8350,7 +8355,7 @@ const ds = (C) => {
   let C = !1;
   const v = $e(ye);
   v && (C = v.isMobile);
-  const h = $e(Tt);
+  const h = $e(T2);
   h && (c = h.logoLinkContent);
   const m = "pds-navbar", f = a ? `${m}--noBorder` : "", E = n !== "default" ? `${m}--${n}` : "", $ = C ? `${m}--isMobile` : `${m}--notMobile`, M = (B) => {
     const q = B.key;
@@ -8369,7 +8374,7 @@ const ds = (C) => {
   const k = () => y(!_), w = s1();
   le(() => {
     if (C && t) {
-      const B = A2(
+      const B = At(
         document.querySelector(".pds-navbar__mobile")
       ), q = ["a", "button", "input", "select", "textarea"];
       B && (_ ? B.forEach((T) => {
@@ -8399,7 +8404,7 @@ const ds = (C) => {
     children: /* @__PURE__ */ e.createElement("img", { className: `${m}__custom-logo`, src: l }),
     "aria-label": W || null
   }) : /* @__PURE__ */ e.createElement("img", { className: `${m}__custom-logo`, src: l, alt: "" }), P = () => l ? O : /* @__PURE__ */ e.createElement(
-    c2,
+    ct,
     {
       colorType: R,
       displayType: i,
@@ -8424,7 +8429,7 @@ const ds = (C) => {
       className: _ ? `${m}__mobile ${m}__mobile--open` : `${m}__mobile ${m}__mobile--closed`,
       ref: w
     },
-    /* @__PURE__ */ e.createElement(_t, null, K)
+    /* @__PURE__ */ e.createElement(_2, null, K)
   ), te = /* @__PURE__ */ e.createElement(
     p1,
     {
@@ -8433,8 +8438,8 @@ const ds = (C) => {
         initialFocus: !1
       }
     },
-    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(_t, { className: `${m}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__inner-mobile` }, P(), t && G)), /* @__PURE__ */ e.createElement(_t, null, t && J))
-  ), Z = /* @__PURE__ */ e.createElement(_t, { width: s, className: `${m}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${m}__logo` }, P()), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${m}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), A && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-right` }, A)));
+    /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(_2, { className: `${m}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${m}__inner-mobile` }, P(), t && G)), /* @__PURE__ */ e.createElement(_2, null, t && J))
+  ), Z = /* @__PURE__ */ e.createElement(_2, { width: s, className: `${m}__inner` }, !r && /* @__PURE__ */ e.createElement("div", { className: `${m}__logo` }, P()), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, x ? /* @__PURE__ */ e.createElement("div", { className: `${m}__items-left` }, x) : /* @__PURE__ */ e.createElement("span", null), A && /* @__PURE__ */ e.createElement("div", { className: `${m}__items-right` }, A)));
   return /* @__PURE__ */ e.createElement(
     "header",
     L({
@@ -8466,10 +8471,10 @@ const ds = (C) => {
     whileElementsMounted: Pe
   }), u = Xe(d, { event: "mousedown" }), b = Te(d), _ = De(d, { role: "menu" });
   let y;
-  o ? y = vt(d, {
+  o ? y = v2(d, {
     enabled: !1
-  }) : y = vt(d, {
-    handleClose: Jt({
+  }) : y = v2(d, {
+    handleClose: J2({
       requireIntent: !1,
       buffer: 10,
       blockPointerEvents: !0
@@ -8575,7 +8580,7 @@ const ds = (C) => {
     return !1;
   }, H = [];
   return s.map((N, x) => {
-    const A = `item-${ct()}`, R = N.id ? N.id : A;
+    const A = `item-${c2()}`, R = N.id ? N.id : A;
     N.links ? H.push(
       /* @__PURE__ */ e.createElement(
         "li",
@@ -8617,7 +8622,7 @@ const ds = (C) => {
     }, i),
     /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu` }, H)
   );
-}, Ct = 0, Rs = (p) => {
+}, C2 = 0, Rs = (p) => {
   var g = p, {
     ariaLabel: t,
     hasMobileMenu: n = !0,
@@ -8695,7 +8700,7 @@ const ds = (C) => {
                   );
                   I && (I.focus(), M.current = $.current.indexOf(I));
                 }
-              }, Ct + 50));
+              }, C2 + 50));
             else if (B.tagName.toLowerCase() === "a") {
               const q = B.closest(
                 `.${u}--has-children`
@@ -8716,7 +8721,7 @@ const ds = (C) => {
                     );
                     V && (V.focus(), M.current = $.current.indexOf(V));
                   }
-                }, Ct + 50));
+                }, C2 + 50));
               }
             }
           }
@@ -8737,7 +8742,7 @@ const ds = (C) => {
                 currentTarget: T
               }), setTimeout(() => {
                 H(), T.focus(), M.current = $.current.indexOf(T);
-              }, Ct));
+              }, C2));
             }
           }
           break;
@@ -8788,7 +8793,7 @@ const ds = (C) => {
         }
       ],
       {
-        duration: Ct,
+        duration: C2,
         easing: Ie
       }
     ).onfinish = () => {
@@ -8810,7 +8815,7 @@ const ds = (C) => {
         { height: "0px", opacity: "0", marginBlockStart: "0" }
       ],
       {
-        duration: Ct,
+        duration: C2,
         easing: Ie
       }
     );
@@ -8824,7 +8829,7 @@ const ds = (C) => {
         marginBlockStart: "0"
       }), H();
     };
-  }, G = (Z) => k2.toArray(Z).some((B) => ke(B) ? B.type && B.type.displayName === "Tally" ? !0 : G(B.props.children) : !1), K = (Z, B) => {
+  }, G = (Z) => kt.toArray(Z).some((B) => ke(B) ? B.type && B.type.displayName === "Tally" ? !0 : G(B.props.children) : !1), K = (Z, B) => {
     const { linkContent: q, links: T } = Z, I = G(q), S = He(Z), V = S || h.includes(B);
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -8840,7 +8845,7 @@ const ds = (C) => {
           // Add class if item contains a Tally component
         ])
       },
-      T ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${u}-wrapper` }, St(q, T), /* @__PURE__ */ e.createElement(
+      T ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${u}-wrapper` }, S2(q, T), /* @__PURE__ */ e.createElement(
         "button",
         {
           "aria-expanded": V,
@@ -8878,7 +8883,7 @@ const ds = (C) => {
                 // Add class for second-level items
               ])
             },
-            St(
+            S2(
               D.linkContent,
               D.links
             )
@@ -8890,7 +8895,7 @@ const ds = (C) => {
       )
     );
   }, J = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, r.map((Z, B) => K(Z, B)))), te = /* @__PURE__ */ e.createElement(
-    Dt,
+    D2,
     {
       headingText: s,
       menuItems: r,
@@ -8912,7 +8917,7 @@ const ds = (C) => {
     }, o),
     w && n ? te : J
   );
-}, Mt = 0, Os = (p) => {
+}, M2 = 0, Os = (p) => {
   var g = p, {
     ariaLabel: t,
     hasMobileMenu: n = !0,
@@ -9026,7 +9031,7 @@ const ds = (C) => {
                 );
                 X && (X.focus(), M.current = $.current.indexOf(X));
               }
-            }, Mt + 50));
+            }, M2 + 50));
           }
           break;
         }
@@ -9045,7 +9050,7 @@ const ds = (C) => {
                 H();
                 const ue = D.querySelector("a") || X;
                 ue && (ue.focus(), M.current = $.current.indexOf(ue));
-              }, Mt));
+              }, M2));
             }
           } else if (A(S)) {
             const D = S.classList.contains(
@@ -9108,11 +9113,11 @@ const ds = (C) => {
         {
           height: S,
           opacity: "1",
-          marginBlockStart: `${Nt}rem`
+          marginBlockStart: `${N2}rem`
         }
       ],
       {
-        duration: Mt,
+        duration: M2,
         easing: Ie
       }
     ).onfinish = () => {
@@ -9120,7 +9125,7 @@ const ds = (C) => {
         height: "auto",
         opacity: "1",
         display: "flex",
-        marginBlockStart: `${Nt}rem`
+        marginBlockStart: `${N2}rem`
       }), I.classList.add(`${b}--expanded`), H();
     };
   }, J = (I) => {
@@ -9129,12 +9134,12 @@ const ds = (C) => {
         {
           height: S,
           opacity: "1",
-          marginBlockStart: `${Nt}rem`
+          marginBlockStart: `${N2}rem`
         },
         { height: "0px", opacity: "0", marginBlockStart: "0" }
       ],
       {
-        duration: Mt,
+        duration: M2,
         easing: Ie
       }
     );
@@ -9182,7 +9187,7 @@ const ds = (C) => {
         }
       ),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Se(S.linkContent)} ${a.submenu}`)
-    ), St(S.linkContent, S.links)), /* @__PURE__ */ e.createElement(
+    ), S2(S.linkContent, S.links)), /* @__PURE__ */ e.createElement(
       "ul",
       {
         className: z([
@@ -9225,7 +9230,7 @@ const ds = (C) => {
       D ? Z(2, I) : V
     );
   }, q = /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("h2", { className: `${d}__heading pds-ts-l` }, s), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${d}__menu ${d}__menu--top-level` }, r.map((I, S) => B(I, S)))), T = /* @__PURE__ */ e.createElement(
-    Dt,
+    D2,
     {
       headingText: s,
       menuItems: r,
@@ -9247,7 +9252,7 @@ const ds = (C) => {
     }, o),
     w && n ? T : q
   );
-}, $2 = 0, Ln = ({
+}, $t = 0, Ln = ({
   icon: t,
   isActive: n,
   isSidebarCollapsed: s,
@@ -9255,7 +9260,7 @@ const ds = (C) => {
   linkContent: r,
   links: i
 }) => {
-  const c = "pds-side-nav-global", l = `${c}__item`, o = `${c}__menu`, p = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, it(c, r, i, t)), g = (w, H) => /* @__PURE__ */ e.createElement(
+  const c = "pds-side-nav-global", l = `${c}__item`, o = `${c}__menu`, p = /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, i2(c, r, i, t)), g = (w, H) => /* @__PURE__ */ e.createElement(
     "ul",
     {
       className: z([
@@ -9280,12 +9285,12 @@ const ds = (C) => {
     placement: "right-start",
     open: d,
     onOpenChange: u,
-    middleware: [dt(8), mt(), yt()],
+    middleware: [d2(8), m2(), y2()],
     whileElementsMounted: Pe
-  }), C = vt(y, {
+  }), C = v2(y, {
     move: !1,
-    handleClose: Jt()
-  }), v = Qt(y), h = Te(y), m = De(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: E } = Re([
+    handleClose: J2()
+  }), v = Q2(y), h = Te(y), m = De(y, { role: "menu" }), { getReferenceProps: f, getFloatingProps: E } = Re([
     C,
     v,
     h,
@@ -9309,7 +9314,7 @@ const ds = (C) => {
         }
       ],
       {
-        duration: $2,
+        duration: $t,
         easing: Ie
       }
     ).onfinish = () => {
@@ -9331,7 +9336,7 @@ const ds = (C) => {
         { height: "0px", opacity: "0", marginBlockStart: "0" }
       ],
       {
-        duration: $2,
+        duration: $t,
         easing: Ie
       }
     );
@@ -9358,7 +9363,7 @@ const ds = (C) => {
       ]),
       ref: s ? b.setReference : null
     }, f()),
-    i ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, it(
+    i ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${l}-wrapper` }, i2(
       c,
       r,
       i,
@@ -9422,7 +9427,7 @@ const ds = (C) => {
     "className"
   ]);
   const d = "pds-side-nav-global", u = s ? `${d}--collapsed` : `${d}--expanded`, b = /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("div", { className: `${d}__logo-wrapper` }, /* @__PURE__ */ e.createElement(
-    c2,
+    ct,
     {
       className: `${d}__logo`,
       displayType: s ? "icon" : "full",
@@ -9440,14 +9445,14 @@ const ds = (C) => {
       links: C.links
     }
   )))), _ = i.map((C) => re(L({}, C), {
-    linkContent: it(
+    linkContent: i2(
       d,
       C.linkContent,
       C.links,
       C.icon
     )
   })), y = /* @__PURE__ */ e.createElement(
-    Dt,
+    D2,
     {
       menuItems: _,
       selectTextFallback: c,
@@ -9477,7 +9482,7 @@ const ds = (C) => {
     whileElementsMounted: Pe
   }), $ = Xe(f, {
     event: "mousedown"
-  }), M = Te(f), k = De(f, { role: "listbox" }), w = ut(f, {
+  }), M = Te(f), k = De(f, { role: "listbox" }), w = u2(f, {
     listRef: m,
     activeIndex: o,
     onNavigate: p,
@@ -9523,7 +9528,7 @@ const ds = (C) => {
       K.linkContent
     ).length + 2}ch`
   }, Z = /* @__PURE__ */ e.createElement(U, { iconName: "check", className: `${y}__active-icon` }), B = _ && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
-    q2,
+    qt,
     {
       hasClearButton: !0,
       onClear: G,
@@ -9603,7 +9608,7 @@ const ds = (C) => {
     links: C,
     promoteActiveChildLink: v = !1
   }) => {
-    const h = `${o}__item`, m = a2(C), f = (E, $) => {
+    const h = `${o}__item`, m = at(C), f = (E, $) => {
       let M = null;
       return typeof E == "object" && ($ ? M = Fe(E, re(L({}, E.props), {
         children: [
@@ -9685,9 +9690,9 @@ const ds = (C) => {
     placement: "bottom-end",
     open: u,
     onOpenChange: b,
-    middleware: [dt(12), mt(), yt()],
+    middleware: [d2(12), m2(), y2()],
     whileElementsMounted: Pe
-  }), w = Xe(k, { event: "mousedown" }), H = Te(k), N = De(k, { role: "menu" }), x = ce([]), A = ut(k, {
+  }), w = Xe(k, { event: "mousedown" }), H = Te(k), N = De(k, { role: "menu" }), x = ce([]), A = u2(k, {
     listRef: x,
     activeIndex: g,
     onNavigate: d,
@@ -9712,7 +9717,7 @@ const ds = (C) => {
       opacity: 0
     }
   }), K = /* @__PURE__ */ e.createElement(
-    Yt,
+    Y2,
     {
       hasUserFallback: !0,
       imageSrc: a,
@@ -9722,7 +9727,7 @@ const ds = (C) => {
     }
   ), J = /* @__PURE__ */ e.createElement(U, { iconName: "angleDown", className: `${m}__trigger-icon` }), te = /* @__PURE__ */ e.createElement("li", { className: `${m}__user-details`, role: "presentation" }, h ? null : /* @__PURE__ */ e.createElement("div", { className: `${m}__user-name` }, r), /* @__PURE__ */ e.createElement("div", { className: `${m}__user-email` }, s));
   n.forEach((D) => {
-    const X = D.id ? D.id : ct();
+    const X = D.id ? D.id : c2();
     _.current.push(X), y.current.push(D);
   });
   const Z = (D) => {
@@ -9846,7 +9851,7 @@ const ds = (C) => {
     open: b,
     onOpenChange: _,
     whileElementsMounted: Pe
-  }), O = Xe(W, { event: "mousedown" }), P = Te(W), G = De(W, { role: "menu" }), K = ut(W, {
+  }), O = Xe(W, { event: "mousedown" }), P = Te(W), G = De(W, { role: "menu" }), K = u2(W, {
     listRef: m,
     activeIndex: y,
     onNavigate: C,
@@ -9886,7 +9891,7 @@ const ds = (C) => {
   const S = (oe) => {
     oe.preventDefault(), oe.key === "Enter" && m.current[y].querySelector("a").click(), oe.key === "Tab" && (oe.shiftKey ? E ? document.getElementById("workspace-filter").focus() : _(!1) : n ? f.current.querySelector("a").focus() : _(!1));
   }, V = /* @__PURE__ */ e.createElement("div", { className: `${w}__button-content` }, /* @__PURE__ */ e.createElement(
-    Yt,
+    Y2,
     {
       size: "sm",
       uniqueId: T.workspaceId,
@@ -9894,7 +9899,7 @@ const ds = (C) => {
       className: `${w}__avatar`
     }
   ), /* @__PURE__ */ e.createElement("span", { className: `${w}__name` }, T.displayName), T.planTier && /* @__PURE__ */ e.createElement(
-    bt,
+    b2,
     {
       size: "sm",
       color: T.planTier,
@@ -9908,7 +9913,7 @@ const ds = (C) => {
       className: `${w}__trigger-icon`
     }
   ), X = E && /* @__PURE__ */ e.createElement("div", { className: `${w}__filter` }, /* @__PURE__ */ e.createElement(
-    q2,
+    qt,
     {
       hasClearButton: !0,
       onClear: () => h(o),
@@ -9921,7 +9926,7 @@ const ds = (C) => {
     }
   )), ee = v.map(
     (oe, he) => {
-      const pe = `${w}__item`, me = oe.isActive ? `${pe}--active` : null, we = oe.isUnprivileged ? `${pe}--unprivileged` : null, Ve = /* @__PURE__ */ e.createElement(U, { iconName: "check", className: `${w}__active-icon` }), Me = oe.workspaceId, et = oe.workspaceLink.type, tt = oe.isUnprivileged ? null : (We) => {
+      const pe = `${w}__item`, me = oe.isActive ? `${pe}--active` : null, we = oe.isUnprivileged ? `${pe}--unprivileged` : null, Ve = /* @__PURE__ */ e.createElement(U, { iconName: "check", className: `${w}__active-icon` }), Me = oe.workspaceId, e2 = oe.workspaceLink.type, t2 = oe.isUnprivileged ? null : (We) => {
         m.current[he] = We;
       };
       return /* @__PURE__ */ e.createElement(
@@ -9936,16 +9941,16 @@ const ds = (C) => {
           ]),
           role: "menuitem",
           tabIndex: y === he ? 0 : -1,
-          ref: tt,
+          ref: t2,
           onKeyDown: S
         }, Z()),
         /* @__PURE__ */ e.createElement(
-          et,
+          e2,
           re(L({}, oe.workspaceLink.props), {
             onClick: () => _(!1)
           }),
           /* @__PURE__ */ e.createElement("div", { className: `${w}__item-content` }, /* @__PURE__ */ e.createElement(
-            Yt,
+            Y2,
             {
               size: "sm",
               uniqueId: oe.workspaceId,
@@ -9958,7 +9963,7 @@ const ds = (C) => {
       );
     }
   ), ue = n && /* @__PURE__ */ e.createElement("div", { className: `${w}__create-link`, ref: f }, /* @__PURE__ */ e.createElement(
-    $t,
+    $2,
     {
       displayType: "icon-end",
       iconName: "plus",
@@ -10056,7 +10061,7 @@ const ds = (C) => {
     warning: `${u}--warning`,
     critical: `${u}--critical`
   }, y = d > 0 ? p[0].type : null, C = y ? `${u}-group--${y}` : null, v = (M) => ({
-    zIndex: Rt - M
+    zIndex: R2 - M
   }), h = (M) => M === 0 ? 0 : -1, m = () => {
     const M = document.getElementsByClassName(
       `${u}--fading`
@@ -10071,7 +10076,7 @@ const ds = (C) => {
       ]);
     }, 200);
   }, E = () => {
-    m(), document.getElementById(p[0].id).style.zIndex = (Rt + 2).toString(), document.getElementById(p[d - 1].id).style.zIndex = (Rt + 1).toString(), setTimeout(() => {
+    m(), document.getElementById(p[0].id).style.zIndex = (R2 + 2).toString(), document.getElementById(p[d - 1].id).style.zIndex = (R2 + 1).toString(), setTimeout(() => {
       document.getElementById(p[0].id).classList.add(`${u}--fading`);
     }, 50), setTimeout(() => {
       g((M) => [
@@ -10133,7 +10138,7 @@ const ds = (C) => {
       ])
     }, c),
     d > 1 ? /* @__PURE__ */ e.createElement("div", { className: `${u}__navigation` }, /* @__PURE__ */ e.createElement(
-      Vt,
+      V2,
       {
         iconName: "angleLeft",
         size: "lg",
@@ -10142,7 +10147,7 @@ const ds = (C) => {
         onClick: E
       }
     ), /* @__PURE__ */ e.createElement(
-      Vt,
+      V2,
       {
         iconName: "angleRight",
         size: "lg",
@@ -10152,7 +10157,7 @@ const ds = (C) => {
       }
     ), p.map((M, k) => $(M, k))) : $(p[0], 0)
   );
-}, Wt = {
+}, W2 = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -10191,15 +10196,15 @@ const ds = (C) => {
       className: [o, p[s], g, r != null ? r : ""].join(" ").trim().replace(/\s+/g, " "),
       role: u
     }, i),
-    /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon-${s}` }, s === "working" ? /* @__PURE__ */ e.createElement(wt, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__icon ${o}__icon-${s}` }, s === "working" ? /* @__PURE__ */ e.createElement(w2, { colorType: "monochromatic" }) : /* @__PURE__ */ e.createElement(
       U,
       {
-        iconName: `${s}` in Wt ? Wt[s] : Wt.info,
+        iconName: `${s}` in W2 ? W2[s] : W2.info,
         iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${o}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, b), t && /* @__PURE__ */ e.createElement("div", { className: `${o}__title` }, t), /* @__PURE__ */ e.createElement("div", { className: `${o}__secondaryText` }, n)))
   );
-}, qt = {
+}, q2 = {
   info: "circleInfo",
   warning: "triangleExclamation",
   success: "circleCheck",
@@ -10264,7 +10269,7 @@ const ds = (C) => {
     /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__icon ${b}__icon-${c}` }, /* @__PURE__ */ e.createElement(
       U,
       {
-        iconName: `${c}` in qt ? qt[c] : qt.info,
+        iconName: `${c}` in q2 ? q2[c] : q2.info,
         iconSize: "md"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${b}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h), i && /* @__PURE__ */ e.createElement("div", { className: `${b}__title` }, i), /* @__PURE__ */ e.createElement("div", { className: `${b}__message` }, r))),
@@ -10280,7 +10285,7 @@ const ds = (C) => {
       /* @__PURE__ */ e.createElement(U, { iconSize: "md", iconName: "xmark" })
     )
   );
-}, Ut = {
+}, U2 = {
   info: "circleInfo",
   success: "check",
   warning: "triangleExclamation",
@@ -10314,10 +10319,10 @@ const ds = (C) => {
       className: z([i, c[s], r]),
       id: n
     },
-    /* @__PURE__ */ e.createElement("div", { className: `${i}__icon-container` }, s === "working" ? /* @__PURE__ */ e.createElement(wt, { colorType: "monochromatic", size: "lg" }) : /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${i}__icon-container` }, s === "working" ? /* @__PURE__ */ e.createElement(w2, { colorType: "monochromatic", size: "lg" }) : /* @__PURE__ */ e.createElement(
       U,
       {
-        iconName: `${s}` in Ut ? Ut[s] : Ut.info,
+        iconName: `${s}` in U2 ? U2[s] : U2.info,
         className: `${i}__icon ${i}__icon--${s}`
       }
     )),
@@ -10357,14 +10362,14 @@ const js = () => {
       autoClose: !1,
       closeButton: !1,
       closeOnClick: !1
-    })), m2(i, c);
+    })), mt(i, c);
   }, n = g1({
     collapse: !1,
     enter: "pds-toast--bounceInPlace",
     exit: "pds-toast--slideOut"
   });
-  return [t, m2, n];
-}, Et = "...", kt = (t, n) => {
+  return [t, mt, n];
+}, E2 = "...", k2 = (t, n) => {
   const s = n - t + 1;
   return Array.from({ length: s }, (a, r) => r + t);
 }, Vn = ({
@@ -10372,32 +10377,32 @@ const js = () => {
   currentPage: n,
   itemsPerPage: s,
   totalItemCount: a
-}) => x2(() => {
+}) => xt(() => {
   const i = Math.ceil(a / s), c = t + 5, l = 1, o = i;
   if (c >= i)
-    return kt(1, i);
+    return k2(1, i);
   const p = Math.max(n - t, 1), g = Math.min(
     n + t,
     i
   ), d = p > 2, u = g < i - 2;
   if (!d && u) {
     const b = 3 + 2 * t;
-    return [...kt(1, b), Et, i];
+    return [...k2(1, b), E2, i];
   }
   if (d && !u) {
-    const b = 3 + 2 * t, _ = kt(
+    const b = 3 + 2 * t, _ = k2(
       i - b + 1,
       i
     );
-    return [l, Et, ..._];
+    return [l, E2, ..._];
   }
   if (d && u) {
-    const b = kt(p, g);
+    const b = k2(p, g);
     return [
       l,
-      Et,
+      E2,
       ...b,
-      Et,
+      E2,
       o
     ];
   }
@@ -10471,7 +10476,7 @@ const js = () => {
         },
         /* @__PURE__ */ e.createElement(U, { iconName: "arrowLeft" })
       )
-    ), u.map((f, E) => f === Et ? /* @__PURE__ */ e.createElement(
+    ), u.map((f, E) => f === E2 ? /* @__PURE__ */ e.createElement(
       "li",
       {
         key: E,
@@ -10517,7 +10522,7 @@ const js = () => {
       )
     ))
   );
-}, y2 = 0, Xs = (c) => {
+}, yt = 0, Xs = (c) => {
   var l = c, {
     children: t,
     id: n,
@@ -10532,7 +10537,7 @@ const js = () => {
     "className"
   ]);
   const [o, p] = Y(s), d = ce(
-    n || `expansion-panel-${ct()}`
+    n || `expansion-panel-${c2()}`
   ).current, u = "pds-expansion-panel", b = ce(null), _ = ce(null), y = ce(null);
   return le(() => {
     const C = b.current, v = _.current, h = y.current;
@@ -10546,7 +10551,7 @@ const js = () => {
       m && m.cancel(), m = C.animate(
         { height: [N, x] },
         {
-          duration: y2,
+          duration: yt,
           easing: Ie
         }
       ), m.onfinish = () => H(!1), m.oncancel = () => f = !1;
@@ -10558,7 +10563,7 @@ const js = () => {
       m && m.cancel(), m = C.animate(
         { height: [N, x] },
         {
-          duration: y2,
+          duration: yt,
           easing: Ie
         }
       ), m.onfinish = () => H(!0), m.oncancel = () => E = !1;
@@ -10651,7 +10656,7 @@ const js = () => {
     }, r),
     n
   );
-}, w2 = 0, e4 = (i) => {
+}, wt = 0, e4 = (i) => {
   var c = i, {
     children: t,
     className: n,
@@ -10676,7 +10681,7 @@ const js = () => {
           { height: f, opacity: "1" }
         ],
         {
-          duration: w2,
+          duration: wt,
           easing: Ie
         }
       ).onfinish = () => {
@@ -10693,7 +10698,7 @@ const js = () => {
           { height: "0px", opacity: "0" }
         ],
         {
-          duration: w2,
+          duration: wt,
           easing: Ie
         }
       ).onfinish = () => {
@@ -10776,7 +10781,7 @@ const js = () => {
       className: `${p}__img`
     }, c)
   ));
-}, at = 8, L2 = 14, Sn = 6, In = (y) => {
+}, a2 = 8, Lt = 14, Sn = 6, In = (y) => {
   var C = y, {
     content: t,
     closeButtonLabel: n = "Close",
@@ -10827,9 +10832,9 @@ const js = () => {
       h(S), S || i();
     },
     middleware: [
-      dt(at + Sn + $),
-      mt({ padding: 8 }),
-      yt({ padding: 8 }),
+      d2(a2 + Sn + $),
+      m2({ padding: 8 }),
+      y2({ padding: 8 }),
       o1({ element: M })
     ],
     whileElementsMounted: Pe
@@ -10839,16 +10844,16 @@ const js = () => {
     A,
     R,
     W
-  ]), G = (q = (B = N.arrow) == null ? void 0 : B.x) != null ? q : 0, K = (I = (T = N.arrow) == null ? void 0 : T.y) != null ? I : 0, J = G + L2 / 2, te = K + at, { isMounted: Z } = Ye(H, {
+  ]), G = (q = (B = N.arrow) == null ? void 0 : B.x) != null ? q : 0, K = (I = (T = N.arrow) == null ? void 0 : T.y) != null ? I : 0, J = G + Lt / 2, te = K + a2, { isMounted: Z } = Ye(H, {
     initial: {
       transform: "scale(0)"
     },
     common: ({ side: S }) => ({
       transformOrigin: {
-        top: `${J}px calc(100% + ${at}px)`,
-        bottom: `${J}px ${-at}px`,
-        left: `calc(100% + ${at}px) ${te}px`,
-        right: `${-at}px ${te}px`
+        top: `${J}px calc(100% + ${a2}px)`,
+        bottom: `${J}px ${-a2}px`,
+        left: `calc(100% + ${a2}px) ${te}px`,
+        right: `${-a2}px ${te}px`
       }[S]
     })
   });
@@ -10868,8 +10873,8 @@ const js = () => {
         iconSize: "md"
       }
     ))
-  ), Z && /* @__PURE__ */ e.createElement(S2, null, /* @__PURE__ */ e.createElement(
-    I2,
+  ), Z && /* @__PURE__ */ e.createElement(St, null, /* @__PURE__ */ e.createElement(
+    It,
     {
       context: H,
       modal: a,
@@ -10890,8 +10895,8 @@ const js = () => {
         {
           ref: M,
           context: H,
-          height: at,
-          width: L2,
+          height: a2,
+          width: Lt,
           tipRadius: 0,
           fill: "var(--pds-color-background-default)",
           stroke: "var(--pds-color-border-default)",
@@ -10900,7 +10905,7 @@ const js = () => {
         }
       ),
       /* @__PURE__ */ e.createElement("div", { className: `${f}__container-inner` }, l && /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, l), t && /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, t), a && /* @__PURE__ */ e.createElement("div", { className: `${f}__close-wrapper` }, /* @__PURE__ */ e.createElement(
-        O2,
+        Ot,
         {
           ariaLabel: n,
           onClick: x,
@@ -10909,7 +10914,7 @@ const js = () => {
       )))
     )
   )));
-}, H2 = {
+}, Ht = {
   neutral: "--pds-color-semantic-neutral-utility",
   info: "--pds-color-status-info-foreground",
   success: "--pds-color-status-success-foreground",
@@ -10942,7 +10947,7 @@ const js = () => {
     "size",
     "className"
   ]);
-  const b = n || ct(), _ = "pds-progress-bar", y = c ? `${_}__label` : "visually-hidden", C = `${_}__track ${_}__track--${o}`, v = i > 100 ? 100 : i;
+  const b = n || c2(), _ = "pds-progress-bar", y = c ? `${_}__label` : "visually-hidden", C = `${_}__track ${_}__track--${o}`, v = i > 100 ? 100 : i;
   let h = "neutral";
   t.forEach(($) => {
     i >= $.percentage && (h = $.colorType);
@@ -10960,7 +10965,7 @@ const js = () => {
       {
         className: `${_}__percentage`,
         style: {
-          color: `hsl(from var(${H2[h]}) h s calc(l - 7))`
+          color: `hsl(from var(${Ht[h]}) h s calc(l - 7))`
         }
       },
       i,
@@ -10980,7 +10985,7 @@ const js = () => {
           className: `${_}__bar`,
           style: {
             width: `${v}%`,
-            backgroundColor: `var(${H2[h]})`
+            backgroundColor: `var(${Ht[h]})`
           }
         }
       )
@@ -11007,9 +11012,9 @@ const js = () => {
     "size",
     "className"
   ]);
-  const d = t || ct(), u = "pds-progress-ring", b = r ? `${u}__label` : "visually-hidden", _ = `${u}__loading-text ${u}__loading-text--${c}`, y = ($) => $ * 16;
-  let C = y(G2), v = 7;
-  c === "sm" && (C = y(Z2), v = v / 1.25), c === "lg" && (C = y(W2), v = v * 1.25);
+  const d = t || c2(), u = "pds-progress-ring", b = r ? `${u}__label` : "visually-hidden", _ = `${u}__loading-text ${u}__loading-text--${c}`, y = ($) => $ * 16;
+  let C = y(Gt), v = 7;
+  c === "sm" && (C = y(Zt), v = v / 1.25), c === "lg" && (C = y(Wt), v = v * 1.25);
   const h = C / 2 - v / 2, m = 2 * Math.PI * h, f = m - m * a / 100;
   let E;
   return n ? E = n : i ? E = `${a}%` : E = "", /* @__PURE__ */ e.createElement(
@@ -11227,9 +11232,9 @@ const l4 = (o) => {
     "upgradeLabel",
     "className"
   ]);
-  const _ = "pds-site-dashboard-heading", y = $n[c], C = l ? j2[l] : "bolt";
+  const _ = "pds-site-dashboard-heading", y = $n[c], C = l ? jt[l] : "bolt";
   return /* @__PURE__ */ e.createElement("div", L({ className: z([_, g != null ? g : ""]) }, d), /* @__PURE__ */ e.createElement(U, { iconName: C, iconSize: "2xl" }), /* @__PURE__ */ e.createElement("h1", { className: "pds-ts-2xl" }, i), /* @__PURE__ */ e.createElement("span", { className: `${_}__plan-level-badge` }, c === "sandbox" ? /* @__PURE__ */ e.createElement(
-    ot,
+    o2,
     {
       displayType: "icon-start",
       variant: "brand",
@@ -11238,7 +11243,7 @@ const l4 = (o) => {
       iconName: "bolt"
     }
   ) : /* @__PURE__ */ e.createElement(e.Fragment, null, c && /* @__PURE__ */ e.createElement(
-    bt,
+    b2,
     {
       label: y,
       color: "neutral",
@@ -11255,7 +11260,7 @@ const l4 = (o) => {
       setPopoverIsOpen: r
     }, o)
   ))));
-}, jt = {
+}, j2 = {
   bluesky: {
     icon: "bluesky",
     url: "https://bsky.app/profile/pantheon.io",
@@ -11308,12 +11313,12 @@ const l4 = (o) => {
     t.map((c, l) => /* @__PURE__ */ e.createElement("li", { key: l, className: `${i}__item` }, /* @__PURE__ */ e.createElement(
       "a",
       {
-        href: jt[c].url,
+        href: j2[c].url,
         rel: "noreferrer",
         target: "_blank",
-        "aria-label": jt[c].label
+        "aria-label": j2[c].label
       },
-      /* @__PURE__ */ e.createElement(U, { iconName: jt[c].icon, iconSize: "xl" })
+      /* @__PURE__ */ e.createElement(U, { iconName: j2[c].icon, iconSize: "xl" })
     )))
   );
 }, r4 = (i) => {
@@ -11335,7 +11340,7 @@ const l4 = (o) => {
       className: [l, o, p, a != null ? a : ""].join(" ").trim().replace(/\s+/g, " ")
     }, r),
     s === "working" ? /* @__PURE__ */ e.createElement(
-      wt,
+      w2,
       {
         className: `${l}__spinner`,
         colorType: "monochromatic",
@@ -11359,7 +11364,7 @@ const l4 = (o) => {
     "translatableLabels",
     "className"
   ]);
-  const c = "pds-stepper", l = "pds-stepper-mobile", o = ce(), [p] = It(o), g = p.width, d = Number(
+  const c = "pds-stepper", l = "pds-stepper-mobile", o = ce(), [p] = I2(o), g = p.width, d = Number(
     getComputedStyle(document.body).getPropertyValue("--pds-stepper-step-content-width").replace("rem", "")
   ) * 16, u = -40, b = 2, _ = 5, y = t.length, C = t.map((m) => m.isCurrent).lastIndexOf(!0), v = t.map((m, f) => {
     const E = f + 1, $ = f === C, M = f < C, k = m.hasError && $, H = (g - y * d) / (y + (y - 2)), N = d + H * 2, x = d + H, A = H + u * -1, R = f === 0, W = f === y - 1;
@@ -11572,7 +11577,7 @@ const l4 = (o) => {
           x.id.includes(A) && (x.id = x.id.replaceAll(A, "-"));
         });
       }), H.map((x) => {
-        const A = `item-${ct()}`;
+        const A = `item-${c2()}`;
         x.id || (x.id = A);
       });
       const N = y(H);
@@ -11760,7 +11765,7 @@ const l4 = (o) => {
         onClick: C ? null : u,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: v, className: `${p}__tab-label` }, v ? /* @__PURE__ */ e.createElement(U, { iconName: v, iconSize: "md" }) : null, " ", m, r[E].tally ? /* @__PURE__ */ e.createElement(zt, { label: f.label, type: f.type }) : null)
+      /* @__PURE__ */ e.createElement("div", { key: v, className: `${p}__tab-label` }, v ? /* @__PURE__ */ e.createElement(U, { iconName: v, iconSize: "md" }) : null, " ", m, r[E].tally ? /* @__PURE__ */ e.createElement(z2, { label: f.label, type: f.type }) : null)
     ))
   ), r.map(({ disabled: C, icon: v, panelContent: h, tabLabel: m, tally: f }, E) => /* @__PURE__ */ e.createElement(
     "div",
@@ -11786,7 +11791,7 @@ const l4 = (o) => {
         onClick: C ? null : u,
         type: "button"
       },
-      /* @__PURE__ */ e.createElement("div", { key: v, className: `${p}__tab-label` }, v ? /* @__PURE__ */ e.createElement(U, { iconSize: "md", iconName: v }) : null, " ", m, r[E].tally ? /* @__PURE__ */ e.createElement(zt, { label: f.label, type: f.type }) : null),
+      /* @__PURE__ */ e.createElement("div", { key: v, className: `${p}__tab-label` }, v ? /* @__PURE__ */ e.createElement(U, { iconSize: "md", iconName: v }) : null, " ", m, r[E].tally ? /* @__PURE__ */ e.createElement(z2, { label: f.label, type: f.type }) : null),
       E == g ? /* @__PURE__ */ e.createElement(
         U,
         {
@@ -11812,7 +11817,7 @@ const l4 = (o) => {
       h
     )
   ))));
-}, M2 = [
+}, Mt = [
   "color-1",
   "color-2",
   "color-3",
@@ -11834,8 +11839,8 @@ const l4 = (o) => {
   "color-19",
   "color-20"
 ], Dn = (t) => {
-  const n = parseInt(V2(t), 16);
-  return M2[n % M2.length];
+  const n = parseInt(Vt(t), 16);
+  return Mt[n % Mt.length];
 }, Rn = (t, n) => t.length > n ? t.slice(0, n) + " ..." : t, u4 = (o) => {
   var p = o, {
     linkContent: t,
@@ -11942,7 +11947,7 @@ const l4 = (o) => {
       preferredPlacement: "top",
       offsetValue: 0,
       customTrigger: /* @__PURE__ */ e.createElement(
-        P2,
+        Pt,
         {
           id: "theme-switcher-menu",
           "aria-label": (b = s.tooltip) != null ? b : "change theme",
@@ -12117,7 +12122,7 @@ const l4 = (o) => {
       return;
     }
     m(!h);
-  }, H = Oe(t), N = H.__unslotted, x = H.sidebar, A = N2(
+  }, H = Oe(t), N = H.__unslotted, x = H.sidebar, A = Nt(
     i,
     re(L({}, c), {
       className: z([
@@ -12258,7 +12263,7 @@ const l4 = (o) => {
     "children",
     "className"
   ]);
-  let h = F2() <= 640;
+  let h = Ft() <= 640;
   const m = $e(ye);
   m && (h = m.isMobile);
   const f = "pds-flex", E = `${f}-container`, $ = h ? `${E}--mobile` : null;
@@ -12351,13 +12356,13 @@ const l4 = (o) => {
     "children",
     "className"
   ]);
-  const i = Oe(t), c = i.stepper, l = i.form, o = ce(), [p] = It(o), g = p.width;
+  const i = Oe(t), c = i.stepper, l = i.form, o = ce(), [p] = I2(o), g = p.width;
   document.documentElement.style.setProperty(
     "--stepper-layout-max-width",
     g + "px"
   );
   const d = "pds-stepper-layout";
-  return /* @__PURE__ */ e.createElement(_t, L({ className: z([d, n]) }, s), c && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(_2, L({ className: z([d, n]) }, s), c && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `${d}__stepper-container`,
@@ -12442,12 +12447,12 @@ const l4 = (o) => {
     /* @__PURE__ */ e.createElement("div", { className: C.join(" ").trim() }, m)
   );
 }, L4 = (t, n) => {
-  const [s, a] = Y(!1), r = Kt(
+  const [s, a] = Y(!1), r = K2(
     (c) => {
       c.key === t && (a(!0), n && n(c));
     },
     [t, n]
-  ), i = Kt(
+  ), i = K2(
     (c) => {
       c.key === t && a(!1);
     },
@@ -12459,32 +12464,32 @@ const l4 = (o) => {
 };
 export {
   g4 as AppLayout,
-  Yt as Avatar,
+  Y2 as Avatar,
   h4 as AvatarTileList,
   Gs as Banner,
   Jn as BranchDiff,
   zs as Breadcrumb,
-  ot as Button,
-  $t as ButtonLink,
+  o2 as Button,
+  $2 as ButtonLink,
   xs as ButtonNav,
   on as CTALink,
   ms as CTASlice,
   ns as Callout,
-  At as Card,
-  l2 as CardHeading,
+  A2 as Card,
+  lt as CardHeading,
   ss as CardSelectGroup,
   un as Checkbox,
   vs as CheckboxFieldset,
   bs as CheckboxGroup,
-  f2 as ClipboardButton,
-  O2 as CloseButton,
+  ft as ClipboardButton,
+  Ot as CloseButton,
   ds as CodeBlock,
   pn as Combobox,
   $s as ComboboxMultiselect,
   ps as CompactEmptyState,
-  C2 as ComparisonList,
-  _t as Container,
-  Tt as DashboardContext,
+  Ct as ComparisonList,
+  _2 as Container,
+  T2 as DashboardContext,
   Vs as DashboardGlobal,
   C4 as DashboardInner,
   Ss as DashboardNav,
@@ -12492,7 +12497,7 @@ export {
   As as DashboardSearch,
   us as DashboardStat,
   _4 as DocsLayout,
-  Dt as DropdownMenu,
+  D2 as DropdownMenu,
   ls as EmptyStateCard,
   Xs as ExpansionPanel,
   Ys as ExpansionPanelGroup,
@@ -12505,13 +12510,13 @@ export {
   v4 as GlobalWrapper,
   hs as HorizontalEmptyState,
   U as Icon,
-  Vt as IconButton,
-  bt as IndicatorBadge,
+  V2 as IconButton,
+  b2 as IndicatorBadge,
   Ws as InlineMessage,
   ws as InputGroup,
   ks as LinkNewWindow,
   as as LinksCard,
-  P2 as MenuButton,
+  Pt as MenuButton,
   Ns as Modal,
   Ds as NavMenu,
   Ts as Navbar,
@@ -12520,7 +12525,7 @@ export {
   Qs as Panel,
   Js as PanelList,
   e4 as PanelRow,
-  c2 as PantheonLogo,
+  ct as PantheonLogo,
   rs as PaymentCard,
   M1 as PaymentIcon,
   t4 as Picture,
@@ -12547,14 +12552,14 @@ export {
   a4 as SiteDashboardHeading,
   Es as SiteFooter,
   $n as SitePlanLevelLabel,
-  j2 as SiteTypeIcon,
+  jt as SiteTypeIcon,
   Is as SiteTypeLabel,
   rn as Skeleton,
   _n as Skiplink,
   c4 as SocialLinks,
-  wt as Spinner,
+  w2 as Spinner,
   w1 as SplitButton,
-  e2 as StatusBadge,
+  et as StatusBadge,
   r4 as StatusIndicator,
   o4 as Stepper,
   $4 as StepperLayout,
@@ -12564,8 +12569,8 @@ export {
   d4 as TableOfContents,
   m4 as Tabs,
   u4 as Tag,
-  zt as Tally,
-  q2 as TextInput,
+  z2 as Tally,
+  qt as TextInput,
   Ms as Textarea,
   p4 as ThemeSwitcher,
   y4 as ThreeItemLayout,
@@ -12581,13 +12586,13 @@ export {
   fs as VerticalEmptyState,
   dn as VideoEmbed,
   Zs as WorkspaceSelector,
-  g2 as badgeTypes,
+  gt as badgeTypes,
   hn as getFilteredOptions,
   Qn as iconList,
-  M2 as tagColors,
+  Mt as tagColors,
   b1 as useClipboard,
   L4 as useKeyPress,
   js as useToast,
-  F2 as useWindowWidth
+  Ft as useWindowWidth
 };
 //# sourceMappingURL=index.js.map