@pantheon-systems/pds-toolkit-react 2.0.0-alpha.22 → 2.0.0-alpha.24

package/dist/index.js

@@ -1,4 +1,4 @@
-import e, { Children as E1, isValidElement as $e, useState as j, cloneElement as Ne, createElement as $1, useContext as K2, useCallback as ye, useEffect as ae, createContext as Y2, forwardRef as Te, useRef as de, useMemo as Me, useId as O2 } from "react";
+import e, { Children as E1, isValidElement as we, useState as q, cloneElement as Ne, createElement as $1, useContext as K2, useCallback as ye, useEffect as ae, createContext as Y2, forwardRef as Te, useRef as de, useMemo as Me, useId as O2 } from "react";
 import w1 from "hash-sum";
 import { useFloating as ke, autoUpdate as Ie, offset as xe, flip as Re, shift as s2, useHover as U2, useFocus as r4, useDismiss as Oe, useRole as l2, useInteractions as Ze, FloatingPortal as L1, useId as o4, useClick as u2, safePolygon as y1, useListNavigation as z1, useTypeahead as i4, useTransitionStyles as Ke, size as v2, FloatingOverlay as d4, FloatingFocusManager as N1, arrow as m4, FloatingArrow as u4 } from "@floating-ui/react";
 import { ResponsiveContainer as M1, BarChart as p4, CartesianGrid as k1, XAxis as x1, YAxis as D1, Tooltip as P1, Bar as h4, LineChart as g4, Line as f4, ReferenceLine as n1 } from "recharts";
@@ -11,7 +11,7 @@ import { ToastContainer as v4, Slide as _4, toast as Z2, cssTransition as b4 } f
 import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13), Fe = (a) => {
   const l = {}, t = [];
   return E1.forEach(a, (c) => {
-    if ($e(c)) {
+    if (we(c)) {
       const n = c.props.slot;
       n ? l[n] ? l[n].push(c) : l[n] = [c] : t.push(c);
     } else
@@ -1759,12 +1759,12 @@ import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13
   ...o
 }) => {
   const r = "pds-icon", d = `${r} ${r}--${c} ${r}--${t}`, i = $4[t], m = `0 0 ${i.width} ${i.height}`, h = t in r1 ? r1[t] : null;
-  let f;
+  let C;
   if (h?.type === "complex")
-    f = h.render();
+    C = h.render();
   else {
     const u = h?.type === "path" ? h.svgPathData : i.svgPathData;
-    f = Array.isArray(u) ? u.map((p, C) => /* @__PURE__ */ e.createElement("path", { key: C, d: p, fill: "currentColor" })) : /* @__PURE__ */ e.createElement("path", { d: u, fill: "currentColor" });
+    C = Array.isArray(u) ? u.map((p, f) => /* @__PURE__ */ e.createElement("path", { key: f, d: p, fill: "currentColor" })) : /* @__PURE__ */ e.createElement("path", { d: u, fill: "currentColor" });
   }
   return /* @__PURE__ */ e.createElement(
     "svg",
@@ -1784,7 +1784,7 @@ import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13
       xmlns: "http://www.w3.org/2000/svg",
       ...o
     },
-    f
+    C
   );
 }, o1 = [
   "dawn",
@@ -1817,7 +1817,7 @@ import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13
   uniqueId: r,
   ...d
 }) => {
-  const i = "pds-avatar", m = `${i}--${o}`, h = s !== "circle" ? `${i}--${s}` : null, f = c ? `${i}--image` : null, [u, p] = j(void 0), b = {
+  const i = "pds-avatar", m = `${i}--${o}`, h = s !== "circle" ? `${i}--${s}` : null, C = c ? `${i}--image` : null, [u, p] = q(void 0), b = {
     backgroundImage: r ? `var(--pds-gradient-avatar-${w4(r)})` : null,
     borderRadius: s === "square" ? "var(--pds-border-radius-default)" : "100%",
     height: "100%",
@@ -1834,7 +1834,7 @@ import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13
       onLoad: () => p(!1),
       src: `${c}`
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: b }, t && /* @__PURE__ */ e.createElement(F, { className: `${i}__user-icon`, iconName: "user" })), E = /* @__PURE__ */ e.createElement("span", { className: `${i}__content` }, v), g = n && $e(n) ? Ne(
+  ) : /* @__PURE__ */ e.createElement("span", { style: b }, t && /* @__PURE__ */ e.createElement(F, { className: `${i}__user-icon`, iconName: "user" })), E = /* @__PURE__ */ e.createElement("span", { className: `${i}__content` }, v), g = n && we(n) ? Ne(
     n,
     Object.assign({}, n.props, {
       className: `${i}__content ${i}__content--link`,
@@ -1849,7 +1849,7 @@ import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13
         i,
         m,
         h,
-        f,
+        C,
         l
       ]),
       ...d
@@ -1944,7 +1944,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   SPACING_7XL: S1,
   SPACING_8XL: D4,
   SPACING_9XL: x4
-}, we = ({
+}, Le = ({
   className: a,
   content: l,
   customTrigger: t = null,
@@ -1958,15 +1958,15 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   zIndex: m = V4,
   ...h
 }) => {
-  const [f, u] = j(!1), p = typeof t, C = "pds-tooltip", b = $([
-    `${C}__trigger-custom`,
-    p === "string" ? `${C}__trigger-text` : null
+  const [C, u] = q(!1), p = typeof t, f = "pds-tooltip", b = $([
+    `${f}__trigger-custom`,
+    p === "string" ? `${f}__trigger-text` : null
   ]), v = $([
-    `${C}__trigger`,
-    `${C}__trigger--${d}`
+    `${f}__trigger`,
+    `${f}__trigger--${d}`
   ]), { context: E, floatingStyles: g, refs: _ } = ke({
     placement: s,
-    open: f,
+    open: C,
     onOpenChange: u,
     middleware: [xe(n), Re(), s2()],
     whileElementsMounted: Ie
@@ -1980,7 +1980,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     w,
     k
   ]);
-  return /* @__PURE__ */ e.createElement("div", { className: $([C, a ?? ""]), ...h }, t ? /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: $([f, a ?? ""]), ...h }, t ? /* @__PURE__ */ e.createElement(
     "span",
     {
       ref: _.setReference,
@@ -2000,7 +2000,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     /* @__PURE__ */ e.createElement(
       F,
       {
-        className: `${C}__icon`,
+        className: `${f}__icon`,
         iconName: r,
         size: i
       }
@@ -2009,13 +2009,13 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     "div",
     {
       ref: _.setFloating,
-      "aria-hidden": !f,
-      className: `${C}__container`,
+      "aria-hidden": !C,
+      className: `${f}__container`,
       style: {
         ...g,
         zIndex: m,
-        opacity: f ? 1 : 0,
-        pointerEvents: f ? "auto" : "none",
+        opacity: C ? 1 : 0,
+        pointerEvents: C ? "auto" : "none",
         transition: "var(--pds-animation-transition-reveal)"
       },
       ...P()
@@ -2033,11 +2033,11 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   numberBehindDescription: r = "commits behind main",
   ...d
 }) => {
-  const i = "pds-branch-diff", m = t ? `${i}--loading` : null, h = t ? "pds-pulse" : null, f = l !== null && l > 0 ? `${l}rem` : "100%";
+  const i = "pds-branch-diff", m = t ? `${i}--loading` : null, h = t ? "pds-pulse" : null, C = l !== null && l > 0 ? `${l}rem` : "100%";
   let u = Math.max(0, n), p = Math.max(0, o);
   t && (u = 1, p = 1);
-  const C = Math.max(u, p);
-  let b = C > 0 ? p / C * 100 : 0, v = C > 0 ? u / C * 100 : 0;
+  const f = Math.max(u, p);
+  let b = f > 0 ? p / f * 100 : 0, v = f > 0 ? u / f * 100 : 0;
   const E = 10;
   b < E ? (b = E, v = 100 - E) : v < E && (v = E, b = 100 - E);
   const g = t ? c : `${p} ${r} & ${u} ${s}`;
@@ -2045,11 +2045,11 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     "div",
     {
       className: $([i, m, a ?? ""]),
-      style: { width: f },
+      style: { width: C },
       ...d
     },
     /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: g,
         customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, /* @__PURE__ */ e.createElement(
@@ -2106,7 +2106,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
 }, N2 = (a) => {
   if (typeof a == "string" || typeof a == "number")
     return String(a);
-  if ($e(a)) {
+  if (we(a)) {
     const l = a.props;
     return E1.toArray(l.children).map(N2).join("");
   }
@@ -2128,7 +2128,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
 }, A1 = Y2(null), Y4 = ({
   children: a
 }) => {
-  const [l, t] = j(0), c = ye(() => {
+  const [l, t] = q(0), c = ye(() => {
     t((r) => r + 1);
   }, []), n = ye(() => {
     t((r) => Math.max(0, r - 1));
@@ -2163,7 +2163,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     enabled: s = !0,
     metaKey: o = !1,
     shiftKey: r = !1
-  } = t ?? {}, [d, i] = j(!1), m = ye(
+  } = t ?? {}, [d, i] = q(!1), m = ye(
     (u) => u.altKey === c && u.ctrlKey === n && u.metaKey === o && u.shiftKey === r,
     [c, n, o, r]
   ), h = ye(
@@ -2171,7 +2171,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       u.key === a && m(u) && (i(!0), l && l(u));
     },
     [a, l, m]
-  ), f = ye(
+  ), C = ye(
     (u) => {
       u.key === a && m(u) && i(!1);
     },
@@ -2179,10 +2179,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   );
   return ae(() => {
     if (s)
-      return window.addEventListener("keydown", h), window.addEventListener("keyup", f), () => {
-        window.removeEventListener("keydown", h), window.removeEventListener("keyup", f);
+      return window.addEventListener("keydown", h), window.addEventListener("keyup", C), () => {
+        window.removeEventListener("keydown", h), window.removeEventListener("keyup", C);
       };
-  }, [h, f, s]), d;
+  }, [h, C, s]), d;
 }, te = {
   base: "pds-input",
   disabled: "pds-is-disabled",
@@ -2212,7 +2212,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     "pds-input-label",
     r ? null : "visually-hidden",
     a ?? ""
-  ]), m = /* @__PURE__ */ e.createElement(e.Fragment, null, s, o && !l && /* @__PURE__ */ e.createElement(O1, null), d && /* @__PURE__ */ e.createElement(we, { content: d }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(F, { iconName: "circleInfo", size: "s" }))));
+  ]), m = /* @__PURE__ */ e.createElement(e.Fragment, null, s, o && !l && /* @__PURE__ */ e.createElement(O1, null), d && /* @__PURE__ */ e.createElement(Le, { content: d }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(F, { iconName: "circleInfo", size: "s" }))));
   return c ? /* @__PURE__ */ e.createElement("legend", { className: i, id: `${t}-legend` }, m) : n ? /* @__PURE__ */ e.createElement("span", { className: i, id: `${t}-field-label` }, m) : /* @__PURE__ */ e.createElement("label", { className: i, htmlFor: t, id: `${t}-label` }, m);
 }, De = ({
   className: a,
@@ -2351,12 +2351,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   size: s = "3xl",
   ...o
 }) => {
-  const r = "pds-spinner", d = l !== "full-color" ? `${r}--${l}` : null, i = t ? `${r}--inline` : null, m = Q4[s], h = J4[s], f = et[s], u = Math.ceil(parseFloat(m) * 16 * 0.13), p = {
+  const r = "pds-spinner", d = l !== "full-color" ? `${r}--${l}` : null, i = t ? `${r}--inline` : null, m = Q4[s], h = J4[s], C = et[s], u = Math.ceil(parseFloat(m) * 16 * 0.13), p = {
     "--spinner-size": m,
     "--spinner-line": `${u}px`
-  }, C = {
+  }, f = {
     fontSize: h,
-    marginBlockStart: f
+    marginBlockStart: C
   };
   return /* @__PURE__ */ e.createElement(
     "span",
@@ -2368,7 +2368,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       ...o
     },
     /* @__PURE__ */ e.createElement("span", { className: `${r}__icon` }),
-    n && !t ? /* @__PURE__ */ e.createElement("span", { className: `${r}__label`, style: C }, c) : /* @__PURE__ */ e.createElement(X4, { label: c })
+    n && !t ? /* @__PURE__ */ e.createElement("span", { className: `${r}__label`, style: f }, c) : /* @__PURE__ */ e.createElement(X4, { label: c })
   );
 }, Ae = Te(
   ({
@@ -2384,14 +2384,14 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     isWorking: i = !1,
     label: m,
     onClick: h,
-    size: f = "s",
+    size: C = "s",
     tooltipText: u,
     variant: p = "primary",
-    ...C
+    ...f
   }, b) => {
-    const v = "pds-button", E = `${v}--${f}`, g = `${v}--${p}`, _ = o ? `${v}--full-width` : null, N = r ? `${v}--loading` : null, z = r ? "pds-pulse" : null;
+    const v = "pds-button", E = `${v}--${C}`, g = `${v}--${p}`, _ = o ? `${v}--full-width` : null, N = r ? `${v}--loading` : null, z = r ? "pds-pulse" : null;
     let w, k;
-    switch (f) {
+    switch (C) {
       case "xs":
         w = "s", k = "s";
         break;
@@ -2438,7 +2438,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         disabled: c || r || i,
         onClick: h,
         type: l,
-        ...C
+        ...f
       },
       i && !r && /* @__PURE__ */ e.createElement(
         p2,
@@ -2450,7 +2450,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       ),
       D
     );
-    return (c || r || i) && u ? /* @__PURE__ */ e.createElement(we, { content: u, customTrigger: H }) : /* @__PURE__ */ e.createElement(e.Fragment, null, H);
+    return (c || r || i) && u ? /* @__PURE__ */ e.createElement(Le, { content: u, customTrigger: H }) : /* @__PURE__ */ e.createElement(e.Fragment, null, H);
   }
 ), tt = ({
   className: a,
@@ -2463,30 +2463,30 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   variant: r = "primary",
   ...d
 }) => {
-  const i = "pds-button-link", m = "pds-button", h = `${m}--${s}`, f = `${m}--${r}`, u = $([
+  const i = "pds-button-link", m = "pds-button", h = `${m}--${s}`, C = `${m}--${r}`, u = $([
     m,
     h,
-    f
-  ]), p = $e(n) ? n.props.children : null;
-  let C;
+    C
+  ]), p = we(n) ? n.props.children : null;
+  let f;
   switch (s) {
     case "xs":
-      C = "s";
+      f = "s";
       break;
     case "s":
-      C = "m";
+      f = "m";
       break;
     case "m":
-      C = "m";
+      f = "m";
       break;
     case "l":
-      C = "m";
+      f = "m";
       break;
     case "xl":
-      C = "l";
+      f = "l";
       break;
     default:
-      C = "m";
+      f = "m";
       break;
   }
   const b = /* @__PURE__ */ e.createElement(
@@ -2495,12 +2495,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       key: c,
       className: `${i}__icon`,
       iconName: c,
-      size: C
+      size: f
     }
   );
   let v = [p];
   t === "icon-start" && c ? v = [b, p] : t === "icon-end" && c && (v = [p, b]);
-  const E = $e(n) ? Ne(
+  const E = we(n) ? Ne(
     n,
     Object.assign({}, n.props, {
       className: u,
@@ -2519,7 +2519,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     }
   ) : /* @__PURE__ */ e.createElement("span", { className: $([i, a ?? ""]), ...d }, E);
 }, at = (a, l) => {
-  const [t, c] = j(!1), n = l?.duration;
+  const [t, c] = q(!1), n = l?.duration;
   return ae(() => {
     let o;
     return t && n && (o = setTimeout(() => {
@@ -2548,8 +2548,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     size: i = "s",
     variant: m = "standard",
     ...h
-  }, f) => {
-    const u = "pds-icon-button", p = i !== "s" ? `${u}--${i}` : null, C = m !== "standard" ? `${u}--${m}` : null, b = n ? `${u}--has-border` : null, v = {
+  }, C) => {
+    const u = "pds-icon-button", p = i !== "s" ? `${u}--${i}` : null, f = m !== "standard" ? `${u}--${m}` : null, b = n ? `${u}--has-border` : null, v = {
       fadeOut: `${u}--fadeOut`,
       hide: `${u}--hide`,
       scaleIn: `${u}--scaleIn`
@@ -2607,12 +2607,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     return /* @__PURE__ */ e.createElement(
       "button",
       {
-        ref: f,
+        ref: C,
         "aria-label": a,
         className: $([
           u,
           p,
-          C,
+          f,
           b,
           t
         ]),
@@ -2623,7 +2623,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         ...h
       },
       s && !c ? /* @__PURE__ */ e.createElement(
-        we,
+        Le,
         {
           className: `${u}__tooltip`,
           content: a,
@@ -2676,7 +2676,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     /* @__PURE__ */ e.createElement(F, { className: `${s}__icon`, iconName: "xmarkLarge" })
   );
   return /* @__PURE__ */ e.createElement(
-    we,
+    Le,
     {
       disableFocusTrigger: !0,
       content: a,
@@ -2691,7 +2691,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   disabled: t,
   label: c
 }) => {
-  const [n, s] = j(!1), o = "pds-nav-accordion";
+  const [n, s] = q(!1), o = "pds-nav-accordion";
   return /* @__PURE__ */ e.createElement("div", { className: $([o, l ?? ""]) }, /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -2767,9 +2767,9 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   role: i = "menu",
   selectedIndex: m = null,
   variant: h = "default",
-  virtual: f = !1
+  virtual: C = !1
 } = {}) => {
-  const [u, p] = j(!1), [C, b] = j(null), v = de([]), E = h === "input", g = () => {
+  const [u, p] = q(!1), [f, b] = q(null), v = de([]), E = h === "input", g = () => {
     const Z = [];
     return E ? Z.push(
       xe(({ placement: B }) => B.startsWith("top") ? 16 : 0)
@@ -2807,16 +2807,16 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   }), L = z1(_, {
     enabled: t,
     listRef: v,
-    activeIndex: C,
+    activeIndex: f,
     onNavigate: b,
-    virtual: f,
+    virtual: C,
     loop: !0,
     allowEscape: a,
-    focusItemOnHover: !f
+    focusItemOnHover: !C
   }), D = i4(_, {
     enabled: s,
     listRef: v,
-    activeIndex: C,
+    activeIndex: f,
     selectedIndex: m,
     onMatch: (Z) => {
       u || p(!0), b(Z);
@@ -2824,7 +2824,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     findMatch: lt
   }), { getFloatingProps: H, getItemProps: O, getReferenceProps: S } = Ze(
     [w, k, P, M, L, D]
-  ), { isMounted: Y, styles: q } = Ke(
+  ), { isMounted: Y, styles: j } = Ke(
     _,
     n ? {
       duration: { open: 300, close: 150 },
@@ -2836,7 +2836,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     }
   );
   return {
-    activeIndex: C,
+    activeIndex: f,
     floatingStyles: N,
     getFloatingProps: H,
     getItemProps: O,
@@ -2847,7 +2847,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     refs: z,
     setActiveIndex: b,
     setIsOpen: p,
-    transitionStyles: q
+    transitionStyles: j
   };
 }, j1 = ({
   className: a,
@@ -2862,12 +2862,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   onClick: i,
   size: m = "s",
   testId: h,
-  undefinedLabel: f = "Unlabeled group",
+  undefinedLabel: C = "Unlabeled group",
   variant: u = "primary",
   ...p
 }) => {
   const {
-    activeIndex: C,
+    activeIndex: f,
     floatingStyles: b,
     getFloatingProps: v,
     getItemProps: E,
@@ -2884,7 +2884,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     enableTypeahead: !0,
     placement: d === "end" ? "bottom-end" : "bottom-start",
     role: "menu"
-  }), M = "pds-menu-button", L = n, [D] = j(`menu-button-${n}`), H = [], O = [];
+  }), M = "pds-menu-button", L = n, [D] = q(`menu-button-${n}`), H = [], O = [];
   ((y) => {
     y.forEach((X) => {
       !Qe(X) && !Je(X) && !o2(X) && O.push(X);
@@ -2892,7 +2892,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   })(r);
   const Y = (y) => {
     "disabled" in y && y.disabled || ("callback" in y && y.callback && y.callback(y), k(!1));
-  }, q = () => {
+  }, j = () => {
     i && i();
   }, Z = (y, X, K = "", ne = "") => {
     const U = K ? `-group-${K}` : "", A = L + U + "-item-" + (X + 1), ee = "id" in y && y.id ? y.id : A;
@@ -2912,12 +2912,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     if (o2(y))
       return /* @__PURE__ */ e.createElement("li", { key: ee, role: "presentation" }, y.nodeContent);
     if (Ve(y) || "label" in y && y.label) {
-      const oe = O.indexOf(y), Q = C === oe, me = "isCritical" in y && y.isCritical, pe = "criticalLabel" in y ? y.criticalLabel : void 0, fe = [];
-      if ("label" in y && y.label && fe.push(y.label), Ve(y) && y.linkContent) {
+      const oe = O.indexOf(y), Q = f === oe, me = "isCritical" in y && y.isCritical, pe = "criticalLabel" in y ? y.criticalLabel : void 0, Ce = [];
+      if ("label" in y && y.label && Ce.push(y.label), Ve(y) && y.linkContent) {
         const ie = y.linkContent;
-        fe.push(ie.props.children);
+        Ce.push(ie.props.children);
       }
-      y.iconName && fe.unshift(
+      y.iconName && Ce.unshift(
         /* @__PURE__ */ e.createElement(
           F,
           {
@@ -2926,10 +2926,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
             size: y.iconSize ?? "s"
           }
         )
-      ), me && pe && fe.unshift(
+      ), me && pe && Ce.unshift(
         /* @__PURE__ */ e.createElement("span", { key: `critical-${L}`, className: "visually-hidden" }, pe)
       );
-      const Ce = y.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, y.description) : null;
+      const ve = y.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, y.description) : null;
       let ge;
       if (Ve(y) && y.linkContent) {
         const ie = y.linkContent, he = ie.type;
@@ -2940,10 +2940,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
             ...ie.props,
             onClick: () => k(!1)
           },
-          /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, fe), Ce)
+          /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, Ce), ve)
         );
       } else
-        ge = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, fe), Ce);
+        ge = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, Ce), ve);
       const se = $([
         "pds-dropdown__item",
         Q ? "pds-dropdown__item--focused" : null,
@@ -3072,12 +3072,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
           ...v()
         },
         A.map((ee, oe) => {
-          const Q = H[oe], me = "isHeading" in ee[0] && ee[0].isHeading, pe = me ? `${L}-group-${Q}-heading` : "", fe = `${L}-group-${Q}`, Ce = me ? null : `${f} ${oe + 1}`;
+          const Q = H[oe], me = "isHeading" in ee[0] && ee[0].isHeading, pe = me ? `${L}-group-${Q}-heading` : "", Ce = `${L}-group-${Q}`, ve = me ? null : `${C} ${oe + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
-              key: fe,
-              "aria-label": Ce,
+              key: Ce,
+              "aria-label": ve,
               "aria-labelledby": pe || void 0,
               role: "group"
             },
@@ -3140,7 +3140,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       type: "button",
       variant: u,
       ...g({
-        onClick: q
+        onClick: j
       })
     }
   )), t === "icon-only") {
@@ -3162,7 +3162,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         type: "button",
         variant: "standard",
         ...g({
-          onClick: q
+          onClick: j
         })
       }
     );
@@ -3191,8 +3191,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   value: d,
   ...i
 }) => {
-  const m = "pds-segmented-button", h = t ? "pds-is-disabled" : null, f = `${m}--${r}`, u = r === "s" ? "s" : "m", p = typeof d < "u", C = typeof l < "u", [b, v] = j(
-    C ? l : ""
+  const m = "pds-segmented-button", h = t ? "pds-is-disabled" : null, C = `${m}--${r}`, u = r === "s" ? "s" : "m", p = typeof d < "u", f = typeof l < "u", [b, v] = q(
+    f ? l : ""
   ), E = (g) => {
     v(g.target.value), s && s(g.target.value);
   };
@@ -3202,7 +3202,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       {
         className: $([
           m,
-          f,
+          C,
           h,
           a ?? ""
         ]),
@@ -3268,8 +3268,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   ...r
 }) => {
   const d = "pds-split-button", i = `${d}--${o}`, m = a[0], h = a.slice(1);
-  let f = null;
-  return "isLink" in m && m.isLink === !0 ? f = /* @__PURE__ */ e.createElement(
+  let C = null;
+  return "isLink" in m && m.isLink === !0 ? C = /* @__PURE__ */ e.createElement(
     tt,
     {
       className: `${d}__primary-action`,
@@ -3279,7 +3279,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       size: s,
       variant: o
     }
-  ) : "label" in m && (f = /* @__PURE__ */ e.createElement(
+  ) : "label" in m && (C = /* @__PURE__ */ e.createElement(
     Ae,
     {
       className: `${d}__primary-action`,
@@ -3296,7 +3296,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       id: c,
       ...r
     },
-    f,
+    C,
     /* @__PURE__ */ e.createElement(
       j1,
       {
@@ -3709,39 +3709,39 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   isWorking: i,
   label: m,
   linkContent: h,
-  onClick: f,
+  onClick: C,
   tooltipText: u,
   ...p
 }) => {
-  const C = "pds-utility-button", b = r ? "pds-pulse" : null, v = (k) => n && !i ? /* @__PURE__ */ e.createElement(F, { key: k, className: `${C}__icon`, iconName: n }) : null, E = () => i ? /* @__PURE__ */ e.createElement(
+  const f = "pds-utility-button", b = r ? "pds-pulse" : null, v = (k) => n && !i ? /* @__PURE__ */ e.createElement(F, { key: k, className: `${f}__icon`, iconName: n }) : null, E = () => i ? /* @__PURE__ */ e.createElement(
     p2,
     {
       key: "spinner",
-      className: `${C}__spinner`,
+      className: `${f}__spinner`,
       colorType: "monochromatic",
       size: "s"
     }
   ) : null, g = (k) => {
     const P = [];
     return s === "before" && P.push(v("icon-before")), P.push(E()), P.push(
-      /* @__PURE__ */ e.createElement("span", { key: "label", className: `${C}__label` }, k)
+      /* @__PURE__ */ e.createElement("span", { key: "label", className: `${f}__label` }, k)
     ), s === "after" && P.push(v("icon-after")), P.filter(Boolean);
-  }, _ = h && $e(h) ? h.props.children : m, N = $([
-    C,
-    c ? `${C}--border` : null,
-    o ? `${C}--critical` : null,
-    t ? `${C}--disabled` : null,
-    r ? `${C}--loading` : null,
-    i ? `${C}--working` : null,
-    d ? `${C}--monospace` : null,
+  }, _ = h && we(h) ? h.props.children : m, N = $([
+    f,
+    c ? `${f}--border` : null,
+    o ? `${f}--critical` : null,
+    t ? `${f}--disabled` : null,
+    r ? `${f}--loading` : null,
+    i ? `${f}--working` : null,
+    d ? `${f}--monospace` : null,
     l ?? ""
-  ]), z = (k) => u ? /* @__PURE__ */ e.createElement(we, { content: u, customTrigger: k }) : k;
+  ]), z = (k) => u ? /* @__PURE__ */ e.createElement(Le, { content: u, customTrigger: k }) : k;
   if (h && !t) {
-    const k = $e(h) ? Ne(
+    const k = we(h) ? Ne(
       h,
       Object.assign({}, h.props, {
         className: $([
-          `${C}__button`,
+          `${f}__button`,
           b,
           h.props.className ?? ""
         ]),
@@ -3754,8 +3754,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     "button",
     {
       "aria-disabled": t || r || i,
-      className: $([`${C}__button`, b]),
-      onClick: t ? void 0 : f,
+      className: $([`${f}__button`, b]),
+      onClick: t ? void 0 : C,
       type: "button",
       ...a
     },
@@ -3833,11 +3833,11 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   const i = "pds-card-select-group";
   let m = `${i}__legend`;
   n === "center" && (m = `${i}__legend ${i}__legend--center`), n === "hidden" && (m = `${i}__legend visually-hidden`);
-  const [h, f] = j(l), u = (g) => {
-    f(g.currentTarget.value), o && o(g.currentTarget.value);
-  }, p = r.length, C = "pds-grid-item", b = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
+  const [h, C] = q(l), u = (g) => {
+    C(g.currentTarget.value), o && o(g.currentTarget.value);
+  }, p = r.length, f = "pds-grid-item", b = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", v = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4";
   let E = "";
-  return s === "twoAcross" ? E = b : s === "threeAcross" ? E = v : s === "auto" && (p === 1 ? E = C : p % 3 === 0 ? E = v : p % 2 === 0 ? E = b : E = v), /* @__PURE__ */ e.createElement(
+  return s === "twoAcross" ? E = b : s === "threeAcross" ? E = v : s === "auto" && (p === 1 ? E = f : p % 3 === 0 ? E = v : p % 2 === 0 ? E = b : E = v), /* @__PURE__ */ e.createElement(
     "fieldset",
     {
       className: $([i, a]),
@@ -3930,10 +3930,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   message: i,
   onBlur: m,
   onFocus: h,
-  onOptionSelect: f,
+  onOptionSelect: C,
   options: u,
   required: p = !1,
-  showLabel: C = !0,
+  showLabel: f = !0,
   size: b = "s",
   tooltipText: v = null,
   validationMessage: E,
@@ -3944,7 +3944,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   const z = Be(o), w = "pds-select", k = a ? `${w}--auto-width` : null, P = b !== "s" ? `${w}--${b}` : null, M = c ? te.disabled : null, L = p && !c ? te.required : null, D = g === "error" ? te.error : null, H = g === "success" ? te.success : null;
   let O = null;
   g === "error" && (O = "error"), g === "success" && (O = "success");
-  const S = E || i, Y = typeof _ < "u", q = typeof t < "u", B = ((ue) => ue.reduce((_e, R) => m1(R) ? [..._e, ...R.options] : [..._e, R], []))(u), I = (ue) => B.findIndex((_e) => _e.value === ue), V = Y && I(_) >= 0 ? I(_) : null, x = q ? I(t) : null, G = V || x, [W, y] = j(
+  const S = E || i, Y = typeof _ < "u", j = typeof t < "u", B = ((ue) => ue.reduce((_e, T) => m1(T) ? [..._e, ...T.options] : [..._e, T], []))(u), I = (ue) => B.findIndex((_e) => _e.value === ue), V = Y && I(_) >= 0 ? I(_) : null, x = j ? I(t) : null, G = V || x, [W, y] = q(
     G ?? null
   ), {
     activeIndex: X,
@@ -3963,9 +3963,9 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     role: "listbox",
     selectedIndex: W,
     variant: "input"
-  }), fe = W !== null ? B[W]?.label : void 0, Ce = W !== null ? B[W]?.icon : void 0, ge = W !== null ? B[W]?.value : void 0, se = (ue) => {
+  }), Ce = W !== null ? B[W]?.label : void 0, ve = W !== null ? B[W]?.icon : void 0, ge = W !== null ? B[W]?.value : void 0, se = (ue) => {
     const _e = B[ue];
-    Y || (y(ue), me(!1)), f && f(_e);
+    Y || (y(ue), me(!1)), C && C(_e);
   };
   ae(() => {
     if (Y) {
@@ -3979,9 +3979,9 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     h && h(ge);
   }, Se = () => {
     Q.reference.current.focus();
-  }, le = (ue, _e) => {
-    const R = ue === "google" || ue === "microsoft", J = b === "l" ? "l" : "m";
-    return R ? /* @__PURE__ */ e.createElement(
+  }, ce = (ue, _e) => {
+    const T = ue === "google" || ue === "microsoft", J = b === "l" ? "l" : "m";
+    return T ? /* @__PURE__ */ e.createElement(
       q1,
       {
         className: _e,
@@ -3998,56 +3998,56 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     );
   }, be = (ue) => {
     let _e = 0;
-    return ue.map((R) => {
-      if (m1(R)) {
-        const ve = R.options.map((T) => {
-          const ce = _e++;
+    return ue.map((T) => {
+      if (m1(T)) {
+        const fe = T.options.map((R) => {
+          const le = _e++;
           return /* @__PURE__ */ e.createElement(
             $2,
             {
-              key: ce,
-              ref: (Le) => {
-                oe.current[ce] = Le;
+              key: le,
+              ref: (Ee) => {
+                oe.current[le] = Ee;
               },
-              "aria-disabled": T?.disabled,
-              "aria-selected": ce === W && ce === X,
-              tabIndex: ce === X ? 0 : -1,
-              ...!T?.disabled && U({
+              "aria-disabled": R?.disabled,
+              "aria-selected": le === W && le === X,
+              tabIndex: le === X ? 0 : -1,
+              ...!R?.disabled && U({
                 onClick() {
-                  se(ce);
+                  se(le);
                 },
-                onKeyDown(Le) {
-                  Le.key === "Enter" && (Le.preventDefault(), se(ce), Q.reference.current.focus()), Le.key === "Escape" && (Le.preventDefault(), Q.reference.current.focus());
+                onKeyDown(Ee) {
+                  Ee.key === "Enter" && (Ee.preventDefault(), se(le), Q.reference.current.focus()), Ee.key === "Escape" && (Ee.preventDefault(), Q.reference.current.focus());
                 }
               })
             },
-            /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label` }, T.icon && le(T.icon, `${w}__option-icon`), T.label),
-            W === ce && /* @__PURE__ */ e.createElement(m2, null)
+            /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label` }, R.icon && ce(R.icon, `${w}__option-icon`), R.label),
+            W === le && /* @__PURE__ */ e.createElement(m2, null)
           );
         });
-        return /* @__PURE__ */ e.createElement(rt, { key: R.groupLabel, label: R.groupLabel }, ve);
+        return /* @__PURE__ */ e.createElement(rt, { key: T.groupLabel, label: T.groupLabel }, fe);
       }
       const J = _e++;
       return /* @__PURE__ */ e.createElement(
         $2,
         {
           key: J,
-          ref: (ve) => {
-            oe.current[J] = ve;
+          ref: (fe) => {
+            oe.current[J] = fe;
           },
-          "aria-disabled": R?.disabled,
+          "aria-disabled": T?.disabled,
           "aria-selected": J === W && J === X,
           tabIndex: J === X ? 0 : -1,
-          ...!R?.disabled && U({
+          ...!T?.disabled && U({
             onClick() {
               se(J);
             },
-            onKeyDown(ve) {
-              ve.key === "Enter" && (ve.preventDefault(), se(J), Q.reference.current.focus()), ve.key === "Escape" && (ve.preventDefault(), Q.reference.current.focus());
+            onKeyDown(fe) {
+              fe.key === "Enter" && (fe.preventDefault(), se(J), Q.reference.current.focus()), fe.key === "Escape" && (fe.preventDefault(), Q.reference.current.focus());
             }
           })
         },
-        /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label` }, R.icon && le(R.icon, `${w}__option-icon`), R.label),
+        /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label` }, T.icon && ce(T.icon, `${w}__option-icon`), T.label),
         W === J && /* @__PURE__ */ e.createElement(m2, null)
       );
     });
@@ -4069,7 +4069,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       style: o ? z : null,
       ...N
     },
-    a && !o && /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${w}__sizer` }, B.map((ue) => /* @__PURE__ */ e.createElement("span", { key: ue.value, className: `${w}__input-wrapper` }, g !== void 0 && /* @__PURE__ */ e.createElement(We, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__option-text` }, ue.icon && le(ue.icon, `${w}__icon`), ue.label), /* @__PURE__ */ e.createElement(
+    a && !o && /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${w}__sizer` }, B.map((ue) => /* @__PURE__ */ e.createElement("span", { key: ue.value, className: `${w}__input-wrapper` }, g !== void 0 && /* @__PURE__ */ e.createElement(We, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__option-text` }, ue.icon && ce(ue.icon, `${w}__icon`), ue.label), /* @__PURE__ */ e.createElement(
       F,
       {
         className: `${w}__trigger-icon`,
@@ -4083,7 +4083,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         id: s,
         label: r,
         required: p,
-        showLabel: C,
+        showLabel: f,
         tooltipText: v
       }
     ),
@@ -4103,7 +4103,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         })
       },
       O && /* @__PURE__ */ e.createElement(We, { variant: O }),
-      /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__option-text` }, (Ce || !fe && n) && le(Ce || n, `${w}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label-text` }, fe ?? d.selectOptionText)), /* @__PURE__ */ e.createElement(F, { className: `${w}__trigger-icon`, iconName: "angleDown" }))
+      /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__option-text` }, (ve || !Ce && n) && ce(ve || n, `${w}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label-text` }, Ce ?? d.selectOptionText)), /* @__PURE__ */ e.createElement(F, { className: `${w}__trigger-icon`, iconName: "angleDown" }))
     ),
     ee && /* @__PURE__ */ e.createElement(
       "div",
@@ -4264,7 +4264,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   const c = getComputedStyle(a);
   return ot[l].map((s, o) => c.getPropertyValue(s).trim() || t[o]);
 }, Y1 = (a, l = "categorical") => {
-  const [t, c] = j(K1[l]);
+  const [t, c] = q(K1[l]);
   return ae(() => {
     if (!a.current) return;
     c(u1(a.current, l));
@@ -4305,8 +4305,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   if (s === "table") {
     const d = l.map(
       (i) => a.reduce((m, h) => {
-        const f = h[i.dataKey];
-        return m + (typeof f == "number" ? f : 0);
+        const C = h[i.dataKey];
+        return m + (typeof C == "number" ? C : 0);
       }, 0)
     );
     return /* @__PURE__ */ e.createElement("div", { className: `${o} ${o}--table` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__table-header` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__table-header-label` }, "Top sources"), /* @__PURE__ */ e.createElement("span", { className: `${o}__table-header-value` }, c)), l.map((i, m) => /* @__PURE__ */ e.createElement("div", { key: i.dataKey, className: `${o}__table-row` }, /* @__PURE__ */ e.createElement("span", { className: `${o}__table-row-label` }, /* @__PURE__ */ e.createElement(
@@ -4339,14 +4339,14 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   textSize: r = "m",
   ...d
 }) => {
-  const i = "pds-skeleton", m = `${i}--${c}`, h = t ? `pds-pulse pds-pulse--${l}` : `${i}--${l}`, f = ["text-block", "code-block", "code-block-prefix"], u = n?.height ? p1(n.height) : "1rem", p = n?.width ? p1(n.width) : "100%";
-  let C = {
+  const i = "pds-skeleton", m = `${i}--${c}`, h = t ? `pds-pulse pds-pulse--${l}` : `${i}--${l}`, C = ["text-block", "code-block", "code-block-prefix"], u = n?.height ? p1(n.height) : "1rem", p = n?.width ? p1(n.width) : "100%";
+  let f = {
     height: u,
     width: p
   };
-  c === "circular" && (C = {
-    ...C,
-    width: C.height
+  c === "circular" && (f = {
+    ...f,
+    width: f.height
   });
   const b = /* @__PURE__ */ e.createElement(
     "div",
@@ -4357,7 +4357,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         m,
         a ?? ""
       ]),
-      style: C,
+      style: f,
       ...d
     }
   ), g = Math.max(1, Math.min(o, c === "code-block" || c === "code-block-prefix" ? 15 : 5));
@@ -4378,7 +4378,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     const D = Math.ceil(g / 2), H = Math.max(0, D - 1);
     if (M < H)
       return 1;
-    const O = g - H, S = M - H, Y = 1 - 0.1, q = S / O, Z = 1 - Y * q;
+    const O = g - H, S = M - H, Y = 1 - 0.1, j = S / O, Z = 1 - Y * j;
     return Math.max(0.1, Z);
   }, P = /* @__PURE__ */ e.createElement(
     "div",
@@ -4433,7 +4433,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       )
     ))
   );
-  return f.includes(c) ? P : b;
+  return C.includes(c) ? P : b;
 }, it = () => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--inline" }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 0.75, width: 5 } }), /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 0.75, width: 5 } }), /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 0.75, width: 5 } })), dt = () => /* @__PURE__ */ e.createElement("div", { className: "pds-chart__skeleton-legend pds-chart__skeleton-legend--table" }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 4, width: "100%" } })), J1 = ({
   height: a,
   legendVariant: l = "inline",
@@ -4454,10 +4454,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   layout: i = "horizontal",
   legendVariant: m = "inline",
   onTimePeriodChange: h,
-  selectedTimePeriod: f,
+  selectedTimePeriod: C,
   series: u = [],
   showAccessibleTable: p,
-  showAxisLines: C,
+  showAxisLines: f,
   showGrid: b,
   showLegend: v,
   showTooltip: E,
@@ -4477,11 +4477,11 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     emptyStateHeading: O = "No data available",
     emptyStateMessage: S,
     legendTableHeader: Y,
-    loadingLabel: q = "Loading chart data"
+    loadingLabel: j = "Loading chart data"
   } = d, Z = de(null), B = W1(
     n,
     Y1(Z, n)
-  ), I = l ?? (r ? 60 : 360), V = t ?? (r ? 60 : void 0), x = b ?? !r, G = C ?? !r, W = v ?? !r, y = E ?? !r, X = p ?? !0, [K, ne] = j(null), U = de(K);
+  ), I = l ?? (r ? 60 : 360), V = t ?? (r ? 60 : void 0), x = b ?? !r, G = f ?? !r, W = v ?? !r, y = E ?? !r, X = p ?? !0, [K, ne] = q(null), U = de(K);
   K && (U.current = K);
   const A = de({
     getBoundingClientRect: () => ({
@@ -4499,24 +4499,24 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     open: !!K,
     placement: "top",
     whileElementsMounted: Ie
-  }), { isMounted: pe, styles: fe } = Ke(ee, {
+  }), { isMounted: pe, styles: Ce } = Ke(ee, {
     duration: { close: 150, open: 150 },
     initial: { opacity: 0 }
   });
   ae(() => {
     Q.setReference(A.current);
   }, [Q]);
-  const Ce = "pds-bar-chart", ge = N === "stacked" ? "stack" : void 0, se = ye(
-    (le) => {
+  const ve = "pds-bar-chart", ge = N === "stacked" ? "stack" : void 0, se = ye(
+    (ce) => {
       A.current.getBoundingClientRect = () => ({
-        bottom: le.clientY,
+        bottom: ce.clientY,
         height: 0,
-        left: le.clientX,
-        right: le.clientX,
-        top: le.clientY,
+        left: ce.clientX,
+        right: ce.clientX,
+        top: ce.clientY,
         width: 0,
-        x: le.clientX,
-        y: le.clientY
+        x: ce.clientX,
+        y: ce.clientY
       }), me();
     },
     [me]
@@ -4529,10 +4529,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       {
         ref: Z,
         "aria-busy": "true",
-        "aria-label": q,
+        "aria-label": j,
         className: $([
-          Ce,
-          `${Ce}--loading`,
+          ve,
+          `${ve}--loading`,
           c ?? ""
         ]),
         style: { maxWidth: V },
@@ -4553,8 +4553,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       {
         ref: Z,
         className: $([
-          Ce,
-          `${Ce}--empty`,
+          ve,
+          `${ve}--empty`,
           c ?? ""
         ]),
         style: { height: I, maxWidth: V },
@@ -4568,28 +4568,28 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         }
       )
     );
-  const he = i === "vertical", Se = (le) => N === "grouped" || N === "stacked" && le === u.length - 1 ? he ? [0, a, a, 0] : [a, a, 0, 0] : 0;
+  const he = i === "vertical", Se = (ce) => N === "grouped" || N === "stacked" && ce === u.length - 1 ? he ? [0, a, a, 0] : [a, a, 0, 0] : 0;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: Z,
-      className: $([Ce, c ?? ""]),
+      className: $([ve, c ?? ""]),
       style: V ? { maxWidth: V } : void 0,
       ...D
     },
-    !r && g && g.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Ce}__header` }, /* @__PURE__ */ e.createElement(
+    !r && g && g.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${ve}__header` }, /* @__PURE__ */ e.createElement(
       x2,
       {
         autoWidth: !0,
-        id: `${Ce}-time-period`,
+        id: `${ve}-time-period`,
         label: "Time period",
-        onOptionSelect: (le) => h?.(le.value),
-        options: g.map((le) => ({
-          label: le.label,
-          value: le.value
+        onOptionSelect: (ce) => h?.(ce.value),
+        options: g.map((ce) => ({
+          label: ce.label,
+          value: ce.value
         })),
         showLabel: !1,
-        value: f
+        value: C
       }
     )),
     /* @__PURE__ */ e.createElement(
@@ -4666,42 +4666,42 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         y && _ && /* @__PURE__ */ e.createElement(
           P1,
           {
-            content: (le) => !le.active || !le.payload?.length ? null : _({
-              entries: le.payload.map((be) => ({
+            content: (ce) => !ce.active || !ce.payload?.length ? null : _({
+              entries: ce.payload.map((be) => ({
                 color: String(be.color ?? ""),
                 dataKey: String(be.dataKey ?? ""),
                 name: String(be.name ?? ""),
                 value: Number(be.value ?? 0)
               })),
-              label: String(le.label ?? "")
+              label: String(ce.label ?? "")
             }),
             cursor: !1
           }
         ),
-        u.map((le, be) => /* @__PURE__ */ e.createElement(
+        u.map((ce, be) => /* @__PURE__ */ e.createElement(
           h4,
           {
-            key: le.dataKey,
-            dataKey: le.dataKey,
+            key: ce.dataKey,
+            dataKey: ce.dataKey,
             fill: L2(
               be,
               B,
-              le.color,
-              w2(n, le.paletteIndex)
+              ce.color,
+              w2(n, ce.paletteIndex)
             ),
-            name: le.label,
+            name: ce.label,
             onMouseEnter: _ ? void 0 : (ue) => {
               const _e = ue;
               y && _e && ne({
                 color: L2(
                   be,
                   B,
-                  le.color,
-                  w2(n, le.paletteIndex)
+                  ce.color,
+                  w2(n, ce.paletteIndex)
                 ),
                 label: String(_e.label ?? ""),
-                name: le.label,
-                value: Number(_e[le.dataKey] ?? 0)
+                name: ce.label,
+                value: Number(_e[ce.dataKey] ?? 0)
               });
             },
             onMouseLeave: _ ? void 0 : () => ne(null),
@@ -4719,7 +4719,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         role: "tooltip",
         style: {
           ...oe,
-          ...fe,
+          ...Ce,
           pointerEvents: "none",
           zIndex: "var(--pds-z-index-notifications)"
         }
@@ -4772,10 +4772,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   legendVariant: i = "inline",
   lineStyle: m = "smooth",
   onTimePeriodChange: h,
-  referenceLines: f,
+  referenceLines: C,
   selectedTimePeriod: u,
   series: p = [],
-  showAccessibleTable: C,
+  showAccessibleTable: f,
   showAxisLines: b,
   showDataPoints: v,
   showGrid: E,
@@ -4795,12 +4795,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     accessibleTableDescription: O = "Line chart data",
     emptyStateHeading: S = "No data available",
     emptyStateMessage: Y,
-    legendTableHeader: q,
+    legendTableHeader: j,
     loadingLabel: Z = "Loading chart data"
   } = d, B = de(null), I = W1(
     n,
     Y1(B, n)
-  ), V = l ?? (r ? 60 : 360), x = t ?? (r ? 60 : void 0), G = E ?? !r, W = b ?? !r, y = g ?? !r, X = _ ?? !r, K = v ?? !r, ne = C ?? !0, U = "pds-line-chart";
+  ), V = l ?? (r ? 60 : 360), x = t ?? (r ? 60 : void 0), G = E ?? !r, W = b ?? !r, y = g ?? !r, X = _ ?? !r, K = v ?? !r, ne = f ?? !0, U = "pds-line-chart";
   return o ? /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -4977,7 +4977,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
           type: m === "straight" ? "linear" : "monotone"
         }
       )),
-      !r && f?.map((A, ee) => {
+      !r && C?.map((A, ee) => {
         const oe = A.color ?? "var(--pds-color-fg-default-secondary)";
         return /* @__PURE__ */ e.createElement(
           n1,
@@ -5044,7 +5044,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         data: s,
         series: p,
         seriesColors: I,
-        tableHeader: q,
+        tableHeader: j,
         valueFormatter: M,
         variant: i
       }
@@ -5091,22 +5091,22 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       ...d
     },
     t && /* @__PURE__ */ e.createElement("div", { className: `${i}__intro` }, t),
-    l && /* @__PURE__ */ e.createElement("ul", { className: `${i}__list` }, l.map((f, u) => /* @__PURE__ */ e.createElement(
+    l && /* @__PURE__ */ e.createElement("ul", { className: `${i}__list` }, l.map((C, u) => /* @__PURE__ */ e.createElement(
       "li",
       {
         key: u,
-        className: `${i}__list-item ${i}__list-item--${f.type}`
+        className: `${i}__list-item ${i}__list-item--${C.type}`
       },
       /* @__PURE__ */ e.createElement("div", { className: `${i}__item-icon-wrapper` }, /* @__PURE__ */ e.createElement(
         F,
         {
           className: `${i}__item-icon`,
-          iconName: mt[f.type],
+          iconName: mt[C.type],
           size: o
         }
       )),
-      n && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r[f.type], ":", " "),
-      f.text
+      n && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, r[C.type], ":", " "),
+      C.text
     ))),
     c && /* @__PURE__ */ e.createElement("div", { className: `${i}__more-link` }, c)
   );
@@ -5124,9 +5124,9 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   size: i = "m",
   title: m,
   width: h,
-  ...f
+  ...C
 }) => {
-  const u = "pds-drawer", p = h ? null : `${u}--${i}`, C = `${u}--${r}`, b = h ? { width: h } : void 0, [v, E] = j(o), [g, _] = j(!1), N = de(null), { closeOverlay: z, openOverlay: w } = M2();
+  const u = "pds-drawer", p = h ? null : `${u}--${i}`, f = `${u}--${r}`, b = h ? { width: h } : void 0, [v, E] = q(o), [g, _] = q(!1), N = de(null), { closeOverlay: z, openOverlay: w } = M2();
   ae(() => {
     o ? E(!0) : _(!1);
   }, [o]), ae(() => {
@@ -5187,14 +5187,14 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
           className: $([
             u,
             p,
-            C,
+            f,
             g ? `${u}--open` : null,
             t
           ]),
           onTransitionEnd: P,
           role: "dialog",
           style: b,
-          ...f
+          ...C
         },
         /* @__PURE__ */ e.createElement("div", { className: `${u}__header` }, m && /* @__PURE__ */ e.createElement("div", { className: `${u}__title` }, m), s && /* @__PURE__ */ e.createElement(
           h2,
@@ -5289,7 +5289,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   trailingIcon: i,
   ...m
 }) => {
-  const { activeIndex: h, getItemProps: f, listRef: u } = s1(), p = "pds-dropdown", C = h === s, b = C ? `${p}__item--focused` : null, v = o ? `${p}__item--active` : null, E = r ? `${p}__item--critical` : null, g = c ? `${p}__item--disabled` : null;
+  const { activeIndex: h, getItemProps: C, listRef: u } = s1(), p = "pds-dropdown", f = h === s, b = f ? `${p}__item--focused` : null, v = o ? `${p}__item--active` : null, E = r ? `${p}__item--critical` : null, g = c ? `${p}__item--disabled` : null;
   return /* @__PURE__ */ e.createElement(
     "li",
     {
@@ -5306,8 +5306,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         l ?? ""
       ]),
       role: "menuitem",
-      tabIndex: C ? 0 : -1,
-      ...f({
+      tabIndex: f ? 0 : -1,
+      ...C({
         onClick: c ? void 0 : d
       }),
       ...m
@@ -5438,9 +5438,9 @@ const bt = ({
   maxWidth: i = "1200px",
   message: m,
   video: h,
-  ...f
+  ...C
 }) => {
-  const u = "pds-horizontal-empty-state", p = `${u}--${a}`, C = d ? `${u}--panel` : null, b = h ? `${u}--video` : null, v = {
+  const u = "pds-horizontal-empty-state", p = `${u}--${a}`, f = d ? `${u}--panel` : null, b = h ? `${u}--video` : null, v = {
     marginInlineStart: o,
     width: r
   };
@@ -5450,12 +5450,12 @@ const bt = ({
       className: $([
         u,
         p,
-        C,
+        f,
         b,
         l ?? ""
       ]),
       style: { maxWidth: i },
-      ...f
+      ...C
     },
     /* @__PURE__ */ e.createElement("div", { className: `${u}__content` }, /* @__PURE__ */ e.createElement(
       c2,
@@ -5519,7 +5519,7 @@ const bt = ({
       ...s
     },
     /* @__PURE__ */ e.createElement("div", { className: `${o}__total-changes` }, /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         className: `${o}__tooltip`,
         content: `${r} ${n.linesChanged}`,
@@ -5534,7 +5534,7 @@ const bt = ({
         style: { width: `${d}%` }
       },
       /* @__PURE__ */ e.createElement(
-        we,
+        Le,
         {
           className: `${o}__tooltip`,
           content: `${c} ${n.deletions}`,
@@ -5549,7 +5549,7 @@ const bt = ({
         style: { width: `${i}%` }
       },
       /* @__PURE__ */ e.createElement(
-        we,
+        Le,
         {
           className: `${o}__tooltip`,
           content: `${a} ${n.additions}`,
@@ -5913,9 +5913,9 @@ const bt = ({
   const r = "pds-identity-block", d = t ? `${r}--collapsed` : null, i = c ? `${r}--single-line` : null, m = a ? {
     ...a,
     size: c ? "s" : "m"
-  } : void 0, h = s && !c, f = de(null), u = de(null), [p, C] = j(!1), [b, v] = j(!1), E = ye(() => {
-    f.current && C(
-      f.current.scrollWidth > f.current.clientWidth
+  } : void 0, h = s && !c, C = de(null), u = de(null), [p, f] = q(!1), [b, v] = q(!1), E = ye(() => {
+    C.current && f(
+      C.current.scrollWidth > C.current.clientWidth
     ), u.current && v(
       u.current.scrollWidth > u.current.clientWidth
     );
@@ -5942,7 +5942,7 @@ const bt = ({
       ...o
     },
     _ && (t && g ? /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: g,
         customTrigger: _,
@@ -5952,7 +5952,7 @@ const bt = ({
     (n || h) && /* @__PURE__ */ e.createElement("div", { className: `${r}__text` }, /* @__PURE__ */ e.createElement(
       "span",
       {
-        ref: f,
+        ref: C,
         className: `${r}__primary-text`,
         title: p ? n : void 0
       },
@@ -5981,10 +5981,10 @@ const bt = ({
     message: i,
     name: m,
     nestingLevel: h = 0,
-    onBlur: f,
+    onBlur: C,
     onChange: u,
     onFocus: p,
-    required: C,
+    required: f,
     showLabel: b = !0,
     size: v = "s",
     validationMessage: E,
@@ -5992,8 +5992,8 @@ const bt = ({
     value: _,
     ...N
   }, z) => {
-    const w = r ? { width: `${r / 16}rem` } : null, k = "pds-checkbox", P = c ? te.disabled : null, M = g === "error" ? te.error : null, L = h > 0 ? `${k}--indent-${h}` : null, D = C && !c ? te.required : null, H = v !== "s" ? `${k}--${v}` : null, O = g === "success" ? te.success : null, S = E || i, Y = typeof a < "u", q = typeof t < "u", [Z, B] = j(
-      q ? t : !1
+    const w = r ? { width: `${r / 16}rem` } : null, k = "pds-checkbox", P = c ? te.disabled : null, M = g === "error" ? te.error : null, L = h > 0 ? `${k}--indent-${h}` : null, D = f && !c ? te.required : null, H = v !== "s" ? `${k}--${v}` : null, O = g === "success" ? te.success : null, S = E || i, Y = typeof a < "u", j = typeof t < "u", [Z, B] = q(
+      j ? t : !1
     ), I = a || Z, V = (X) => {
       Y || B(X.target.checked), u && u(X);
     }, x = `${k}__box`, G = s ? null : I ? `${x}--checked` : null, W = s ? `${x}--indeterminate` : null, y = ye(() => {
@@ -6055,10 +6055,10 @@ const bt = ({
           "aria-describedby": S ? `${n}__message` : null,
           "aria-invalid": g === "error" ? !0 : null,
           disabled: c,
-          onBlur: f,
+          onBlur: C,
           onChange: V,
           onFocus: p,
-          required: C,
+          required: f,
           ...o
         }
       ), /* @__PURE__ */ e.createElement("label", { className: `${k}__label`, htmlFor: n }, /* @__PURE__ */ e.createElement(
@@ -6081,7 +6081,7 @@ const bt = ({
         },
         d,
         " ",
-        C && !c && /* @__PURE__ */ e.createElement(O1, null)
+        f && !c && /* @__PURE__ */ e.createElement(O1, null)
       ))),
       S && /* @__PURE__ */ e.createElement(
         De,
@@ -6108,15 +6108,15 @@ const bt = ({
   showLabel: i = !0,
   tooltipText: m = null,
   validationMessage: h,
-  validationStatus: f,
+  validationStatus: C,
   ...u
 }) => {
-  const p = s ? { width: `${s / 16}rem` } : null, C = "pds-checkbox-group", b = t ? te.disabled : null, v = d && !t ? te.required : null, E = f === "error" ? te.error : null, g = f === "success" ? te.success : null, _ = h || r;
+  const p = s ? { width: `${s / 16}rem` } : null, f = "pds-checkbox-group", b = t ? te.disabled : null, v = d && !t ? te.required : null, E = C === "error" ? te.error : null, g = C === "success" ? te.success : null, _ = h || r;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       className: $([
-        C,
+        f,
         b,
         v,
         E,
@@ -6126,7 +6126,7 @@ const bt = ({
       style: s ? p : null,
       ...u
     },
-    /* @__PURE__ */ e.createElement("fieldset", { className: `${C}__fieldset`, id: n, ...c }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("fieldset", { className: `${f}__fieldset`, id: n, ...c }, /* @__PURE__ */ e.createElement(
       He,
       {
         isLegend: !0,
@@ -6137,7 +6137,7 @@ const bt = ({
         showLabel: i,
         tooltipText: m
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: `${C}__options` }, a)),
+    ), /* @__PURE__ */ e.createElement("div", { className: `${f}__options` }, a)),
     _ && /* @__PURE__ */ e.createElement(
       De,
       {
@@ -6145,7 +6145,7 @@ const bt = ({
         hasValidationMessage: !!h,
         id: n,
         message: _,
-        validationStatus: f
+        validationStatus: C
       }
     )
   );
@@ -6162,10 +6162,10 @@ const bt = ({
   options: i,
   required: m = !1,
   showLabel: h = !0,
-  tooltipText: f = null,
+  tooltipText: C = null,
   validationMessage: u,
   validationStatus: p,
-  ...C
+  ...f
 }) => {
   const b = n ? { width: `${n / 16}rem` } : null, v = "pds-checkbox-group", E = l ? te.disabled : null, g = m && !l ? te.required : null, _ = p === "error" ? te.error : null, N = p === "success" ? te.success : null, z = u || o;
   i.map((D) => {
@@ -6175,7 +6175,7 @@ const bt = ({
   i.map((D) => {
     D.checked === !0 && w.push(D.value);
   });
-  const [k, P] = j(w), M = (D) => {
+  const [k, P] = q(w), M = (D) => {
     const { value: H } = D.target, O = k.includes(H) ? k.filter((S) => S !== H) : [...k, H];
     P(O), d && d(O);
   };
@@ -6199,7 +6199,7 @@ const bt = ({
         a ?? ""
       ]),
       style: n ? b : null,
-      ...C
+      ...f
     },
     /* @__PURE__ */ e.createElement("fieldset", { className: `${v}__fieldset`, id: c, ...t }, /* @__PURE__ */ e.createElement(
       He,
@@ -6210,7 +6210,7 @@ const bt = ({
         label: s,
         required: m,
         showLabel: h,
-        tooltipText: f
+        tooltipText: C
       }
     ), /* @__PURE__ */ e.createElement("div", { className: `${v}__options` }, i.map((D) => /* @__PURE__ */ e.createElement(
       G2,
@@ -6257,10 +6257,10 @@ const bt = ({
       searchShortcut: "Press / to focus the search field",
       triggerButton: "Toggle dropdown menu"
     },
-    loadingText: f = "Loading results...",
+    loadingText: C = "Loading results...",
     message: u,
     noResultsText: p = "No results found",
-    onBlur: C,
+    onBlur: f,
     onChange: b,
     onClear: v,
     onFocus: E,
@@ -6277,23 +6277,23 @@ const bt = ({
     value: H,
     ...O
   }, S) => {
-    const Y = Be(d), q = "pds-combobox", Z = P !== "s" ? `${q}--${P}` : null, B = t ? te.disabled : null, I = z && !t ? te.required : null, V = D === "error" ? te.error : null, x = D === "success" ? te.success : null;
+    const Y = Be(d), j = "pds-combobox", Z = P !== "s" ? `${j}--${P}` : null, B = t ? te.disabled : null, I = z && !t ? te.required : null, V = D === "error" ? te.error : null, x = D === "success" ? te.success : null;
     let G = null;
     s && (G = "search"), D === "error" && (G = "error"), D === "success" && (G = "success");
     const W = L || u, y = typeof H < "u", X = typeof l < "u", K = (re) => {
-      const Ee = _.find((Pe) => Pe.value === re);
-      return Ee ? Ee.label : "";
-    }, [ne, U] = j(X ? l : void 0), [A, ee] = j(
+      const $e = _.find((Pe) => Pe.value === re);
+      return $e ? $e.label : "";
+    }, [ne, U] = q(X ? l : void 0), [A, ee] = q(
       y ? H ?? "" : X ? K(l) : ""
     );
     ae(() => {
       y && ee(H ?? "");
     }, [y, H]);
     const oe = de(null), Q = (re) => re.map(
-      ({ label: Ee, optionDisplay: Pe, searchIndex: D2, value: Xe, ...c4 }) => {
-        const n4 = Xe || Ee, c1 = [Ee, Xe];
+      ({ label: $e, optionDisplay: Pe, searchIndex: D2, value: Xe, ...c4 }) => {
+        const n4 = Xe || $e, c1 = [$e, Xe];
         return D2 && c1.push(...D2), {
-          label: Ee,
+          label: $e,
           value: n4,
           searchIndex: c1,
           optionDisplay: Pe,
@@ -6303,12 +6303,12 @@ const bt = ({
     ), me = Me(() => {
       const re = Q(_);
       if (!A && !k) return [];
-      const Ee = (A ?? "").toLowerCase();
-      return re.filter((Pe) => (Pe.searchIndex?.map((Xe) => Xe.toLowerCase()) ?? []).some((Xe) => Xe.includes(Ee)));
+      const $e = (A ?? "").toLowerCase();
+      return re.filter((Pe) => (Pe.searchIndex?.map((Xe) => Xe.toLowerCase()) ?? []).some((Xe) => Xe.includes($e)));
     }, [_, A, k, i]), {
       getInputProps: pe,
-      getItemProps: fe,
-      getMenuProps: Ce,
+      getItemProps: Ce,
+      getMenuProps: ve,
       highlightedIndex: ge,
       isOpen: se,
       openMenu: ie,
@@ -6323,8 +6323,8 @@ const bt = ({
       onSelectedItemChange: ({ selectedItem: re }) => {
         re && (y || ee(re.label), U(re.value), g?.(re));
       },
-      stateReducer: (re, { changes: Ee, type: Pe }) => Pe === ze.stateChangeTypes.InputBlur ? { ...Ee, inputValue: re.inputValue } : Ee.isOpen && !re.inputValue && !k && Pe === ze.stateChangeTypes.InputClick ? { ...Ee, isOpen: !1 } : Ee
-    }), { context: Se, floatingStyles: le, refs: be } = ke({
+      stateReducer: (re, { changes: $e, type: Pe }) => Pe === ze.stateChangeTypes.InputBlur ? { ...$e, inputValue: re.inputValue } : $e.isOpen && !re.inputValue && !k && Pe === ze.stateChangeTypes.InputClick ? { ...$e, isOpen: !1 } : $e
+    }), { context: Se, floatingStyles: ce, refs: be } = ke({
       open: se,
       whileElementsMounted: Ie,
       placement: "bottom-start",
@@ -6332,8 +6332,8 @@ const bt = ({
       middleware: [
         xe(({ placement: re }) => re.startsWith("top") ? 16 : 0),
         v2({
-          apply({ availableHeight: re, elements: Ee, rects: Pe }) {
-            Object.assign(Ee.floating.style, {
+          apply({ availableHeight: re, elements: $e, rects: Pe }) {
+            Object.assign($e.floating.style, {
               minHeight: "var(--pds-spacing-3xl)",
               maxHeight: `${re}px`,
               width: `${Pe.reference.width}px`
@@ -6351,34 +6351,34 @@ const bt = ({
         open: { opacity: 1 },
         close: { opacity: 0 }
       }
-    ), R = ye(
+    ), T = ye(
       (re) => {
         be.setReference(re), typeof S == "function" ? S(re) : S && "current" in S && (S.current = re);
       },
       [S, be]
     ), J = () => {
       se ? he() : ie();
-    }, ve = () => {
+    }, fe = () => {
       y || ee(""), U(void 0), he(), oe.current?.focus(), k && ie(), v?.();
-    }, T = (re) => {
-      C?.(ne);
-    }, ce = (re) => {
+    }, R = (re) => {
+      f?.(ne);
+    }, le = (re) => {
       k && ie(), E?.(ne);
-    }, Le = () => me.map((re, Ee) => /* @__PURE__ */ e.createElement(
+    }, Ee = () => me.map((re, $e) => /* @__PURE__ */ e.createElement(
       $2,
       {
         key: re.value,
-        className: ge === Ee ? "pds-dropdown__item--focused" : "",
-        ...fe({ item: re, index: Ee })
+        className: ge === $e ? "pds-dropdown__item--focused" : "",
+        ...Ce({ item: re, index: $e })
       },
-      /* @__PURE__ */ e.createElement("span", { className: `${q}__option-label` }, re.optionDisplay || re.label)
+      /* @__PURE__ */ e.createElement("span", { className: `${j}__option-label` }, re.optionDisplay || re.label)
     ));
     return /* @__PURE__ */ e.createElement(
       "div",
       {
         className: $([
           te.base,
-          q,
+          j,
           Z,
           B,
           I,
@@ -6403,12 +6403,12 @@ const bt = ({
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          ref: R,
+          ref: T,
           "aria-describedby": W ? `${r}__message` : null,
           "aria-disabled": t ? !0 : null,
           "aria-invalid": D === "error" ? !0 : null,
           "aria-required": z ? !0 : null,
-          className: `${q}__input-wrapper`,
+          className: `${j}__input-wrapper`,
           id: r
         },
         G && /* @__PURE__ */ e.createElement(We, { variant: G }),
@@ -6417,17 +6417,17 @@ const bt = ({
           {
             ref: oe,
             autoComplete: "off",
-            className: `${q}__input`,
+            className: `${j}__input`,
             id: `input-${r}`,
             ...pe({
               "aria-label": h.inputInstructions,
               disabled: t,
               placeholder: N,
-              onBlur: T,
+              onBlur: R,
               onChange: (re) => {
                 b?.(re);
               },
-              onFocus: ce
+              onFocus: le
             })
           }
         ),
@@ -6435,7 +6435,7 @@ const bt = ({
           t1,
           {
             clearLabel: h.clearButton,
-            handleClearInput: ve,
+            handleClearInput: fe,
             id: `input-${r}`
           }
         ),
@@ -6451,7 +6451,7 @@ const bt = ({
           {
             "aria-expanded": se,
             "aria-label": h.triggerButton,
-            className: `${q}__trigger`,
+            className: `${j}__trigger`,
             disabled: t,
             onClick: J,
             type: "button"
@@ -6459,7 +6459,7 @@ const bt = ({
           /* @__PURE__ */ e.createElement(
             F,
             {
-              className: `${q}__trigger-icon`,
+              className: `${j}__trigger-icon`,
               iconName: "angleDown",
               size: "m"
             }
@@ -6470,14 +6470,14 @@ const bt = ({
         "div",
         {
           ref: be.setFloating,
-          className: `pds-dropdown__panel ${q}__dropdown`,
+          className: `pds-dropdown__panel ${j}__dropdown`,
           style: {
-            ...le,
+            ...ce,
             ..._e,
             zIndex: "var(--pds-z-index-dropdown)"
           }
         },
-        i ? /* @__PURE__ */ e.createElement("div", { className: `${q}__loading` }, f) : me.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${q}__options`, ...Ce() }, Le()) : /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, p)
+        i ? /* @__PURE__ */ e.createElement("div", { className: `${j}__loading` }, C) : me.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${j}__options`, ...ve() }, Ee()) : /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, p)
       ),
       W && /* @__PURE__ */ e.createElement(
         De,
@@ -6521,39 +6521,39 @@ const bt = ({
   loadingText: i = "Loading results...",
   noResultsText: m = "No results found",
   onChange: h,
-  options: f,
+  options: C,
   placeholder: u = "Filter",
   required: p = !1,
-  showAllTags: C = !1,
+  showAllTags: f = !1,
   showLabel: b = !0,
   size: v = "s",
   ...E
 }) => {
-  const g = Be(s), _ = "pds-combobox-multi", N = v !== "s" ? `${_}--${v}` : null, z = t ? te.disabled : null, w = p && !t ? te.required : null, k = C ? `${_}--show-all-tags` : null, [P, M] = j(""), [L, D] = j(n), [H, O] = j(
+  const g = Be(s), _ = "pds-combobox-multi", N = v !== "s" ? `${_}--${v}` : null, z = t ? te.disabled : null, w = p && !t ? te.required : null, k = f ? `${_}--show-all-tags` : null, [P, M] = q(""), [L, D] = q(n), [H, O] = q(
     null
-  ), [S, Y] = j(!1), q = Me(
-    () => wt(f, L, P),
-    [f, L, P]
+  ), [S, Y] = q(!1), j = Me(
+    () => wt(C, L, P),
+    [C, L, P]
   ), Z = Me(
-    () => a?.items?.map((T) => ({
-      ...T,
+    () => a?.items?.map((R) => ({
+      ...R,
       isAlreadySelected: L.some(
-        (ce) => ce.id === T.id
+        (le) => le.id === R.id
       )
     })) || [],
     [a?.items, L]
-  ), B = (T) => {
-    D(T), h?.(T);
+  ), B = (R) => {
+    D(R), h?.(R);
   }, { getDropdownProps: I, getSelectedItemProps: V, removeSelectedItem: x } = r2({
     selectedItems: L,
-    onStateChange: ({ selectedItems: T, type: ce }) => {
+    onStateChange: ({ selectedItems: R, type: le }) => {
       if (!t)
-        switch (ce) {
+        switch (le) {
           case r2.stateChangeTypes.SelectedItemKeyDownBackspace:
           case r2.stateChangeTypes.SelectedItemKeyDownDelete:
           case r2.stateChangeTypes.DropdownKeyDownBackspace:
           case r2.stateChangeTypes.FunctionRemoveSelectedItem:
-            B(T || []);
+            B(R || []);
             break;
         }
     }
@@ -6568,29 +6568,29 @@ const bt = ({
     openMenu: A,
     selectedItem: ee
   } = ze({
-    items: q,
-    itemToString: (T) => T ? T.label : "",
+    items: j,
+    itemToString: (R) => R ? R.label : "",
     selectedItem: null,
     inputValue: P,
     isOpen: t ? !1 : void 0,
-    stateReducer: (T, { changes: ce, type: Le }) => {
-      if (t) return T;
-      switch (Le) {
+    stateReducer: (R, { changes: le, type: Ee }) => {
+      if (t) return R;
+      switch (Ee) {
         case ze.stateChangeTypes.InputKeyDownEnter:
         case ze.stateChangeTypes.ItemClick:
           return {
-            ...ce,
+            ...le,
             isOpen: !0,
-            highlightedIndex: T.highlightedIndex
+            highlightedIndex: R.highlightedIndex
           };
         default:
-          return ce;
+          return le;
       }
     },
     onStateChange: ({
-      inputValue: T,
-      isOpen: ce,
-      selectedItem: Le,
+      inputValue: R,
+      isOpen: le,
+      selectedItem: Ee,
       type: re
     }) => {
       if (!t)
@@ -6598,16 +6598,16 @@ const bt = ({
           case ze.stateChangeTypes.InputKeyDownEnter:
           case ze.stateChangeTypes.ItemClick:
           case ze.stateChangeTypes.InputBlur:
-            Le && (Le.isAlreadySelected ? B(
-              L.filter((Ee) => Ee.id !== Le.id)
-            ) : B([...L, Le]), M(""), O(null));
+            Ee && (Ee.isAlreadySelected ? B(
+              L.filter(($e) => $e.id !== Ee.id)
+            ) : B([...L, Ee]), M(""), O(null));
             break;
           case ze.stateChangeTypes.InputChange:
-            M(T || ""), O(null);
+            M(R || ""), O(null);
             break;
           case ze.stateChangeTypes.ToggleButtonClick:
           case ze.stateChangeTypes.FunctionOpenMenu:
-            ce && Y(!1);
+            le && Y(!1);
             break;
         }
     }
@@ -6617,11 +6617,11 @@ const bt = ({
     placement: "bottom-start",
     strategy: "absolute",
     middleware: [
-      xe(({ placement: T }) => T.startsWith("top") ? 16 : 0),
+      xe(({ placement: R }) => R.startsWith("top") ? 16 : 0),
       v2({
-        apply({ availableHeight: T, elements: ce }) {
-          Object.assign(ce.floating.style, {
-            maxHeight: `${T}px`
+        apply({ availableHeight: R, elements: le }) {
+          Object.assign(le.floating.style, {
+            maxHeight: `${R}px`
           });
         },
         padding: {
@@ -6638,7 +6638,7 @@ const bt = ({
   }), {
     context: me,
     floatingStyles: pe,
-    refs: fe
+    refs: Ce
   } = ke({
     open: S,
     onOpenChange: Y,
@@ -6646,11 +6646,11 @@ const bt = ({
     placement: "bottom-start",
     strategy: "absolute",
     middleware: [
-      xe(({ placement: T }) => T.startsWith("top") ? 16 : 4),
+      xe(({ placement: R }) => R.startsWith("top") ? 16 : 4),
       v2({
-        apply({ elements: T, rects: ce }) {
-          Object.assign(T.floating.style, {
-            width: `${ce.reference.width}px`
+        apply({ elements: R, rects: le }) {
+          Object.assign(R.floating.style, {
+            width: `${le.reference.width}px`
           });
         }
       }),
@@ -6658,40 +6658,40 @@ const bt = ({
         padding: 24
       })
     ]
-  }), Ce = Oe(me), { getFloatingProps: ge } = Ze([
-    Ce
-  ]), se = (T) => {
-    if (T.stopPropagation(), t) return;
-    const ce = !S;
-    Y(ce), ce && U && G();
-  }, ie = (T) => {
-    t || (T.isAlreadySelected ? B(
-      L.filter((ce) => ce.id !== T.id)
-    ) : B([...L, T]));
+  }), ve = Oe(me), { getFloatingProps: ge } = Ze([
+    ve
+  ]), se = (R) => {
+    if (R.stopPropagation(), t) return;
+    const le = !S;
+    Y(le), le && U && G();
+  }, ie = (R) => {
+    t || (R.isAlreadySelected ? B(
+      L.filter((le) => le.id !== R.id)
+    ) : B([...L, R]));
   }, he = () => {
     Y(!1), a?.onClose?.();
   }, Se = () => {
     a?.onRefresh?.();
-  }, le = () => {
+  }, ce = () => {
     if (H === null)
       O(L.length - 1);
     else {
-      const T = [...L];
-      T.splice(H, 1), B(T), O(null);
+      const R = [...L];
+      R.splice(H, 1), B(R), O(null);
     }
   }, be = de(!1), ue = () => {
     t || (be.current ? G() : A());
-  }, _e = (T) => {
-    be.current = U, !t && T.currentTarget.setAttribute("data-focus-method", "mouse");
-  }, R = (T) => {
-    T.currentTarget.setAttribute("data-focus-method", "keyboard"), !t && ((T.key === "Backspace" || T.key === "Delete") && !P && L.length > 0 && (T.preventDefault(), le()), T.key === "Enter" && H !== null && (T.preventDefault(), le()), !U && (T.key === "Enter" || T.key === "ArrowDown") && (T.preventDefault(), A()));
+  }, _e = (R) => {
+    be.current = U, !t && R.currentTarget.setAttribute("data-focus-method", "mouse");
+  }, T = (R) => {
+    R.currentTarget.setAttribute("data-focus-method", "keyboard"), !t && ((R.key === "Backspace" || R.key === "Delete") && !P && L.length > 0 && (R.preventDefault(), ce()), R.key === "Enter" && H !== null && (R.preventDefault(), ce()), !U && (R.key === "Enter" || R.key === "ArrowDown") && (R.preventDefault(), A()));
   }, J = W({
     ...I({
       preventKeyAction: U
     }),
     disabled: t,
-    onKeyDown: R
-  }), ve = L.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1) : L.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1)) : L.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1)) : "";
+    onKeyDown: T
+  }), fe = L.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1) : L.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1)) : L.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1)) : "";
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -6720,38 +6720,38 @@ const bt = ({
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: (T) => {
-          Q.setReference(T), fe.setReference(T);
+        ref: (R) => {
+          Q.setReference(R), Ce.setReference(R);
         },
         "aria-disabled": t ? !0 : null,
         "aria-required": p ? !0 : null,
         className: `${_}__input-wrapper`,
         onClick: ue,
-        onKeyDown: R,
+        onKeyDown: T,
         onMouseDown: _e,
         tabIndex: 0
       },
-      L.length > 1 && !C && /* @__PURE__ */ e.createElement("div", { className: `${_}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-wrapper` }, ve)),
-      L.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${_}__items-wrapper` }, L.map((T, ce) => /* @__PURE__ */ e.createElement(
+      L.length > 1 && !f && /* @__PURE__ */ e.createElement("div", { className: `${_}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-wrapper` }, fe)),
+      L.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${_}__items-wrapper` }, L.map((R, le) => /* @__PURE__ */ e.createElement(
         "span",
         {
-          key: `selected-item-${ce}`,
+          key: `selected-item-${le}`,
           className: `
                   ${_}__selected-item
-                  ${ce === H ? `${_}__selected-item--marked-for-deletion` : ""}
+                  ${le === H ? `${_}__selected-item--marked-for-deletion` : ""}
                 `,
           ...V({
-            selectedItem: T,
-            index: ce
+            selectedItem: R,
+            index: le
           })
         },
-        /* @__PURE__ */ e.createElement("span", { className: `${_}__selected-item-text` }, T.label),
+        /* @__PURE__ */ e.createElement("span", { className: `${_}__selected-item-text` }, R.label),
         /* @__PURE__ */ e.createElement(
           "span",
           {
             className: `${_}__selected-item-remove`,
-            onClick: (Le) => {
-              Le.stopPropagation(), x(T);
+            onClick: (Ee) => {
+              Ee.stopPropagation(), x(R);
             }
           },
           /* @__PURE__ */ e.createElement(F, { iconName: "xmark", size: "xs" })
@@ -6785,7 +6785,7 @@ const bt = ({
           disabled: t,
           type: "button",
           ...K({
-            onClick: (T) => T.stopPropagation()
+            onClick: (R) => R.stopPropagation()
           })
         },
         /* @__PURE__ */ e.createElement(
@@ -6816,28 +6816,28 @@ const bt = ({
           className: `${_}__dropdown-input`,
           placeholder: u,
           ...J,
-          onClick: (T) => {
-            T.stopPropagation();
+          onClick: (R) => {
+            R.stopPropagation();
           }
         }
       )),
-      o ? /* @__PURE__ */ e.createElement("div", { className: `${_}__loading` }, i) : q.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${_}__dropdown-list`, ...X() }, q.map((T, ce) => /* @__PURE__ */ e.createElement(
+      o ? /* @__PURE__ */ e.createElement("div", { className: `${_}__loading` }, i) : j.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${_}__dropdown-list`, ...X() }, j.map((R, le) => /* @__PURE__ */ e.createElement(
         $2,
         {
-          key: `${T.id}-${ce}`,
+          key: `${R.id}-${le}`,
           className: `${_}__dropdown-item
-                  ${ne === ce ? "pds-dropdown__item--focused" : ""}
-                  ${ee === T ? `${_}__dropdown-item--selected` : ""}
-                  ${T.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
-          ...y({ item: T, index: ce })
+                  ${ne === le ? "pds-dropdown__item--focused" : ""}
+                  ${ee === R ? `${_}__dropdown-item--selected` : ""}
+                  ${R.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
+          ...y({ item: R, index: le })
         },
-        /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-text` }, T.label, T.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(F, { iconName: "sparkles", size: "s" }), /* @__PURE__ */ e.createElement("span", null, d.aiBadgeLabel))), T.isAlreadySelected && /* @__PURE__ */ e.createElement(m2, null))
+        /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-text` }, R.label, R.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(F, { iconName: "sparkles", size: "s" }), /* @__PURE__ */ e.createElement("span", null, d.aiBadgeLabel))), R.isAlreadySelected && /* @__PURE__ */ e.createElement(m2, null))
       ))) : /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, m)
     ),
     S && a && /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: fe.setFloating,
+        ref: Ce.setFloating,
         className: `${_}__aux-panel`,
         style: {
           ...pe,
@@ -6852,18 +6852,18 @@ const bt = ({
           iconName: "sparkles",
           size: "m"
         }
-      ), /* @__PURE__ */ e.createElement("div", { className: `${_}__aux-panel-items` }, Z.map((T) => /* @__PURE__ */ e.createElement(
+      ), /* @__PURE__ */ e.createElement("div", { className: `${_}__aux-panel-items` }, Z.map((R) => /* @__PURE__ */ e.createElement(
         "button",
         {
-          key: T.id,
+          key: R.id,
           className: $([
             `${_}__aux-panel-item`,
-            T.isAlreadySelected ? `${_}__aux-panel-item--selected` : ""
+            R.isAlreadySelected ? `${_}__aux-panel-item--selected` : ""
           ]),
-          onClick: () => ie(T),
+          onClick: () => ie(R),
           type: "button"
         },
-        T.label
+        R.label
       )))),
       /* @__PURE__ */ e.createElement("div", { className: `${_}__aux-panel-header` }, /* @__PURE__ */ e.createElement(
         "button",
@@ -6914,19 +6914,19 @@ const bt = ({
     message: i,
     multiple: m = !1,
     onClear: h,
-    onFileChange: f,
+    onFileChange: C,
     required: u = !1,
     showFullPath: p,
-    showLabel: C = !0,
+    showLabel: f = !0,
     size: b = "s",
     tooltipText: v = null,
     validationMessage: E,
     validationStatus: g,
     ..._
   }, N) => {
-    const [z, w] = j(!1), [k, P] = j(
+    const [z, w] = q(!1), [k, P] = q(
       !!(f2 && t)
-    ), M = Be(r), L = "pds-file-upload", D = b !== "s" ? `${L}--${b}` : null, H = c ? te.disabled : null, O = u && !c ? te.required : null, S = g === "error" ? te.error : null, Y = g === "success" ? te.success : null, q = k ? `${L}--safari-default` : null;
+    ), M = Be(r), L = "pds-file-upload", D = b !== "s" ? `${L}--${b}` : null, H = c ? te.disabled : null, O = u && !c ? te.required : null, S = g === "error" ? te.error : null, Y = g === "success" ? te.success : null, j = k ? `${L}--safari-default` : null;
     let Z = null;
     g === "error" && (Z = "error"), g === "success" && (Z = "success");
     const B = E || i, I = t ? [t] : null, V = t ? t.split("/").pop() : null, x = p ? t : V, G = t ? new File(I, x) : null;
@@ -6951,7 +6951,7 @@ const bt = ({
         t ? W() : w(!1);
         return;
       }
-      f2 && t && (t === K.target.value ? P(!0) : P(!1)), f && f(K.target.files), w(!0);
+      f2 && t && (t === K.target.value ? P(!0) : P(!1)), C && C(K.target.files), w(!0);
     }, X = () => {
       const K = document.getElementById(
         `${s}--input`
@@ -6965,7 +6965,7 @@ const bt = ({
           te.base,
           L,
           D,
-          q,
+          j,
           H,
           O,
           S,
@@ -6983,7 +6983,7 @@ const bt = ({
           id: s,
           label: n,
           required: u,
-          showLabel: C,
+          showLabel: f,
           tooltipText: v
         }
       ),
@@ -7069,17 +7069,17 @@ const bt = ({
   onChange: i,
   onValueChange: m,
   options: h,
-  required: f = !1,
+  required: C = !1,
   showLabel: u = !0,
   tooltipText: p = null,
-  validationMessage: C,
+  validationMessage: f,
   validationStatus: b,
   value: v,
   ...E
 }) => {
-  const g = "pds-radio-group", _ = t ? te.disabled : null, N = f && !t ? te.required : null, z = b === "error" ? te.error : null, w = b === "success" ? te.success : null, k = typeof v < "u", P = typeof l < "u", [M, L] = j(
+  const g = "pds-radio-group", _ = t ? te.disabled : null, N = C && !t ? te.required : null, z = b === "error" ? te.error : null, w = b === "success" ? te.success : null, k = typeof v < "u", P = typeof l < "u", [M, L] = q(
     P ? l : ""
-  ), D = C || r, H = (S) => {
+  ), D = f || r, H = (S) => {
     k || L(S.target.value), i && i(S), m && m(S.target.value);
   }, O = (S) => {
     d?.(S);
@@ -7105,7 +7105,7 @@ const bt = ({
         disabled: t,
         id: n,
         label: o,
-        required: f,
+        required: C,
         showLabel: u,
         tooltipText: p
       }
@@ -7124,7 +7124,7 @@ const bt = ({
           name: n,
           onBlur: O,
           onChange: H,
-          required: f,
+          required: C,
           type: "radio",
           value: S.value
         }
@@ -7135,7 +7135,7 @@ const bt = ({
       De,
       {
         validationMessageHasDecorators: !0,
-        hasValidationMessage: !!C,
+        hasValidationMessage: !!f,
         id: n,
         message: D,
         validationStatus: b
@@ -7156,10 +7156,10 @@ const bt = ({
     onChange: i,
     required: m = !1,
     showLabel: h = !0,
-    switchPlacement: f = "right",
+    switchPlacement: C = "right",
     ...u
   }, p) => {
-    const C = Be(o), b = "pds-switch", v = `${b}--${f}`, E = d ? `${b}--message` : null, g = c ? te.disabled : null, _ = m && !c ? te.required : null, N = typeof a < "u", z = !N && t ? t : !1, [w, k] = j(z), P = (H) => {
+    const f = Be(o), b = "pds-switch", v = `${b}--${C}`, E = d ? `${b}--message` : null, g = c ? te.disabled : null, _ = m && !c ? te.required : null, N = typeof a < "u", z = !N && t ? t : !1, [w, k] = q(z), P = (H) => {
       N || k(H.target.checked), i && i(H);
     }, M = () => {
       c || document.getElementById(n)?.click();
@@ -7209,7 +7209,7 @@ const bt = ({
           _,
           l
         ]),
-        style: o ? C : null,
+        style: o ? f : null,
         ...u
       },
       /* @__PURE__ */ e.createElement(
@@ -7240,10 +7240,10 @@ const bt = ({
     onBlur: i,
     onChange: m,
     onFocus: h,
-    placeholder: f,
+    placeholder: C,
     readonly: u = !1,
     required: p = !1,
-    rows: C = 5,
+    rows: f = 5,
     showLabel: b,
     size: v = "s",
     textareaProps: E,
@@ -7261,7 +7261,7 @@ const bt = ({
     value: w,
     ...k
   }, P) => {
-    const M = Be(s), L = "pds-textarea", D = o ? "pds-is-resizable" : null, H = c ? te.disabled : null, O = p && !c ? te.required : null, S = z === "error" ? te.error : null, Y = z === "success" ? te.success : null, q = v !== "s" ? `${L}--${v}` : null, Z = u ? te.readonly : null, B = N || d, I = w != null && m !== void 0, V = typeof t < "u", [x, G] = j(
+    const M = Be(s), L = "pds-textarea", D = o ? "pds-is-resizable" : null, H = c ? te.disabled : null, O = p && !c ? te.required : null, S = z === "error" ? te.error : null, Y = z === "success" ? te.success : null, j = v !== "s" ? `${L}--${v}` : null, Z = u ? te.readonly : null, B = N || d, I = w != null && m !== void 0, V = typeof t < "u", [x, G] = q(
       V ? t : ""
     ), W = w || x, y = (K) => {
       I || G(K.target.value), m && m(K);
@@ -7274,7 +7274,7 @@ const bt = ({
         className: $([
           te.base,
           L,
-          q,
+          j,
           H,
           O,
           S,
@@ -7318,10 +7318,10 @@ const bt = ({
           onBlur: X,
           onChange: y,
           onFocus: h,
-          placeholder: f,
+          placeholder: C,
           readOnly: u,
           required: p,
-          rows: C,
+          rows: f,
           value: I ? w : x,
           ...E
         }
@@ -7352,10 +7352,10 @@ const bt = ({
     inputProps: i,
     inputWidth: m,
     label: h,
-    message: f,
+    message: C,
     onBlur: u,
     onChange: p,
-    onClear: C,
+    onClear: f,
     onFocus: b,
     placeholder: v,
     readonly: E = !1,
@@ -7379,13 +7379,13 @@ const bt = ({
     value: H,
     ...O
   }, S) => {
-    const Y = Be(m), q = "pds-text-input", Z = n ? te.disabled : null, B = g && !n ? te.required : null, I = D === "error" ? te.error : null, V = D === "success" ? te.success : null, x = E ? te.readonly : null, G = w !== "s" ? `${q}--${w}` : null, W = r && M === "url" ? `${q}--has-url-prefix` : null;
+    const Y = Be(m), j = "pds-text-input", Z = n ? te.disabled : null, B = g && !n ? te.required : null, I = D === "error" ? te.error : null, V = D === "success" ? te.success : null, x = E ? te.readonly : null, G = w !== "s" ? `${j}--${w}` : null, W = r && M === "url" ? `${j}--has-url-prefix` : null;
     let y = null;
     M === "search" && (y = "search"), M === "search" && _ === "filter" && (y = "filter"), D === "error" && (y = "error"), D === "success" && (y = "success");
-    const X = L || f, K = typeof H < "u", ne = typeof c < "u", [U, A] = j(
+    const X = L || C, K = typeof H < "u", ne = typeof c < "u", [U, A] = q(
       ne ? c : ""
     ), ee = H || U, oe = (se) => {
-      if (z && pe && fe(!1), r && M === "url") {
+      if (z && pe && Ce(!1), r && M === "url") {
         const ie = d1(se.target.value), he = {
           ...se,
           target: {
@@ -7408,11 +7408,11 @@ const bt = ({
       } else
         K || A(se.target.value), p && p(se);
     }, me = () => {
-      K || A(""), C && C();
+      K || A(""), f && f();
       const se = document.getElementById(d);
       se && se.focus();
-    }, [pe, fe] = j(!1), Ce = () => {
-      fe((ie) => !ie);
+    }, [pe, Ce] = q(!1), ve = () => {
+      Ce((ie) => !ie);
       const se = document.getElementById(d);
       se && se.focus();
     };
@@ -7422,7 +7422,7 @@ const bt = ({
       {
         className: $([
           te.base,
-          q,
+          j,
           G,
           Z,
           B,
@@ -7450,7 +7450,7 @@ const bt = ({
       /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${q}__input-wrapper ${r && M === "url" ? `${q}__input-wrapper--has-prefix` : ""}`
+          className: `${j}__input-wrapper ${r && M === "url" ? `${j}__input-wrapper--has-prefix` : ""}`
         },
         y && /* @__PURE__ */ e.createElement(We, { variant: y }),
         r && M === "url" && /* @__PURE__ */ e.createElement(Lt, null),
@@ -7461,7 +7461,7 @@ const bt = ({
             "aria-describedby": X ? `${d}__message` : null,
             "aria-invalid": D === "error" ? !0 : null,
             autoComplete: M === "password" ? "off" : a,
-            className: `${q}__input ${r && M === "url" ? `${q}__input--has-prefix` : ""}`,
+            className: `${j}__input ${r && M === "url" ? `${j}__input--has-prefix` : ""}`,
             disabled: n,
             id: d,
             name: d,
@@ -7488,8 +7488,8 @@ const bt = ({
           "button",
           {
             "aria-controls": d,
-            className: `${q}__visibility-toggle`,
-            onClick: Ce,
+            className: `${j}__visibility-toggle`,
+            onClick: ve,
             onMouseDown: (se) => se.preventDefault(),
             title: pe ? P.visibilityToggleHide : P.visibilityToggleShow,
             type: "button"
@@ -7585,6 +7585,19 @@ const bt = ({
     /* @__PURE__ */ e.createElement(F, { className: `${r}__icon`, iconName: "externalLink" })
   );
 }, V0 = ({
+  className: a,
+  destination: l = "main",
+  text: t = "Skip to main content",
+  ...c
+}) => /* @__PURE__ */ e.createElement(
+  "a",
+  {
+    className: $(["pds-skiplink", a]),
+    href: `#${l}`,
+    ...c
+  },
+  t
+), R0 = ({
   alt: a = "",
   className: l,
   height: t,
@@ -7605,7 +7618,7 @@ const bt = ({
       ...o
     }
   ));
-}, R0 = ({
+}, T0 = ({
   ariaLabel: a,
   children: l,
   className: t,
@@ -7620,12 +7633,12 @@ const bt = ({
   title: m,
   ...h
 }) => {
-  const f = Fe(l), u = f.__unslotted, p = f.footer, C = "pds-modal", b = i !== "m" ? `${C}--${i}` : null, v = n ? {
+  const C = Fe(l), u = C.__unslotted, p = C.footer, f = "pds-modal", b = i !== "m" ? `${f}--${i}` : null, v = n ? {
     maxHeight: n,
     paddingInlineEnd: "1rem",
     marginInlineEnd: "-1rem",
     overflowY: "auto"
-  } : null, [E, g] = j(r), { closeOverlay: _, openOverlay: N } = M2();
+  } : null, [E, g] = q(r), { closeOverlay: _, openOverlay: N } = M2();
   ae(() => {
     g(r);
   }, [r]), ae(() => {
@@ -7675,7 +7688,7 @@ const bt = ({
         ref: k.setFloating,
         "aria-label": a || m,
         ...D(),
-        className: $([C, b, t]),
+        className: $([f, b, t]),
         style: {
           ...w,
           ...O,
@@ -7684,7 +7697,7 @@ const bt = ({
         },
         ...h
       },
-      o && /* @__PURE__ */ e.createElement("div", { className: `${C}__close-wrapper` }, /* @__PURE__ */ e.createElement(
+      o && /* @__PURE__ */ e.createElement("div", { className: `${f}__close-wrapper` }, /* @__PURE__ */ e.createElement(
         h2,
         {
           ariaLabel: c,
@@ -7692,12 +7705,12 @@ const bt = ({
           size: "xl"
         }
       )),
-      /* @__PURE__ */ e.createElement("div", { className: `${C}__title` }, m),
-      /* @__PURE__ */ e.createElement("div", { className: `${C}__content`, style: v }, u),
-      p && /* @__PURE__ */ e.createElement("div", { className: `${C}__footer` }, p)
+      /* @__PURE__ */ e.createElement("div", { className: `${f}__title` }, m),
+      /* @__PURE__ */ e.createElement("div", { className: `${f}__content`, style: v }, u),
+      p && /* @__PURE__ */ e.createElement("div", { className: `${f}__footer` }, p)
     ))
   ));
-}, T0 = ({
+}, F0 = ({
   ariaLabel: a = "Breadcrumb",
   className: l,
   crumbs: t,
@@ -7707,7 +7720,7 @@ const bt = ({
     if (d < s - 1)
       return /* @__PURE__ */ e.createElement("li", { key: d, className: `${n}__crumb` }, r);
     {
-      const i = $e(r) ? Ne(r, {
+      const i = we(r) ? Ne(r, {
         "aria-current": "page"
       }) : null;
       return /* @__PURE__ */ e.createElement(
@@ -7757,7 +7770,7 @@ const bt = ({
   let t = null;
   if (typeof a == "string" && l) {
     const c = l ? l[0].linkContent : null;
-    $e(c) && (t = Ne(c, {
+    we(c) && (t = Ne(c, {
       ...typeof a == "string" ? { children: a } : {}
     }));
   } else
@@ -7773,13 +7786,13 @@ const bt = ({
     ];
     if (t) {
       const o = t[0].linkContent;
-      $e(o) && (n = Ne(o, {
+      we(o) && (n = Ne(o, {
         ...typeof l == "string" ? { children: s } : {}
       }));
     } else
       n = null;
   }
-  return $e(l) && (c ? n = Ne(
+  return we(l) && (c ? n = Ne(
     l,
     Object.assign({}, l.props, {
       children: [
@@ -7787,7 +7800,7 @@ const bt = ({
       ]
     })
   ) : n = l), n;
-}, F0 = ({
+}, A0 = ({
   ariaLabel: a,
   className: l,
   menuItems: t,
@@ -7796,54 +7809,54 @@ const bt = ({
 }) => {
   const s = de(null), o = "pds-button-nav", r = `${o}--${c}`;
   ae(() => {
-    const f = (u) => {
+    const C = (u) => {
       if (document.documentElement.hasAttribute("data-pds-mobile")) return;
       const p = s.current;
       if (!p) return;
-      const C = Array.from(
+      const f = Array.from(
         p.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])')
       );
-      if (C.length === 0) return;
-      const b = document.activeElement, v = C.indexOf(b);
+      if (f.length === 0) return;
+      const b = document.activeElement, v = f.indexOf(b);
       if (v !== -1) {
         if (u.key === "ArrowRight") {
           u.preventDefault();
-          const E = (v + 1) % C.length;
-          C[E].focus();
+          const E = (v + 1) % f.length;
+          f[E].focus();
         } else if (u.key === "ArrowLeft") {
           u.preventDefault();
-          const E = (v - 1 + C.length) % C.length;
-          C[E].focus();
+          const E = (v - 1 + f.length) % f.length;
+          f[E].focus();
         }
       }
     };
-    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
   }, []);
-  const d = ({ isActive: f, linkContent: u }) => {
+  const d = ({ isActive: C, linkContent: u }) => {
     const p = `${o}__item`;
     return /* @__PURE__ */ e.createElement(
       "li",
       {
         className: $([
           p,
-          f ? `${p}--active` : null
+          C ? `${p}--active` : null
         ])
       },
       u
     );
-  }, i = t.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, t.map((f, u) => /* @__PURE__ */ e.createElement(
+  }, i = t.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${o}__menu` }, t.map((C, u) => /* @__PURE__ */ e.createElement(
     d,
     {
       key: u,
-      isActive: a2(f),
-      linkContent: f.linkContent
+      isActive: a2(C),
+      linkContent: C.linkContent
     }
   ))) : null, m = [];
-  t.map((f) => {
-    f.linkContent && (a2(f) ? m.unshift({
-      linkContent: f.linkContent,
+  t.map((C) => {
+    C.linkContent && (a2(C) ? m.unshift({
+      linkContent: C.linkContent,
       isLink: !0
-    }) : m.push({ linkContent: f.linkContent, isLink: !0 }));
+    }) : m.push({ linkContent: C.linkContent, isLink: !0 }));
   });
   const h = m.length > 0 ? /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile` }, /* @__PURE__ */ e.createElement(
     ct,
@@ -7899,7 +7912,7 @@ const bt = ({
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${c}__status`, style: { pointerEvents: "none" } }, m)
   );
-}, A0 = ({
+}, O0 = ({
   className: a,
   disabled: l = !1,
   horizontalOffset: t = 0,
@@ -7915,12 +7928,12 @@ const bt = ({
   onFocus: i,
   onOptionSelect: m,
   placeholder: h = "Search sites",
-  siteList: f,
+  siteList: C,
   ...u
 }) => {
-  const [p, C] = j(null), b = "pds-dashboard-search", v = (g) => {
-    C(g.value), m && m(g.siteData);
-  }, E = f.map((g) => {
+  const [p, f] = q(null), b = "pds-dashboard-search", v = (g) => {
+    f(g.value), m && m(g.siteData);
+  }, E = C.map((g) => {
     const { id: _, machineName: N, name: z } = g;
     return {
       id: _,
@@ -7959,7 +7972,7 @@ const bt = ({
       }
     ))
   );
-}, O0 = ({
+}, Z0 = ({
   className: a,
   headingText: l,
   menuItems: t,
@@ -7975,10 +7988,10 @@ const bt = ({
     activeIndex: i,
     floatingStyles: m,
     getFloatingProps: h,
-    getItemProps: f,
+    getItemProps: C,
     getReferenceProps: u,
     isMounted: p,
-    listRef: C,
+    listRef: f,
     refs: b,
     setIsOpen: v,
     transitionStyles: E
@@ -7989,7 +8002,7 @@ const bt = ({
   }), g = (w) => {
     w.target.nodeName === "A" && v(!1);
   }, _ = (w) => {
-    w.key === "Enter" && C.current[i]?.querySelector("a")?.click();
+    w.key === "Enter" && f.current[i]?.querySelector("a")?.click();
   }, N = ({
     item: w,
     level: k
@@ -8061,7 +8074,7 @@ const bt = ({
       {
         key: k,
         ref: (P) => {
-          C.current[k] = P;
+          f.current[k] = P;
         },
         className: $([
           "pds-dropdown__item",
@@ -8071,7 +8084,7 @@ const bt = ({
           w.isActive === !0 ? "pds-dropdown__item--active" : null
         ]),
         tabIndex: i === k ? 0 : -1,
-        ...f({ onKeyDown: _ })
+        ...C({ onKeyDown: _ })
       },
       w.linkContent,
       w.isActive === !0 && d
@@ -8394,7 +8407,7 @@ const bt = ({
     case "sub-brand-small":
       i = R2;
   }
-  const m = $e(c) && typeof c.props.children == "string" ? c.props.children : "", h = $e(c) ? c.type : null, f = $e(c) && h ? /* @__PURE__ */ e.createElement(
+  const m = we(c) && typeof c.props.children == "string" ? c.props.children : "", h = we(c) ? c.type : null, C = we(c) && h ? /* @__PURE__ */ e.createElement(
     h,
     {
       ...Object.assign({}, c.props, {
@@ -8414,10 +8427,10 @@ const bt = ({
       ]),
       ...s
     },
-    c ? f : i,
+    c ? C : i,
     n && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, n))
   );
-}, Z0 = ({
+}, B0 = ({
   children: a,
   className: l,
   colorType: t = "default",
@@ -8434,7 +8447,7 @@ const bt = ({
   },
   ...h
 }) => {
-  const [f, u] = j(!1), { closeOverlay: p, openOverlay: C } = M2(), b = "pds-navbar", v = n ? `${b}--noBorder` : "", E = t !== "default" ? `${b}--${t}` : "", g = (O) => {
+  const [C, u] = q(!1), { closeOverlay: p, openOverlay: f } = M2(), b = "pds-navbar", v = n ? `${b}--noBorder` : "", E = t !== "default" ? `${b}--${t}` : "", g = (O) => {
     const S = O.key;
     let Y = !1;
     switch (S) {
@@ -8448,26 +8461,26 @@ const bt = ({
   ae(() => (window.addEventListener("keyup", g), () => {
     window.removeEventListener("keyup", g);
   }), []);
-  const _ = () => u(!f), N = (O) => {
+  const _ = () => u(!C), N = (O) => {
     O.target.nodeName === "A" && u(!1);
   };
   ae(() => {
-    if (f) {
+    if (C) {
       const O = document.querySelector(".pds-navbar__bar-mobile"), S = document.querySelector(".pds-navbar__mobile");
       return O.addEventListener("click", N), S.addEventListener("click", N), () => {
         O.removeEventListener("click", N), S.removeEventListener("click", N);
       };
     }
-  }, [f]), ae(() => {
-    f ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
-  }, [f]), ae(() => {
-    if (!(!C || !p) && f)
-      return C(), () => p();
-  }, [f, C, p]);
+  }, [C]), ae(() => {
+    C ? document.body.classList.add("pds-no-scroll") : document.body.classList.remove("pds-no-scroll");
+  }, [C]), ae(() => {
+    if (!(!f || !p) && C)
+      return f(), () => p();
+  }, [C, f, p]);
   const z = Fe(a), w = z["items-left"], k = z["items-right"];
   let P = "default";
   (t === "reverse" || t === "reverse-transparent") && (P = "reverse");
-  const M = $e(r) ? r.props.children : null, L = $e(r) && M ? Ne(
+  const M = we(r) ? r.props.children : null, L = we(r) && M ? Ne(
     r,
     Object.assign({}, r.props, {
       children: /* @__PURE__ */ e.createElement("img", { className: `${b}__custom-logo`, src: d }),
@@ -8484,12 +8497,12 @@ const bt = ({
   ), H = /* @__PURE__ */ e.createElement(
     "button",
     {
-      "aria-label": f ? m.closeMobileNav : m.openMobileNav,
+      "aria-label": C ? m.closeMobileNav : m.openMobileNav,
       className: `${b}__menu-toggle`,
       onClick: _,
       type: "button"
     },
-    /* @__PURE__ */ e.createElement(F, { iconName: f ? "xmark" : "bars", size: "l" })
+    /* @__PURE__ */ e.createElement(F, { iconName: C ? "xmark" : "bars", size: "l" })
   );
   return /* @__PURE__ */ e.createElement(
     "header",
@@ -8506,7 +8519,7 @@ const bt = ({
     /* @__PURE__ */ e.createElement(
       I1,
       {
-        active: f,
+        active: C,
         focusTrapOptions: {
           clickOutsideDeactivates: !0,
           initialFocus: !1,
@@ -8518,9 +8531,9 @@ const bt = ({
         {
           className: $([
             `${b}__mobile`,
-            f ? `${b}__mobile--open` : null
+            C ? `${b}__mobile--open` : null
           ]),
-          inert: f ? void 0 : !0
+          inert: C ? void 0 : !0
         },
         /* @__PURE__ */ e.createElement(V2, null, a)
       )
@@ -8557,25 +8570,25 @@ const bt = ({
       },
       D.linkContent
     ))
-  ), [f, u] = j(!1), p = de(f), { context: C, floatingStyles: b, refs: v } = ke({
+  ), [C, u] = q(!1), p = de(C), { context: f, floatingStyles: b, refs: v } = ke({
     placement: "right-start",
-    open: f,
+    open: C,
     onOpenChange: u,
     middleware: [xe(8), Re(), s2()],
     whileElementsMounted: Ie
   });
   ae(() => {
-    if (p.current && !f && t && v.reference.current) {
+    if (p.current && !C && t && v.reference.current) {
       const M = v.reference.current;
       M instanceof HTMLElement && M.querySelector("a")?.focus();
     }
-    p.current = f;
-  }, [f, t, v.reference]);
-  const E = U2(C, {
+    p.current = C;
+  }, [C, t, v.reference]);
+  const E = U2(f, {
     move: !1,
     delay: { open: 100, close: 0 },
     handleClose: y1()
-  }), g = Oe(C), _ = l2(C, { role: "menu" }), { getFloatingProps: N, getReferenceProps: z } = Ze([
+  }), g = Oe(f), _ = l2(f, { role: "menu" }), { getFloatingProps: N, getReferenceProps: z } = Ze([
     E,
     g,
     _
@@ -8622,7 +8635,7 @@ const bt = ({
       },
       /* @__PURE__ */ e.createElement(F, { iconName: "angleDown", size: "m" }),
       /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${c.toggle} ${qe(n)} ${c.submenu}`)
-    )), !t && h(s, "second-level"), t && f && /* @__PURE__ */ e.createElement(
+    )), !t && h(s, "second-level"), t && C && /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: v.setFloating,
@@ -8633,7 +8646,7 @@ const bt = ({
       /* @__PURE__ */ e.createElement("div", { className: `${r}__flyout-heading` }, qe(n)),
       h(s, "second-level-flyout")
     )) : /* @__PURE__ */ e.createElement(e.Fragment, null, t ? /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: qe(n),
         customTrigger: m,
@@ -8645,7 +8658,7 @@ const bt = ({
       }
     ) : m)
   );
-}, B0 = ({
+}, j0 = ({
   ariaLabel: a,
   className: l,
   isSidebarCollapsed: t,
@@ -8680,37 +8693,37 @@ const bt = ({
     i
   );
 }, Dt = ({ items: a, label: l }) => {
-  const t = de(null), c = "pds-nav-menu", n = a && a.length > 0, [s, o] = j(
+  const t = de(null), c = "pds-nav-menu", n = a && a.length > 0, [s, o] = q(
     () => typeof document < "u" && document.documentElement.hasAttribute("data-pds-mobile")
   );
   ae(() => {
-    const C = new MutationObserver(() => {
+    const f = new MutationObserver(() => {
       o(document.documentElement.hasAttribute("data-pds-mobile"));
     });
-    return C.observe(document.documentElement, {
+    return f.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["data-pds-mobile"]
-    }), () => C.disconnect();
+    }), () => f.disconnect();
   }, []);
   const { floatingStyles: r, getFloatingProps: d, getReferenceProps: i, isOpen: m, refs: h } = Ue({
     offsetValue: 8,
     openOnHover: !s
-  }), f = (C) => {
-    (C.key === "Enter" || C.key === " " || C.key === "ArrowDown") && !m && requestAnimationFrame(() => {
+  }), C = (f) => {
+    (f.key === "Enter" || f.key === " " || f.key === "ArrowDown") && !m && requestAnimationFrame(() => {
       t.current?.querySelector("a, button")?.focus();
     });
-  }, u = (C) => !!(C.isActive || C.linkContent?.props?.className?.includes(
+  }, u = (f) => !!(f.isActive || f.linkContent?.props?.className?.includes(
     "pds-isActive"
   ));
   if (!n)
     return null;
-  const p = /* @__PURE__ */ e.createElement("ul", { className: `${c}__accordion-menu` }, a.map((C, b) => /* @__PURE__ */ e.createElement(
+  const p = /* @__PURE__ */ e.createElement("ul", { className: `${c}__accordion-menu` }, a.map((f, b) => /* @__PURE__ */ e.createElement(
     "li",
     {
       key: b,
-      className: `${c}__item ${C.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${u(C) ? " pds-dropdown__item--active" : ""}`}`
+      className: `${c}__item ${f.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${u(f) ? " pds-dropdown__item--active" : ""}`}`
     },
-    !C.isSeparator && C.linkContent
+    !f.isSeparator && f.linkContent
   )));
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(g2, { label: l }, p), /* @__PURE__ */ e.createElement(
     "button",
@@ -8719,7 +8732,7 @@ const bt = ({
       className: `${c}__trigger`,
       type: "button",
       ...i({
-        onKeyDown: f
+        onKeyDown: C
       })
     },
     l,
@@ -8734,8 +8747,8 @@ const bt = ({
   ), m && /* @__PURE__ */ e.createElement(
     "ul",
     {
-      ref: (C) => {
-        h.setFloating(C), t.current = C;
+      ref: (f) => {
+        h.setFloating(f), t.current = f;
       },
       className: `pds-dropdown__panel ${c}__dropdown`,
       style: {
@@ -8744,23 +8757,23 @@ const bt = ({
       },
       ...d()
     },
-    a.map((C, b) => /* @__PURE__ */ e.createElement(
+    a.map((f, b) => /* @__PURE__ */ e.createElement(
       "li",
       {
         key: b,
-        className: `${c}__item ${C.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${u(C) ? " pds-dropdown__item--active" : ""}`}`
+        className: `${c}__item ${f.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${u(f) ? " pds-dropdown__item--active" : ""}`}`
       },
-      !C.isSeparator && C.linkContent
+      !f.isSeparator && f.linkContent
     ))
   ));
-}, j0 = ({
+}, q0 = ({
   ariaLabel: a = "Main Navigation",
   className: l,
   colorType: t = "default",
   menuItems: c,
   ...n
 }) => {
-  const [s, o] = j(null), [r, d] = j(-1), [i, m] = j(null), [h, f] = j({
+  const [s, o] = q(null), [r, d] = q(-1), [i, m] = q(null), [h, C] = q({
     container: null,
     containerChildren: []
   });
@@ -8771,12 +8784,12 @@ const bt = ({
       "pds-dropdown__separator"
     ) && i == "up" ? o(s - 1) : h.containerChildren[s].children[0].focus());
   }, [s]), ae(() => {
-    r != -1 && (C.current[r].children[0].blur(), C.current[r].children[0].focus({
+    r != -1 && (f.current[r].children[0].blur(), f.current[r].children[0].focus({
       focusVisible: !0
     }));
   }, [r]);
-  const u = "pds-nav-menu", p = t !== "default" ? `${u}--${t}` : "", C = de([]), b = (g) => {
-    const _ = C.current.length - 1, M = {
+  const u = "pds-nav-menu", p = t !== "default" ? `${u}--${t}` : "", f = de([]), b = (g) => {
+    const _ = f.current.length - 1, M = {
       ArrowRight: () => {
         o(-1), d(r === -1 ? 1 : r === _ ? 0 : r + 1);
       },
@@ -8786,7 +8799,7 @@ const bt = ({
       ArrowDown: () => {
         m("down");
         const L = g.target.parentNode.children[1], D = g.target?.parentNode.children[1]?.children || g.target?.parentNode.parentNode.children[1]?.children;
-        h.container != L && L != null && f({
+        h.container != L && L != null && C({
           container: L,
           containerChildren: [...D]
         }), s === null || s == h.containerChildren.length - 1 ? o(0) : o(parseInt(s) + 1);
@@ -8814,7 +8827,7 @@ const bt = ({
         {
           key: `${_}-dropdown`,
           ref: (w) => {
-            C.current[_] = w;
+            f.current[_] = w;
           },
           className: `${u}__item ${u}__item--top-level ${u}__item--has-children ${v(g) === !0 ? `${u}__item--active` : ""}`,
           id: z
@@ -8827,7 +8840,7 @@ const bt = ({
         {
           key: _,
           ref: (w) => {
-            C.current[_] = w;
+            f.current[_] = w;
           },
           className: `${u}__item ${u}__item--top-level ${u}__item--has-link ${v(g) === !0 ? `${u}__item--active` : ""}`,
           id: z
@@ -8855,8 +8868,8 @@ const bt = ({
   minFilterItems: n = 5,
   noResultsText: s = "No results found"
 }) => {
-  const [o, r] = j(c), [d, i] = j(""), m = c.length >= n, h = "pds-tab-menu", f = `${h}__dropdown-menu`, u = m ? `${f}--scroll` : null, p = `${h}__dropdown-item`, {
-    activeIndex: C,
+  const [o, r] = q(c), [d, i] = q(""), m = c.length >= n, h = "pds-tab-menu", C = `${h}__dropdown-menu`, u = m ? `${C}--scroll` : null, p = `${h}__dropdown-item`, {
+    activeIndex: f,
     floatingStyles: b,
     getFloatingProps: v,
     getItemProps: E,
@@ -8872,7 +8885,7 @@ const bt = ({
     placement: "bottom-start",
     role: "listbox"
   }), M = (I) => {
-    I.preventDefault(), I.key === "Enter" && z.current[C].querySelector("a")?.click(), I.key === "Tab" && I.shiftKey && m && document.getElementById("links-filter").focus();
+    I.preventDefault(), I.key === "Enter" && z.current[f].querySelector("a")?.click(), I.key === "Tab" && I.shiftKey && m && document.getElementById("links-filter").focus();
   }, L = (I, V) => qe(I.linkContent).toLowerCase().includes(V.toLowerCase()), D = (I) => {
     const V = I.target.value;
     i(V), r(c.filter((x) => L(x, V)));
@@ -8889,7 +8902,7 @@ const bt = ({
     width: `${qe(
       O.linkContent
     ).length + 2}ch`
-  }, q = /* @__PURE__ */ e.createElement(F, { className: `${h}__active-icon`, iconName: "check" }), Z = m && /* @__PURE__ */ e.createElement("div", { className: `${h}__filter` }, /* @__PURE__ */ e.createElement(
+  }, j = /* @__PURE__ */ e.createElement(F, { className: `${h}__active-icon`, iconName: "check" }), Z = m && /* @__PURE__ */ e.createElement("div", { className: `${h}__filter` }, /* @__PURE__ */ e.createElement(
     W2,
     {
       hasClearButton: !0,
@@ -8913,11 +8926,11 @@ const bt = ({
         },
         className: $([p, x]),
         onKeyDown: M,
-        tabIndex: V === C ? 0 : -1,
+        tabIndex: V === f ? 0 : -1,
         ...E()
       },
       I.linkContent,
-      I.isActive && q
+      I.isActive && j
     );
   });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
@@ -8951,9 +8964,9 @@ const bt = ({
         }
       })
     },
-    /* @__PURE__ */ e.createElement("div", { style: { ...P } }, Z, /* @__PURE__ */ e.createElement("ul", { className: $([f, u]) }, B.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${h}__no-results` }, s) : B))
+    /* @__PURE__ */ e.createElement("div", { style: { ...P } }, Z, /* @__PURE__ */ e.createElement("ul", { className: $([C, u]) }, B.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${h}__no-results` }, s) : B))
   ));
-}, q0 = ({
+}, G0 = ({
   ariaLabel: a,
   className: l,
   menuItems: t,
@@ -8964,13 +8977,13 @@ const bt = ({
     dropdownSettings: i,
     icon: m,
     isActive: h,
-    linkContent: f,
+    linkContent: C,
     links: u,
     promoteActiveChildLink: p = !1
   }) => {
-    const C = `${s}__item`, b = l1(u), v = (E, g) => {
+    const f = `${s}__item`, b = l1(u), v = (E, g) => {
       let _ = null;
-      return $e(E) && (g ? _ = Ne(
+      return we(E) && (g ? _ = Ne(
         E,
         Object.assign({}, E.props, {
           children: [
@@ -8990,11 +9003,11 @@ const bt = ({
       "li",
       {
         className: $([
-          C,
-          h ? `${C}--active` : null
+          f,
+          h ? `${f}--active` : null
         ])
       },
-      v(p ? b : f, m),
+      v(p ? b : C, m),
       u && /* @__PURE__ */ e.createElement(
         Pt,
         {
@@ -9032,7 +9045,7 @@ const bt = ({
     },
     /* @__PURE__ */ e.createElement("div", { className: `${s}__mobile-menu-wrapper` }, d)
   );
-}, G0 = ({
+}, W0 = ({
   ariaLabel: a = "User menu",
   className: l,
   menuItems: t = [],
@@ -9041,13 +9054,13 @@ const bt = ({
   userName: s,
   ...o
 }) => {
-  const [r, d] = j(null), [i, m] = j(!1), h = de([]), f = de([]), u = "pds-user-menu", p = `${u}__menu`, { context: C, floatingStyles: b, refs: v } = ke({
+  const [r, d] = q(null), [i, m] = q(!1), h = de([]), C = de([]), u = "pds-user-menu", p = `${u}__menu`, { context: f, floatingStyles: b, refs: v } = ke({
     placement: "bottom-end",
     open: i,
     onOpenChange: m,
     middleware: [xe(12), Re(), s2()],
     whileElementsMounted: Ie
-  }), E = u2(C, { event: "mousedown" }), g = Oe(C), _ = l2(C, { role: "menu" }), N = de([]), z = z1(C, {
+  }), E = u2(f, { event: "mousedown" }), g = Oe(f), _ = l2(f, { role: "menu" }), N = de([]), z = z1(f, {
     listRef: N,
     activeIndex: r,
     onNavigate: d,
@@ -9057,7 +9070,7 @@ const bt = ({
     focusItemOnHover: !0
   }), { getFloatingProps: w, getItemProps: k, getReferenceProps: P } = Ze(
     [g, _, E, z]
-  ), { isMounted: M, styles: L } = Ke(C, {
+  ), { isMounted: M, styles: L } = Ke(f, {
     duration: { open: 300, close: 150 },
     initial: { opacity: 0 },
     open: { opacity: 1 },
@@ -9074,16 +9087,16 @@ const bt = ({
   ), H = /* @__PURE__ */ e.createElement("li", { className: `${u}__user-details`, role: "presentation" }, /* @__PURE__ */ e.createElement("div", { className: `${u}__user-name` }, s), /* @__PURE__ */ e.createElement("div", { className: `${u}__user-email` }, c));
   t.forEach((I) => {
     const V = I.id ? I.id : Ye();
-    h.current.push(V), f.current.push(I);
+    h.current.push(V), C.current.push(I);
   });
   const O = (I) => {
-    const V = h.current.indexOf(I), x = f.current[V];
+    const V = h.current.indexOf(I), x = C.current[V];
     x.linkContent && !x.disabled && (N.current[V].querySelector("a").click(), m(!1)), x.callback && !x.disabled && (x.callback(), m(!1));
   }, S = (I) => {
     I.preventDefault(), I.key === "Enter" && O(I.currentTarget.id);
   }, Y = (I) => {
     O(I.currentTarget.id);
-  }, q = t.map((I, V) => {
+  }, j = t.map((I, V) => {
     const x = h.current[V], G = `${u}__item`, W = I.disabled ? `${G}--disabled` : null;
     return /* @__PURE__ */ e.createElement(
       "li",
@@ -9163,7 +9176,7 @@ const bt = ({
       },
       ...w()
     },
-    /* @__PURE__ */ e.createElement("div", { style: { ...L } }, /* @__PURE__ */ e.createElement("ul", { className: p, role: "menu" }, H, /* @__PURE__ */ e.createElement("li", { role: "separator" }), q))
+    /* @__PURE__ */ e.createElement("div", { style: { ...L } }, /* @__PURE__ */ e.createElement("ul", { className: p, role: "menu" }, H, /* @__PURE__ */ e.createElement("li", { role: "separator" }), j))
   ));
 }, g1 = {
   silver: { label: "Silver", color: "silver" },
@@ -9174,7 +9187,7 @@ const bt = ({
   standard: { label: "Standard", color: "gaia" },
   premium: { label: "Premium", color: "gaia" },
   priority: { label: "Priority", color: "gaia" }
-}, W0 = ({
+}, K0 = ({
   ariaLabel: a = "Workspace selector menu",
   className: l,
   createWorkspaceLink: t,
@@ -9186,7 +9199,7 @@ const bt = ({
   workspaceList: d = [],
   ...i
 }) => {
-  const [m, h] = j(""), [f, u] = j(""), p = de(null), C = d.length >= o, b = "pds-workspace-selector", v = `${b}__menu`, E = C ? `${v}--scroll` : null, {
+  const [m, h] = q(""), [C, u] = q(""), p = de(null), f = d.length >= o, b = "pds-workspace-selector", v = `${b}__menu`, E = f ? `${v}--scroll` : null, {
     activeIndex: g,
     floatingStyles: _,
     getFloatingProps: N,
@@ -9198,7 +9211,7 @@ const bt = ({
     setIsOpen: L,
     transitionStyles: D
   } = Ue({
-    enableTypeahead: !C,
+    enableTypeahead: !f,
     role: "menu"
   });
   let H = d.find((x) => x.isActive);
@@ -9210,14 +9223,14 @@ const bt = ({
       (G) => G.displayName?.toLowerCase().includes(x)
     );
   }, [d, m]), S = Me(() => {
-    if (!f) return d;
-    const x = f.toLowerCase();
+    if (!C) return d;
+    const x = C.toLowerCase();
     return d.filter(
       (G) => G.displayName?.toLowerCase().includes(x)
     );
-  }, [d, f]), Y = (x) => {
-    x.preventDefault(), x.key === "Enter" && (P.current[g]?.querySelector("a") || P.current[g]?.querySelector("button"))?.click(), x.key === "Tab" && (x.shiftKey ? C ? document.getElementById("workspace-filter")?.focus() : L(!1) : t ? p.current?.querySelector("a")?.focus() : L(!1));
-  }, q = (x) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${b}__item-content` }, /* @__PURE__ */ e.createElement(
+  }, [d, C]), Y = (x) => {
+    x.preventDefault(), x.key === "Enter" && (P.current[g]?.querySelector("a") || P.current[g]?.querySelector("button"))?.click(), x.key === "Tab" && (x.shiftKey ? f ? document.getElementById("workspace-filter")?.focus() : L(!1) : t ? p.current?.querySelector("a")?.focus() : L(!1));
+  }, j = (x) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${b}__item-content` }, /* @__PURE__ */ e.createElement(
     _2,
     {
       className: `${b}__list-avatar`,
@@ -9257,7 +9270,7 @@ const bt = ({
             },
             type: "button"
           },
-          q(x)
+          j(x)
         ) : K ? /* @__PURE__ */ e.createElement(
           K,
           {
@@ -9265,7 +9278,7 @@ const bt = ({
               onClick: () => L(!1)
             })
           },
-          q(x)
+          j(x)
         ) : null
       );
     }
@@ -9293,8 +9306,8 @@ const bt = ({
             onClick: () => x.onRestrictedSelection(),
             type: "button"
           },
-          q(x)
-        ) : X ? /* @__PURE__ */ e.createElement(X, { ...Object.assign({}, x.workspaceLink?.props) }, q(x)) : null
+          j(x)
+        ) : X ? /* @__PURE__ */ e.createElement(X, { ...Object.assign({}, x.workspaceLink?.props) }, j(x)) : null
       );
     }
   ), I = t && /* @__PURE__ */ e.createElement("div", { ref: p, className: `${b}__create-link` }, /* @__PURE__ */ e.createElement(
@@ -9322,7 +9335,7 @@ const bt = ({
       size: "xs"
     }
   )) : null;
-  return /* @__PURE__ */ e.createElement("span", { className: $([b, l]), ...i }, /* @__PURE__ */ e.createElement(g2, { label: V }, C && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("span", { className: $([b, l]), ...i }, /* @__PURE__ */ e.createElement(g2, { label: V }, f && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(
     W2,
     {
       hasClearButton: !0,
@@ -9379,7 +9392,7 @@ const bt = ({
       },
       ...N()
     },
-    C && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(
+    f && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(
       W2,
       {
         hasClearButton: !0,
@@ -9407,7 +9420,7 @@ const bt = ({
   warning: "triangleExclamation",
   critical: "diamondExclamation",
   discovery: "bullhorn"
-}, T2 = 200, Ht = 50, K0 = ({
+}, T2 = 200, Ht = 50, Y0 = ({
   banners: a,
   className: l,
   dataContext: t = "product",
@@ -9417,7 +9430,7 @@ const bt = ({
   typeLabels: o = { ...k2, neutral: "Notice" },
   ...r
 }) => {
-  const d = t === "marketing", [i, m] = j(a), [h, f] = j(null), [u, p] = j(null), [C, b] = j({});
+  const d = t === "marketing", [i, m] = q(a), [h, C] = q(null), [u, p] = q(null), [f, b] = q({});
   ae(() => {
     m(a);
   }, [a]);
@@ -9431,32 +9444,32 @@ const bt = ({
     neutral: `${E}--neutral`,
     warning: `${E}--warning`
   }, N = i[0].type, z = N ? `${E}-group--${N}` : null, w = (D) => P2 - D, k = (D) => D === 0 ? 0 : -1, P = () => {
-    f(i[0].id), setTimeout(() => {
+    C(i[0].id), setTimeout(() => {
       m((D) => [
         ...D.slice(1),
         D[0]
-      ]), f(null);
+      ]), C(null);
     }, T2);
   }, M = () => {
     b({
       [i[0].id]: P2 + 2,
       [i[v - 1].id]: P2 + 1
     }), setTimeout(() => {
-      f(i[0].id);
+      C(i[0].id);
     }, Ht), setTimeout(() => {
       m((D) => [
         D[D.length - 1],
         ...D.slice(0, D.length - 1)
-      ]), f(null), b({});
+      ]), C(null), b({});
     }, T2);
   }, L = (D, H) => {
-    const { iconName: O, id: S, isDismissible: Y, message: q, onDismiss: Z, type: B } = D, I = B === "critical" ? "alert" : "status", V = `${o[B]}:  `, x = (W) => {
+    const { iconName: O, id: S, isDismissible: Y, message: j, onDismiss: Z, type: B } = D, I = B === "critical" ? "alert" : "status", V = `${o[B]}:  `, x = (W) => {
       W.preventDefault(), p(S), setTimeout(() => {
         Z?.(), p(null), m((y) => y.filter(
           (K) => K.id !== S
         ));
       }, T2);
-    }, G = C[S] ?? w(H);
+    }, G = f[S] ?? w(H);
     return /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -9478,7 +9491,7 @@ const bt = ({
           iconName: B === "neutral" ? O : It[B],
           size: d ? "l" : "m"
         }
-      ), /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, V, " "), q)),
+      ), /* @__PURE__ */ e.createElement("div", { className: `${E}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, V, " "), j)),
       Y && /* @__PURE__ */ e.createElement(
         "button",
         {
@@ -9528,7 +9541,7 @@ const bt = ({
   warning: "triangleExclamation",
   success: "circleCheck",
   critical: "diamondExclamation"
-}, Y0 = ({
+}, U0 = ({
   className: a,
   message: l,
   title: t,
@@ -9589,7 +9602,7 @@ const bt = ({
     },
     /* @__PURE__ */ e.createElement(F, { "aria-hidden": "true", iconName: d, size: i })
   );
-}, U0 = ({
+}, X0 = ({
   ariaLabel: a = "Notifications",
   autoCloseOnClick: l = !0,
   className: t,
@@ -9602,14 +9615,14 @@ const bt = ({
   onViewAllClick: i,
   showLoading: m = !1,
   unreadCount: h,
-  unreadLabel: f = "unread",
+  unreadLabel: C = "unread",
   viewAllText: u = "View all notifications",
   ...p
 }) => {
-  const [C, b] = j(!1), v = r.filter((V) => !V.read).length, g = (h !== void 0 && h > v ? h : v) > 0, _ = "pds-notifications-popover", N = r.slice(0, s), { context: z, floatingStyles: w, refs: k } = ke({
+  const [f, b] = q(!1), v = r.filter((V) => !V.read).length, g = (h !== void 0 && h > v ? h : v) > 0, _ = "pds-notifications-popover", N = r.slice(0, s), { context: z, floatingStyles: w, refs: k } = ke({
     middleware: [xe(8)],
     onOpenChange: b,
-    open: C,
+    open: f,
     placement: "bottom-end",
     whileElementsMounted: Ie
   }), P = u2(z, { event: "mousedown" }), M = Oe(z), { getFloatingProps: L, getReferenceProps: D } = Ze([
@@ -9624,8 +9637,8 @@ const bt = ({
     d && d(V), l && b(!1);
   }, Y = () => {
     i && i(), b(!1);
-  }, q = g ? `${a}, ${f}` : a, Z = N.map((V) => {
-    const x = `${_}__item`, G = `${V.type} notification: ${V.title}${V.siteName ? `, ${V.siteName}` : ""}, ${V.timestamp}${V.read ? "" : `, ${f}`}`;
+  }, j = g ? `${a}, ${C}` : a, Z = N.map((V) => {
+    const x = `${_}__item`, G = `${V.type} notification: ${V.title}${V.siteName ? `, ${V.siteName}` : ""}, ${V.timestamp}${V.read ? "" : `, ${C}`}`;
     return /* @__PURE__ */ e.createElement("li", { key: V.id, className: x }, /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -9674,9 +9687,9 @@ const bt = ({
     {
       ref: k.setReference,
       "aria-controls": "notification-panel",
-      "aria-expanded": C,
+      "aria-expanded": f,
       "aria-haspopup": "dialog",
-      "aria-label": q,
+      "aria-label": j,
       className: `${_}__trigger`,
       type: "button",
       ...D()
@@ -9705,7 +9718,7 @@ const bt = ({
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, X0 = ({
+}, Q0 = ({
   className: a,
   ctaButton: l,
   dataContext: t = "product",
@@ -9719,7 +9732,7 @@ const bt = ({
   typeLabels: m = k2,
   ...h
 }) => {
-  const f = t === "marketing", u = de(null), p = "pds-section-message", C = {
+  const C = t === "marketing", u = de(null), p = "pds-section-message", f = {
     error: `${p}--error`,
     success: `${p}--success`,
     warning: `${p}--warning`,
@@ -9735,8 +9748,8 @@ const bt = ({
   }, z = (k) => {
     r(k, n);
   }, w = () => {
-    N(), u.current.classList.toggle(C.dismissing), setTimeout(() => {
-      u.current.classList.toggle(C.dismissing), u.current.classList.toggle(C.dismissed);
+    N(), u.current.classList.toggle(f.dismissing), setTimeout(() => {
+      u.current.classList.toggle(f.dismissing), u.current.classList.toggle(f.dismissed);
     }, 400);
   };
   return /* @__PURE__ */ e.createElement(
@@ -9745,7 +9758,7 @@ const bt = ({
       ref: u,
       className: $([
         p,
-        C[i],
+        f[i],
         b,
         v,
         a ?? ""
@@ -9759,7 +9772,7 @@ const bt = ({
       F,
       {
         iconName: `${i}` in A2 ? A2[i] : A2.info,
-        size: f ? "l" : "m"
+        size: C ? "l" : "m"
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${p}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g), d && /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, d), /* @__PURE__ */ e.createElement("div", { className: `${p}__message` }, _))),
     (l || s) && /* @__PURE__ */ e.createElement("div", { className: `${p}__actions` }, l && /* @__PURE__ */ e.createElement(
@@ -9767,7 +9780,7 @@ const bt = ({
       {
         ...l,
         className: `${p}__cta`,
-        size: f ? "m" : "s",
+        size: C ? "m" : "s",
         variant: "secondary"
       }
     ), s && /* @__PURE__ */ e.createElement(
@@ -9776,7 +9789,7 @@ const bt = ({
         ariaLabel: c,
         className: `${p}__dismiss`,
         onClick: w,
-        size: f ? "xl" : "l"
+        size: C ? "xl" : "l"
       }
     ))
   );
@@ -9796,7 +9809,7 @@ const bt = ({
     size: "l",
     tabIndex: 0
   }
-), Q0 = ({
+), J0 = ({
   className: a,
   labelStrings: l = s4,
   limit: t = 5,
@@ -9845,10 +9858,10 @@ const bt = ({
     success: `${r}--success`,
     warning: `${r}--warning`,
     working: `${r}--working`
-  }, i = `${o[s]} `, { labelStrings: m } = K2(l4), [h, f] = j(!1), u = n !== void 0 && s !== "critical" && s !== "working" && typeof a == "number", p = () => {
-    f(!0), f1.pause({ id: n });
-  }, C = () => {
-    f(!1), f1.play({ id: n });
+  }, i = `${o[s]} `, { labelStrings: m } = K2(l4), [h, C] = q(!1), u = n !== void 0 && s !== "critical" && s !== "working" && typeof a == "number", p = () => {
+    C(!0), f1.pause({ id: n });
+  }, f = () => {
+    C(!1), f1.play({ id: n });
   };
   return /* @__PURE__ */ e.createElement(
     "div",
@@ -9870,7 +9883,7 @@ const bt = ({
       {
         "aria-label": h ? m.resume : m.pause,
         className: `${r}__pause-button`,
-        onClick: h ? C : p,
+        onClick: h ? f : p,
         type: "button"
       },
       /* @__PURE__ */ e.createElement(F, { iconName: h ? "play" : "pause" })
@@ -9878,7 +9891,7 @@ const bt = ({
   );
 };
 var Zt = /* @__PURE__ */ ((a) => (a.Critical = "critical", a.Info = "info", a.Success = "success", a.Warning = "warning", a.Working = "working", a))(Zt || {});
-const J0 = () => {
+const ea = () => {
   const a = (t, c, n = {}) => {
     const s = n.toastId ?? Ye(), o = typeof n.autoClose == "number" ? Math.max(Rt, n.autoClose) : !1, r = /* @__PURE__ */ e.createElement(
       Ot,
@@ -9924,19 +9937,19 @@ const J0 = () => {
   const i = Math.max(l - a, 1), m = Math.min(
     l + a,
     s
-  ), h = i > 2, f = m < s - 2;
-  if (!h && f) {
+  ), h = i > 2, C = m < s - 2;
+  if (!h && C) {
     const u = 3 + 2 * a;
     return [...C2(1, u), i2, s];
   }
-  if (h && !f) {
+  if (h && !C) {
     const u = 3 + 2 * a, p = C2(
       s - u + 1,
       s
     );
     return [r, i2, ...p];
   }
-  if (h && f) {
+  if (h && C) {
     const u = C2(i, m);
     return [
       r,
@@ -9946,7 +9959,7 @@ const J0 = () => {
       d
     ];
   }
-}, [c, t, a, l]), ea = ({
+}, [c, t, a, l]), ta = ({
   bufferCount: a = 1,
   className: l,
   currentPage: t,
@@ -9967,18 +9980,18 @@ const J0 = () => {
     totalItemCount: i,
     bufferCount: a,
     itemsPerPage: s
-  }), f = h[h.length - 1], u = () => {
+  }), C = h[h.length - 1], u = () => {
     r(t + 1);
   }, p = () => {
     r(t - 1);
-  }, C = "pds-pagination", b = `${C}__item`, v = `${b}--current`;
+  }, f = "pds-pagination", b = `${f}__item`, v = `${b}--current`;
   return t === 0 || h.length < 2 ? null : /* @__PURE__ */ e.createElement(
     "nav",
     {
       "aria-labelledby": "pagination",
       className: $([
-        C,
-        d === "m" ? `${C}--m` : null,
+        f,
+        d === "m" ? `${f}--m` : null,
         l ?? ""
       ]),
       ...m
@@ -9986,15 +9999,15 @@ const J0 = () => {
     /* @__PURE__ */ e.createElement(
       c2,
       {
-        baseClass: C,
+        baseClass: f,
         className: "visually-hidden",
         id: "pagination",
         level: c
       },
       n
     ),
-    /* @__PURE__ */ e.createElement("ul", { className: `${C}__list` }, t !== 1 && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--prev`]) }, /* @__PURE__ */ e.createElement(
-      we,
+    /* @__PURE__ */ e.createElement("ul", { className: `${f}__list` }, t !== 1 && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--prev`]) }, /* @__PURE__ */ e.createElement(
+      Le,
       {
         content: o.previous,
         customTrigger: /* @__PURE__ */ e.createElement(
@@ -10032,8 +10045,8 @@ const J0 = () => {
         },
         E
       )
-    )), t !== f && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--next`]) }, /* @__PURE__ */ e.createElement(
-      we,
+    )), t !== C && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--next`]) }, /* @__PURE__ */ e.createElement(
+      Le,
       {
         content: o.next,
         customTrigger: /* @__PURE__ */ e.createElement(
@@ -10068,12 +10081,12 @@ const J0 = () => {
     () => Math.ceil(r / n),
     [r, n]
   ), h = Me(
-    () => Array.from({ length: m }, (C, b) => ({
+    () => Array.from({ length: m }, (f, b) => ({
       label: String(b + 1),
       value: String(b + 1)
     })),
     [m]
-  ), f = l <= 1, u = l >= m, p = "pds-pagination-compact";
+  ), C = l <= 1, u = l >= m, p = "pds-pagination-compact";
   return /* @__PURE__ */ e.createElement(
     "nav",
     {
@@ -10097,7 +10110,7 @@ const J0 = () => {
         autoWidth: !0,
         id: i,
         label: s.pageSelect,
-        onOptionSelect: (C) => o(Number(C.value)),
+        onOptionSelect: (f) => o(Number(f.value)),
         options: h,
         showLabel: !1,
         size: "s",
@@ -10106,26 +10119,26 @@ const J0 = () => {
     ),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__count` }, s.of, " ", m),
     /* @__PURE__ */ e.createElement("div", { className: `${p}__nav` }, /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: s.previous,
         customTrigger: /* @__PURE__ */ e.createElement(
           "button",
           {
-            "aria-disabled": f ? !0 : void 0,
+            "aria-disabled": C ? !0 : void 0,
             "aria-label": s.previous,
             className: $([
               `${p}__btn`,
-              f ? `${p}__btn--disabled` : null
+              C ? `${p}__btn--disabled` : null
             ]),
-            onClick: f ? void 0 : () => o(l - 1),
+            onClick: C ? void 0 : () => o(l - 1),
             type: "button"
           },
           /* @__PURE__ */ e.createElement(F, { iconName: "angleLeft", size: "m" })
         )
       }
     ), /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: s.next,
         customTrigger: /* @__PURE__ */ e.createElement(
@@ -10145,7 +10158,7 @@ const J0 = () => {
       }
     ))
   );
-}, ta = ({
+}, aa = ({
   className: a,
   currentPage: l,
   headingLevel: t = "h2",
@@ -10164,7 +10177,7 @@ const J0 = () => {
   const h = Me(
     () => Math.ceil(i / n),
     [i, n]
-  ), f = l <= 1, u = l >= h, p = "pds-pagination-mini";
+  ), C = l <= 1, u = l >= h, p = "pds-pagination-mini";
   return /* @__PURE__ */ e.createElement(
     "nav",
     {
@@ -10182,7 +10195,7 @@ const J0 = () => {
       },
       c
     ),
-    !f && /* @__PURE__ */ e.createElement(
+    !C && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: $([
@@ -10209,7 +10222,7 @@ const J0 = () => {
       /* @__PURE__ */ e.createElement("span", { className: `${p}__nav` }, /* @__PURE__ */ e.createElement("span", null, o), /* @__PURE__ */ e.createElement(F, { iconName: "angleRight", size: "m" }))
     )
   );
-}, aa = ({
+}, sa = ({
   children: a,
   className: l,
   id: t,
@@ -10218,20 +10231,20 @@ const J0 = () => {
   summary: s,
   ...o
 }) => {
-  const [r, d] = j(c), m = de(
+  const [r, d] = q(c), m = de(
     t || `expansion-panel-${Ye()}`
-  ).current, h = "pds-expansion-panel", f = n ? null : `${h}--no-border`, u = de(null);
+  ).current, h = "pds-expansion-panel", C = n ? null : `${h}--no-border`, u = de(null);
   return ae(() => {
     const p = u.current;
     if (!p) return;
-    const C = (b) => {
+    const f = (b) => {
       b.preventDefault(), d((v) => !v);
     };
-    return p.addEventListener("click", C), () => p.removeEventListener("click", C);
+    return p.addEventListener("click", f), () => p.removeEventListener("click", f);
   }, []), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: $([h, f, l]),
+      className: $([h, C, l]),
       ...o
     },
     /* @__PURE__ */ e.createElement("details", { key: m, id: m, open: r }, /* @__PURE__ */ e.createElement("summary", { ref: u }, /* @__PURE__ */ e.createElement("span", null, s), /* @__PURE__ */ e.createElement(
@@ -10242,7 +10255,7 @@ const J0 = () => {
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, a))
   );
-}, sa = ({
+}, la = ({
   children: a,
   className: l,
   displayType: t = "standard",
@@ -10257,7 +10270,7 @@ const J0 = () => {
     },
     a
   );
-}, la = ({
+}, ca = ({
   children: a,
   className: l,
   padding: t = "standard",
@@ -10273,7 +10286,7 @@ const J0 = () => {
     },
     /* @__PURE__ */ e.createElement("div", { className: $([r, d]) }, a)
   );
-}, ca = ({
+}, na = ({
   background: a = "default",
   children: l,
   className: t,
@@ -10296,22 +10309,22 @@ const J0 = () => {
     },
     l
   );
-}, na = ({
+}, ra = ({
   children: a,
   className: l,
   expandButtonAriaLabel: t,
   isExpandable: c = !1,
   ...n
 }) => {
-  const s = "pds-panel-row", [o, r] = j(!1), d = de(null), i = de(null), m = Fe(a), h = m["items-left"], f = m["items-right"], u = m["items-below"], p = () => {
-    const C = i.current, b = d.current;
-    if (!C || !b) return;
+  const s = "pds-panel-row", [o, r] = q(!1), d = de(null), i = de(null), m = Fe(a), h = m["items-left"], C = m["items-right"], u = m["items-below"], p = () => {
+    const f = i.current, b = d.current;
+    if (!f || !b) return;
     const v = !o;
-    r(v), v ? (Object.assign(C.style, {
+    r(v), v ? (Object.assign(f.style, {
       display: "block",
       height: "auto",
       opacity: "1"
-    }), b.classList.add("is-expanded")) : (Object.assign(C.style, {
+    }), b.classList.add("is-expanded")) : (Object.assign(f.style, {
       height: "0",
       opacity: "0",
       display: "none"
@@ -10333,7 +10346,7 @@ const J0 = () => {
         ])
       },
       h && /* @__PURE__ */ e.createElement("div", { className: `${s}__items ${s}__items--left` }, h),
-      f && /* @__PURE__ */ e.createElement("div", { className: `${s}__items ${s}__items--right` }, f),
+      C && /* @__PURE__ */ e.createElement("div", { className: `${s}__items ${s}__items--right` }, C),
       c && /* @__PURE__ */ e.createElement(
         "button",
         {
@@ -10361,7 +10374,7 @@ const J0 = () => {
       /* @__PURE__ */ e.createElement("div", { className: `${s}__items-inside` }, u)
     )
   );
-}, je = 8, C1 = 14, qt = 6, ra = ({
+}, je = 8, C1 = 14, qt = 6, oa = ({
   className: a,
   classNameContainer: l,
   closeButtonLabel: t = "Close",
@@ -10376,12 +10389,12 @@ const J0 = () => {
   setPopoverIsOpen: m = () => {
   },
   title: h,
-  triggerAccessibleText: f = "Show more information",
+  triggerAccessibleText: C = "Show more information",
   triggerIcon: u = "circleInfo",
   triggerIconSize: p = "m",
-  ...C
+  ...f
 }) => {
-  const [b, v] = j(i);
+  const [b, v] = q(i);
   ae(() => {
     v(i);
   }, [i]), ae(() => {
@@ -10409,7 +10422,7 @@ const J0 = () => {
     D,
     H,
     O
-  ]), q = P.arrow?.x ?? 0, Z = P.arrow?.y ?? 0, B = q + C1 / 2, I = Z + je, { isMounted: V } = Ke(w, {
+  ]), j = P.arrow?.x ?? 0, Z = P.arrow?.y ?? 0, B = j + C1 / 2, I = Z + je, { isMounted: V } = Ke(w, {
     initial: {
       transform: "scale(0)"
     },
@@ -10422,7 +10435,7 @@ const J0 = () => {
       }[x]
     })
   });
-  return /* @__PURE__ */ e.createElement("div", { className: $([g, a]), ...C }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: $([g, a]), ...f }, /* @__PURE__ */ e.createElement(
     "span",
     {
       ref: M.setReference,
@@ -10430,9 +10443,9 @@ const J0 = () => {
       role: "button",
       tabIndex: 0,
       ...Y(),
-      ...C
+      ...f
     },
-    n ? /* @__PURE__ */ e.createElement("span", { className: _ }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, f), /* @__PURE__ */ e.createElement(
+    n ? /* @__PURE__ */ e.createElement("span", { className: _ }, n) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), /* @__PURE__ */ e.createElement(
       F,
       {
         className: `${g}__icon`,
@@ -10488,7 +10501,7 @@ const J0 = () => {
   success: "--pds-color-status-success-foreground",
   warning: "--pds-color-status-warning-foreground",
   critical: "--pds-color-status-critical-foreground"
-}, oa = ({
+}, ia = ({
   className: a,
   colorBreakpoints: l = [
     { colorType: "info", percentage: 0 },
@@ -10504,27 +10517,27 @@ const J0 = () => {
   size: i = "m",
   ...m
 }) => {
-  const h = t || Ye(), f = "pds-progress-bar", u = r ? `${f}__label` : "visually-hidden", p = $([
-    `${f}__track`,
-    i !== "m" ? `${f}__track--${i}` : null
-  ]), C = o > 100 ? 100 : o;
+  const h = t || Ye(), C = "pds-progress-bar", u = r ? `${C}__label` : "visually-hidden", p = $([
+    `${C}__track`,
+    i !== "m" ? `${C}__track--${i}` : null
+  ]), f = o > 100 ? 100 : o;
   let b = "neutral";
   l.forEach((_) => {
     o >= _.percentage && (b = _.colorType);
   });
-  const v = /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, n), E = n && s === "above", g = n && s === "below";
+  const v = /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, n), E = n && s === "above", g = n && s === "below";
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: $([f, a]),
-      style: { "--bar-percentage": `${C}%` },
+      className: $([C, a]),
+      style: { "--bar-percentage": `${f}%` },
       ...m
     },
     /* @__PURE__ */ e.createElement("div", { className: u, id: h }, c),
-    (E || d) && /* @__PURE__ */ e.createElement("div", { className: `${f}__details` }, E && v, d && /* @__PURE__ */ e.createElement(
+    (E || d) && /* @__PURE__ */ e.createElement("div", { className: `${C}__details` }, E && v, d && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `${f}__percentage`,
+        className: `${C}__percentage`,
         style: {
           color: `hsl(from var(${v1[b]}) h s calc(l - 7))`
         }
@@ -10532,20 +10545,20 @@ const J0 = () => {
       o,
       "%"
     )),
-    /* @__PURE__ */ e.createElement("div", { className: `${f}__wrapper` }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: `${C}__wrapper` }, /* @__PURE__ */ e.createElement(
       "div",
       {
         "aria-labelledby": h,
-        "aria-valuenow": C,
+        "aria-valuenow": f,
         className: p,
         role: "progressbar"
       },
-      C > 0 && /* @__PURE__ */ e.createElement(
+      f > 0 && /* @__PURE__ */ e.createElement(
         "div",
         {
-          className: `${f}__bar`,
+          className: `${C}__bar`,
           style: {
-            width: `${C}%`,
+            width: `${f}%`,
             backgroundColor: `var(${v1[b]})`
           }
         }
@@ -10564,13 +10577,13 @@ const J0 = () => {
   size: r = "m",
   ...d
 }) => {
-  const i = l || Ye(), m = "pds-progress-ring", h = s ? `${m}__label` : "visually-hidden", f = $([
+  const i = l || Ye(), m = "pds-progress-ring", h = s ? `${m}__label` : "visually-hidden", C = $([
     `${m}__loading-text`,
     r !== "m" ? `${m}__loading-text--${r}` : null
   ]), u = (_) => _ * 16;
-  let p = u(parseFloat(X2)), C = 7;
-  r === "s" && (p = u(parseFloat(Q2)), C = C / 1.25), r === "l" && (p = u(parseFloat(S1)), C = C * 1.25);
-  const b = p / 2 - C / 2, v = 2 * Math.PI * b, E = v - v * n / 100;
+  let p = u(parseFloat(X2)), f = 7;
+  r === "s" && (p = u(parseFloat(Q2)), f = f / 1.25), r === "l" && (p = u(parseFloat(S1)), f = f * 1.25);
+  const b = p / 2 - f / 2, v = 2 * Math.PI * b, E = v - v * n / 100;
   let g;
   return t ? g = t : o ? g = `${n}%` : g = "", /* @__PURE__ */ e.createElement(
     "div",
@@ -10607,7 +10620,7 @@ const J0 = () => {
             cx: p / 2,
             cy: p / 2,
             r: b,
-            strokeWidth: C
+            strokeWidth: f
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -10619,7 +10632,7 @@ const J0 = () => {
             r: b,
             strokeDasharray: v,
             strokeDashoffset: E,
-            strokeWidth: C,
+            strokeWidth: f,
             transform: `rotate(-90 ${p / 2} ${p / 2})`
           }
         ),
@@ -10627,7 +10640,7 @@ const J0 = () => {
           "text",
           {
             alignmentBaseline: "middle",
-            className: f,
+            className: C,
             dominantBaseline: "middle",
             textAnchor: "middle",
             x: "50%",
@@ -10638,20 +10651,7 @@ const J0 = () => {
       )
     )
   );
-}, ia = ({
-  className: a,
-  destination: l = "main",
-  text: t = "Skip to main content",
-  ...c
-}) => /* @__PURE__ */ e.createElement(
-  "a",
-  {
-    className: $(["pds-skiplink", a]),
-    href: `#${l}`,
-    ...c
-  },
-  t
-), da = ({
+}, da = ({
   alignment: a = "left",
   className: l,
   componentWidth: t,
@@ -10688,7 +10688,7 @@ const J0 = () => {
         }
         return d.checked;
     }
-  }, m = "pds-status-checker", h = `${m}--${a}`, f = $([
+  }, m = "pds-status-checker", h = `${m}--${a}`, C = $([
     `${m}__button`,
     o === "working" ? `${m}__button--spinning` : ""
   ]), u = t !== null && t > 0 ? `${t}rem` : "100%", p = /* @__PURE__ */ e.createElement("span", { className: `${m}__tooltip-icon` }, /* @__PURE__ */ e.createElement(
@@ -10698,7 +10698,7 @@ const J0 = () => {
       iconName: "rotate",
       size: "m"
     }
-  )), C = /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, i());
+  )), f = /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, i());
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -10711,13 +10711,13 @@ const J0 = () => {
       {
         "aria-label": d.ariaLabel,
         "aria-live": "polite",
-        className: f,
+        className: C,
         onClick: s,
         type: "button"
       },
-      a === "right" && C,
+      a === "right" && f,
       /* @__PURE__ */ e.createElement(
-        we,
+        Le,
         {
           content: d.tooltipContent || d.ariaLabel,
           customTrigger: p,
@@ -10725,7 +10725,7 @@ const J0 = () => {
           triggerIconSize: "s"
         }
       ),
-      a === "left" && C
+      a === "left" && f
     )
   );
 }, ma = ({
@@ -10768,14 +10768,14 @@ const J0 = () => {
   },
   ...c
 }) => {
-  const n = "pds-stepper", s = "pds-stepper-mobile", o = de(null), [r] = H1(o), d = r.width, i = parseFloat(k4) * 16, m = -36, h = 2, f = 5, u = l.length, p = l.map((v) => v.isCurrent).lastIndexOf(!0), C = l.map((v, E) => {
+  const n = "pds-stepper", s = "pds-stepper-mobile", o = de(null), [r] = H1(o), d = r.width, i = parseFloat(k4) * 16, m = -36, h = 2, C = 5, u = l.length, p = l.map((v) => v.isCurrent).lastIndexOf(!0), f = l.map((v, E) => {
     const g = E + 1, _ = E === p, N = v.isComplete || E < p, z = v.hasError && _, k = (d - u * i) / (u + (u - 2)), P = i + k * 2, M = i + k, L = k + m * -1, D = E === 0, H = E === u - 1;
     let O = P;
     (D || H) && (O = M);
     const S = `${n}__step`, Y = [S];
     _ && Y.push(`${S}--current`), N && Y.push(`${S}--complete`), z && Y.push(`${S}--error`);
-    let q = `${t.step} ${g}`;
-    N && (q = `${t.step} ${g}, ${t.completed}`), z && (q = `${t.step} ${g}, ${t.hasError}`);
+    let j = `${t.step} ${g}`;
+    N && (j = `${t.step} ${g}, ${t.completed}`), z && (j = `${t.step} ${g}, ${t.hasError}`);
     const Z = N ? /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${n}__step-indicator` }, /* @__PURE__ */ e.createElement(
       "svg",
       {
@@ -10810,7 +10810,7 @@ const J0 = () => {
       {
         key: v.id,
         "aria-current": _ ? "step" : null,
-        "aria-label": q,
+        "aria-label": j,
         "aria-posinset": g,
         "aria-setsize": u,
         className: $(Y),
@@ -10872,7 +10872,7 @@ const J0 = () => {
       );
     }
   });
-  if (u >= h && u <= f)
+  if (u >= h && u <= C)
     return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -10880,7 +10880,7 @@ const J0 = () => {
         "data-steps": u,
         ...c
       },
-      /* @__PURE__ */ e.createElement("ol", { ref: o, className: `${n}__steps` }, C)
+      /* @__PURE__ */ e.createElement("ol", { ref: o, className: `${n}__steps` }, f)
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
@@ -10902,8 +10902,8 @@ const J0 = () => {
   stepContent: d,
   ...i
 }) => {
-  const m = "pds-vert-stepper", h = `${m}__step`, f = [h];
-  return o && f.push(`${h}--current`), s && f.push(`${h}--complete`), c && f.push(`${h}--error`), /* @__PURE__ */ e.createElement("li", { className: $([...f]), id: n, ...i }, /* @__PURE__ */ e.createElement("div", { className: `${m}__step-header` }, /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${m}__step-indicator` }, s && /* @__PURE__ */ e.createElement(
+  const m = "pds-vert-stepper", h = `${m}__step`, C = [h];
+  return o && C.push(`${h}--current`), s && C.push(`${h}--complete`), c && C.push(`${h}--error`), /* @__PURE__ */ e.createElement("li", { className: $([...C]), id: n, ...i }, /* @__PURE__ */ e.createElement("div", { className: `${m}__step-header` }, /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${m}__step-indicator` }, s && /* @__PURE__ */ e.createElement(
     "svg",
     {
       "aria-hidden": "true",
@@ -10927,22 +10927,22 @@ const J0 = () => {
   ...c
 }) => {
   const n = "pds-vert-stepper", r = t.length, d = t.findIndex((h) => h.isCurrent), i = t.map((m, h) => {
-    const f = h + 1, u = h === d, p = h === 0, C = m.isComplete || !1, b = m.hasError && u;
-    let v = `${l.step} ${f}`;
-    return C && (v = `${l.step} ${f}, ${l.completed}`), b && (v = `${l.step} ${f}, ${l.hasError}`), /* @__PURE__ */ e.createElement(
+    const C = h + 1, u = h === d, p = h === 0, f = m.isComplete || !1, b = m.hasError && u;
+    let v = `${l.step} ${C}`;
+    return f && (v = `${l.step} ${C}, ${l.completed}`), b && (v = `${l.step} ${C}, ${l.hasError}`), /* @__PURE__ */ e.createElement(
       Wt,
       {
-        key: `s${f}`,
+        key: `s${C}`,
         _isFirstStep: p,
         "aria-current": u ? "step" : null,
         "aria-label": v,
-        "aria-posinset": f,
+        "aria-posinset": C,
         "aria-setsize": r,
         backButton: m.backButton,
         forwardButton: m.forwardButton,
         hasError: b,
         id: m.id,
-        isComplete: C,
+        isComplete: f,
         isCurrent: u,
         label: m.label,
         stepContent: m.stepContent
@@ -10964,10 +10964,10 @@ const J0 = () => {
   getRowId: i,
   getSelectRowLabel: m = (L, D) => `Select row ${D}`,
   getSortLabel: h = (L) => `Sort by ${L}`,
-  isLoading: f = !1,
+  isLoading: C = !1,
   itemsPerPage: u,
   loadingRowCount: p = 5,
-  onPageChange: C,
+  onPageChange: f,
   onPageSizeChange: b,
   onRowSelectionChange: v,
   onSort: E,
@@ -10980,52 +10980,65 @@ const J0 = () => {
   totalItemCount: P,
   ...M
 }) => {
-  const L = "pds-table", D = O2(), H = O2(), O = E !== void 0, S = C !== void 0, Y = b !== void 0, q = S || u !== void 0 || g !== void 0, [Z, B] = j({
+  const L = "pds-table", D = O2(), H = O2(), O = E !== void 0, S = f !== void 0, Y = b !== void 0, j = S || u !== void 0 || g !== void 0, [Z, B] = q({
     key: c ?? "",
     order: c !== void 0 ? n : "asc"
-  }), [I, V] = j(1), [x, G] = j(
+  }), [I, V] = q(1), [x, G] = q(
     u ?? g?.[0] ?? 10
-  ), W = S ? u ?? 10 : x, y = (R) => {
-    Y ? b(R) : G(R), S || V(1);
-  }, X = v !== void 0, K = z !== void 0, [ne, U] = j(
+  ), W = S ? u ?? 10 : x, y = (T) => {
+    Y ? b(T) : G(T), S || V(1);
+  };
+  ae(() => {
+    S || V(1);
+  }, [_.length, S]), ae(() => {
+    process.env.NODE_ENV !== "production" && t !== void 0 && !f && console.warn(
+      "[Table] `currentPage` was provided without `onPageChange`. Controlled pagination requires both props. The table is running in uncontrolled mode."
+    );
+  }, []);
+  const X = v !== void 0, K = z !== void 0, [ne, U] = q(
     /* @__PURE__ */ new Set()
   ), A = K ? new Set(z) : ne, ee = Me(
-    () => new Map(_.map((R, J) => [R, J])),
+    () => new Map(_.map((T, J) => [T, J])),
     [_]
-  ), oe = (R, J) => i ? i(R) : String(ee.get(R) ?? J), Q = O ? w ?? "" : Z.key, me = O ? k ?? "asc" : Z.order, pe = Me(() => {
-    if (f) return [];
-    let R = _;
-    if (!O && Z.key !== "" && (R = [...R].sort((J, ve) => {
-      const T = String(J[Z.key]).localeCompare(String(ve[Z.key]));
-      return Z.order === "asc" ? T : -T;
-    })), !S && W) {
+  ), oe = (T, J) => i ? i(T) : String(ee.get(T) ?? J), Q = O ? w ?? "" : Z.key, me = O ? k ?? "asc" : Z.order, pe = Me(() => {
+    if (C) return [];
+    let T = _;
+    if (!O && Z.key !== "") {
+      const fe = l.find((R) => R.id === Z.key)?.sortKey ?? Z.key;
+      T = [...T].sort((R, le) => {
+        const Ee = String(R[fe]).localeCompare(String(le[fe]));
+        return Z.order === "asc" ? Ee : -Ee;
+      });
+    }
+    if (!S && j && W) {
       const J = (I - 1) * W;
-      R = R.slice(J, J + W);
+      T = T.slice(J, J + W);
     }
-    return R;
+    return T;
   }, [
     _,
     Z,
     O,
     S,
+    j,
     I,
     W,
-    f
-  ]), fe = (R) => {
-    O ? E(R, w === R && k === "asc" ? "desc" : "asc") : B((J) => ({
-      key: R,
-      order: J.key === R && J.order === "asc" ? "desc" : "asc"
+    C
+  ]), Ce = (T) => {
+    O ? E(T, w === T && k === "asc" ? "desc" : "asc") : B((J) => ({
+      key: T,
+      order: J.key === T && J.order === "asc" ? "desc" : "asc"
     }));
-  }, Ce = (R) => Q !== R ? "none" : me === "asc" ? "ascending" : "descending", ge = (R, J) => {
-    const ve = Q === R, T = Q !== "" && !ve, ce = `${L}__sort-button-${J}`;
-    return J === "top" && T ? `${ce}--inactive` : ve && me === "desc" ? `${ce}--desc` : "";
-  }, se = pe.map((R, J) => oe(R, J)), ie = se.length > 0 && se.every((R) => A.has(R)), he = !ie && se.some((R) => A.has(R)), Se = (R) => {
+  }, ve = (T) => Q !== T ? "none" : me === "asc" ? "ascending" : "descending", ge = (T, J) => {
+    const fe = Q === T, R = Q !== "" && !fe, le = `${L}__sort-button-${J}`;
+    return J === "top" && R ? `${le}--inactive` : fe && me === "desc" ? `${le}--desc` : "";
+  }, se = pe.map((T, J) => oe(T, J)), ie = se.length > 0 && se.every((T) => A.has(T)), he = !ie && se.some((T) => A.has(T)), Se = (T) => {
     const J = new Set(A);
-    J.has(R) ? J.delete(R) : J.add(R), K || U(J), v?.(Array.from(J));
-  }, le = () => {
-    const R = new Set(A);
-    ie || he ? se.forEach((J) => R.delete(J)) : se.forEach((J) => R.add(J)), K || U(R), v?.(Array.from(R));
-  }, be = (R) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${R}` }, X && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 1, width: 1 } })), l.map((J) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${R}-${J.id}` }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 1 } })))), ue = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement(
+    J.has(T) ? J.delete(T) : J.add(T), K || U(J), v?.(Array.from(J));
+  }, ce = () => {
+    const T = new Set(A);
+    ie || he ? se.forEach((J) => T.delete(J)) : se.forEach((J) => T.add(J)), K || U(T), v?.(Array.from(T));
+  }, be = (T) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${T}` }, X && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 1, width: 1 } })), l.map((J) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${T}-${J.id}` }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 1 } })))), ue = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement(
     "td",
     {
       className: "pds-table__empty-cell",
@@ -11039,23 +11052,23 @@ const J0 = () => {
         message: r
       }
     )
-  )), _e = (R, J) => {
-    const ve = oe(R, J);
-    return /* @__PURE__ */ e.createElement("tr", { key: `row-${ve}` }, X && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(
+  )), _e = (T, J) => {
+    const fe = oe(T, J);
+    return /* @__PURE__ */ e.createElement("tr", { key: `row-${fe}` }, X && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(
       G2,
       {
-        checked: A.has(ve),
-        id: `${H}-row-${ve}`,
-        label: m(R, J + 1),
-        onChange: () => Se(ve),
+        checked: A.has(fe),
+        id: `${H}-row-${fe}`,
+        label: m(T, J + 1),
+        onChange: () => Se(fe),
         showLabel: !1
       }
-    )), l.map((T) => /* @__PURE__ */ e.createElement("td", { key: `${ve}-${T.id}` }, R[T.id])));
+    )), l.map((R) => /* @__PURE__ */ e.createElement("td", { key: `${fe}-${R.id}` }, T[R.id])));
   };
   return /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper" }, /* @__PURE__ */ e.createElement(
     "table",
     {
-      "aria-busy": f,
+      "aria-busy": C,
       className: $([L, a]),
       ...M
     },
@@ -11066,24 +11079,24 @@ const J0 = () => {
         id: H,
         indeterminate: he,
         label: N,
-        onChange: le,
+        onChange: ce,
         showLabel: !1
       }
-    )), l.map((R) => /* @__PURE__ */ e.createElement(
+    )), l.map((T) => /* @__PURE__ */ e.createElement(
       "th",
       {
-        key: R.id,
-        "aria-sort": R.sortable ? Ce(R.id) : void 0
+        key: T.id,
+        "aria-sort": T.sortable ? ve(T.id) : void 0
       },
-      R.sortable ? /* @__PURE__ */ e.createElement(
+      T.sortable ? /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-label": h(N2(R.header)),
+          "aria-label": h(N2(T.header)),
           className: `${L}__sort-button`,
-          onClick: () => fe(R.id),
+          onClick: () => Ce(T.id),
           type: "button"
         },
-        R.header,
+        T.header,
         /* @__PURE__ */ e.createElement(
           "span",
           {
@@ -11095,7 +11108,7 @@ const J0 = () => {
             {
               className: $([
                 `${L}__sort-button-top`,
-                ge(R.id, "top")
+                ge(T.id, "top")
               ])
             },
             /* @__PURE__ */ e.createElement(F, { iconName: "caretUp", size: "m" })
@@ -11105,28 +11118,28 @@ const J0 = () => {
             {
               className: $([
                 `${L}__sort-button-bottom`,
-                ge(R.id, "bottom")
+                ge(T.id, "bottom")
               ])
             },
             /* @__PURE__ */ e.createElement(F, { iconName: "caretDown", size: "m" })
           )
         )
-      ) : /* @__PURE__ */ e.createElement("span", null, R.header)
+      ) : /* @__PURE__ */ e.createElement("span", null, T.header)
     )))),
-    /* @__PURE__ */ e.createElement("tbody", null, f ? Array.from(
+    /* @__PURE__ */ e.createElement("tbody", null, C ? Array.from(
       { length: p },
-      (R, J) => be(J)
-    ) : pe.length === 0 ? ue() : pe.map((R, J) => _e(R, J)))
-  ), q && !f && (S || _.length > 0) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, g && g.length > 0 && /* @__PURE__ */ e.createElement(
+      (T, J) => be(J)
+    ) : pe.length === 0 ? ue() : pe.map((T, J) => _e(T, J)))
+  ), j && !C && (S || _.length > 0) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, g && g.length > 0 && /* @__PURE__ */ e.createElement(
     x2,
     {
       autoWidth: !0,
       id: D,
       label: "Rows per page",
-      onOptionSelect: (R) => y(Number(R.value)),
-      options: g.map((R) => ({
-        label: d(R),
-        value: String(R)
+      onOptionSelect: (T) => y(Number(T.value)),
+      options: g.map((T) => ({
+        label: d(T),
+        value: String(T)
       })),
       showLabel: !1,
       size: "s",
@@ -11137,7 +11150,7 @@ const J0 = () => {
     {
       currentPage: S ? t ?? 1 : I,
       itemsPerPage: W,
-      onPageChange: S ? C : V,
+      onPageChange: S ? f : V,
       totalItemCount: S ? P ?? 0 : _.length
     }
   ))));
@@ -11152,15 +11165,15 @@ const J0 = () => {
   tabs: o,
   ...r
 }) => {
-  const d = "pds-tabs", i = s === "m" ? "m" : "s", m = s === "m" ? "s" : "xs", [h, f] = j(n ?? t);
+  const d = "pds-tabs", i = s === "m" ? "m" : "s", m = s === "m" ? "s" : "xs", [h, C] = q(n ?? t);
   ae(() => {
-    n !== void 0 && f(n);
+    n !== void 0 && C(n);
   }, [n]);
   const u = (v) => {
     const E = v.currentTarget.getAttribute("data-tabnumber");
     if (E) {
       const g = parseInt(E, 10);
-      f(g);
+      C(g);
     }
   }, p = de([]);
   ae(() => {
@@ -11168,26 +11181,26 @@ const J0 = () => {
   }, [h, c]), ae(() => {
     const v = p.current.length - 1;
     if (h > v) {
-      f(0);
+      C(0);
       return;
     } else if (h < 0) {
-      f(v);
+      C(v);
       return;
     }
   }, [h]);
-  const C = (v, E) => {
+  const f = (v, E) => {
     const g = h;
     let _ = p.current[E === "next" ? g + 1 < p.current.length ? g + 1 : 0 : g - 1 >= 0 ? g - 1 : p.current.length - 1];
     _ || (_ = E == "next" ? p.current[v + 1] == null ? p.current[0] : p.current[v + 1] : p.current[v - 1]), _.focus();
   }, b = (v) => {
     const E = p.current.length, g = () => {
-      C((h + 1) % E, "next"), f(h + 1);
+      f((h + 1) % E, "next"), C(h + 1);
     }, _ = () => {
-      C((h - 1 + E) % E, "prev"), f(h - 1);
+      f((h - 1 + E) % E, "prev"), C(h - 1);
     }, N = () => {
-      C(0), f(0);
+      f(0), C(0);
     }, z = () => {
-      C(E - 1), f(E - 1);
+      f(E - 1), C(E - 1);
     }, w = () => {
       p.current[h].focus();
     }, P = {
@@ -11344,11 +11357,11 @@ const J0 = () => {
   tagLabel: r,
   ...d
 }) => {
-  const [i, m] = j(!0), h = "pds-tag", f = o ? `${h}--${o}` : `${h}--${Kt(r)}`, u = s !== "m" ? `${h}--${s}` : null, p = i ? null : "pds-tag--hide", C = () => {
+  const [i, m] = q(!0), h = "pds-tag", C = o ? `${h}--${o}` : `${h}--${Kt(r)}`, u = s !== "m" ? `${h}--${s}` : null, p = i ? null : "pds-tag--hide", f = () => {
     m((g) => !g);
   };
   let b, v, E;
-  if (t && !l && $e(t)) {
+  if (t && !l && we(t)) {
     b = t.type;
     const g = t.props;
     v = g.href ? "href" : "to", E = v === "href" ? g.href : g.to;
@@ -11359,7 +11372,7 @@ const J0 = () => {
     {
       className: $([
         h,
-        f,
+        C,
         u,
         p,
         a
@@ -11375,7 +11388,7 @@ const J0 = () => {
         "aria-label": `${n}: ${r}`,
         className: `${h}__remove`,
         onClick: () => {
-          C(), c();
+          f(), c();
         },
         type: "button"
       },
@@ -11408,7 +11421,7 @@ const J0 = () => {
     label: t[i]
   }));
   return /* @__PURE__ */ e.createElement("div", { className: $([o, a]), ...s }, /* @__PURE__ */ e.createElement(
-    we,
+    Le,
     {
       content: r,
       customTrigger: /* @__PURE__ */ e.createElement(
@@ -11428,7 +11441,7 @@ const J0 = () => {
     }
   ));
 }, Ut = () => {
-  const a = typeof window < "u", l = (n) => n >= M4 ? "xl" : n >= N4 ? "lg" : n >= z4 ? "md" : "sm", [t, c] = j(
+  const a = typeof window < "u", l = (n) => n >= M4 ? "xl" : n >= N4 ? "lg" : n >= z4 ? "md" : "sm", [t, c] = q(
     a ? l(window.innerWidth) : "lg"
   );
   return ae(() => {
@@ -11457,10 +11470,10 @@ const J0 = () => {
   },
   mainBackground: m,
   mainContentElement: h = "main",
-  mainContentProps: f,
+  mainContentProps: C,
   onDrawerToggle: u,
   onSidebarToggle: p,
-  scrollableContent: C,
+  scrollableContent: f,
   sidebarBackground: b,
   sidebarCollapsedWidth: v = 4.5,
   sidebarExpandedWidth: E = "17%",
@@ -11469,13 +11482,13 @@ const J0 = () => {
   sidebarProps: N,
   ...z
 }) => {
-  const [w, k] = j(
+  const [w, k] = q(
     r || !1
   );
   ae(() => {
     k(r || !1);
   }, [r]);
-  const P = "pds-app-layout", M = C ? `${P}--scrollable` : null, L = w ? `${v}rem` : `${E}`, D = {
+  const P = "pds-app-layout", M = f ? `${P}--scrollable` : null, L = w ? `${v}rem` : `${E}`, D = {
     backgroundColor: b || void 0,
     maxWidth: w ? void 0 : `${g}rem`,
     minWidth: w ? `${v}rem` : `${_}rem`,
@@ -11502,19 +11515,19 @@ const J0 = () => {
       );
     }
     return U.isContentEditable;
-  }, []), q = d && s;
+  }, []), j = d && s;
   q2(
     "[",
     (U) => {
       Y() || (U.preventDefault(), w || O());
     },
-    { enabled: q }
+    { enabled: j }
   ), q2(
     "]",
     (U) => {
       Y() || (U.preventDefault(), w && O());
     },
-    { enabled: q }
+    { enabled: j }
   );
   const Z = Fe(a), B = Z.__unslotted, I = Z.sidebar, V = Z.identity, x = Z["content-top"], G = Z.navigation, W = Z["content-bottom"], y = V || x || G || W, X = y ? /* @__PURE__ */ e.createElement(e.Fragment, null, (V || n) && /* @__PURE__ */ e.createElement("div", { className: `${P}__sidebar-identity` }, V, n && !w && /* @__PURE__ */ e.createElement(
     d2,
@@ -11529,13 +11542,13 @@ const J0 = () => {
   )), x && /* @__PURE__ */ e.createElement("div", { className: `${P}__sidebar-content-top` }, x), G && /* @__PURE__ */ e.createElement("div", { className: `${P}__sidebar-navigation` }, G), W && /* @__PURE__ */ e.createElement("div", { className: `${P}__sidebar-content-bottom` }, W)) : I, K = $1(
     h,
     {
-      ...f,
+      ...C,
       className: $([
         `${P}__main`,
-        f?.className
+        C?.className
       ]),
       style: {
-        ...f?.style,
+        ...C?.style,
         backgroundColor: m || void 0
       }
     },
@@ -11552,7 +11565,7 @@ const J0 = () => {
       style: D
     },
     s && /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         className: `${P}__sidebar-toggle-tooltip`,
         content: w ? i.expandSidebar : i.collapseSidebar,
@@ -11688,19 +11701,19 @@ const J0 = () => {
   verticalAlign: n = "start",
   ...s
 }) => {
-  const o = "pds-two-item-layout", r = t === "standard" ? "pds-grid" : `pds-grid pds-grid--${t}`, d = `${o}--${n}`, i = ["pds-grid-item--md-6"], m = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], h = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], f = ["pds-grid-item", "pds-grid-item--sm-4"];
+  const o = "pds-two-item-layout", r = t === "standard" ? "pds-grid" : `pds-grid pds-grid--${t}`, d = `${o}--${n}`, i = ["pds-grid-item--md-6"], m = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], h = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], C = ["pds-grid-item", "pds-grid-item--sm-4"];
   let u, p;
   switch (c) {
     case "equal":
-      u = f.concat(i), p = f.concat(i);
+      u = C.concat(i), p = C.concat(i);
       break;
     case "one-third-start":
-      u = f.concat(m), p = f.concat(h);
+      u = C.concat(m), p = C.concat(h);
       break;
     case "one-third-end":
-      u = f.concat(h), p = f.concat(m);
+      u = C.concat(h), p = C.concat(m);
   }
-  const C = Fe(a), b = C["first-item"], v = C["second-item"];
+  const f = Fe(a), b = f["first-item"], v = f["second-item"];
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -11728,10 +11741,10 @@ const J0 = () => {
   mobileAlignItems: i,
   mobileFlexDirection: m = "column",
   mobileFlexWrap: h,
-  mobileGap: f,
+  mobileGap: C,
   mobileJustifyContent: u,
   style: p,
-  ...C
+  ...f
 }) => {
   const b = "pds-flex", v = `${b}-container`, E = {
     "--pds-flex-align-content": a,
@@ -11744,7 +11757,7 @@ const J0 = () => {
     "--pds-flex-direction-mobile": m,
     "--pds-flex-justify-content-mobile": u ?? r,
     "--pds-flex-wrap-mobile": h ?? s
-  }, g = f ?? o, _ = o !== "none" ? `${b}-gap--${o}` : null, N = g !== o ? `${b}-gap-mobile--${g}` : null;
+  }, g = C ?? o, _ = o !== "none" ? `${b}-gap--${o}` : null, N = g !== o ? `${b}-gap-mobile--${g}` : null;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -11755,7 +11768,7 @@ const J0 = () => {
         c ?? ""
       ]),
       style: { ...E, ...p },
-      ...C
+      ...f
     },
     t
   );
@@ -11768,7 +11781,7 @@ const J0 = () => {
   };
   return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
 }, [l]), /* @__PURE__ */ e.createElement(Y4, null, a)), ya = (a) => {
-  const l = typeof window < "u", t = (s) => l ? window.matchMedia(s).matches : !1, [c, n] = j(t(a));
+  const l = typeof window < "u", t = (s) => l ? window.matchMedia(s).matches : !1, [c, n] = q(t(a));
   return ae(() => {
     if (!l) return;
     const s = window.matchMedia(a), o = () => {
@@ -11777,7 +11790,7 @@ const J0 = () => {
     return n(s.matches), s.addEventListener ? (s.addEventListener("change", o), () => s.removeEventListener("change", o)) : (s.addListener(o), () => s.removeListener(o));
   }, [a]), c;
 }, za = () => {
-  const a = typeof window < "u", [l, t] = j(
+  const a = typeof window < "u", [l, t] = q(
     a && window.innerWidth !== void 0 ? window.innerWidth : 1024
   );
   return ae(() => {
@@ -11795,13 +11808,13 @@ export {
   va as AppLayout,
   _2 as Avatar,
   L4 as Badge,
-  K0 as Banner,
+  Y0 as Banner,
   v0 as BarChart,
   o0 as BranchDiff,
-  T0 as Breadcrumb,
+  F0 as Breadcrumb,
   Ae as Button,
   tt as ButtonLink,
-  F0 as ButtonNav,
+  A0 as ButtonNav,
   H0 as CTALink,
   g0 as Callout,
   f0 as Card,
@@ -11816,13 +11829,13 @@ export {
   a1 as CompactEmptyState,
   b0 as ComparisonList,
   V2 as Container,
-  A0 as DashboardSearch,
+  O0 as DashboardSearch,
   _a as DocsLayout,
   ut as Drawer,
   n2 as Dropdown,
-  O0 as DropdownMenu,
-  aa as ExpansionPanel,
-  sa as ExpansionPanelGroup,
+  Z0 as DropdownMenu,
+  sa as ExpansionPanel,
+  la as ExpansionPanelGroup,
   w0 as FileDiff,
   k0 as FileUpload,
   wa as FlexContainer,
@@ -11831,45 +11844,45 @@ export {
   F as Icon,
   d2 as IconButton,
   y0 as IdentityBlock,
-  Y0 as InlineMessage,
+  U0 as InlineMessage,
   x0 as InputGroup,
   _0 as LineChart,
   S0 as LinkNewWindow,
   Rt as MIN_AUTO_CLOSE_DURATION,
   j1 as MenuButton,
-  R0 as Modal,
-  Z0 as Navbar,
+  T0 as Modal,
+  B0 as Navbar,
   Vt as NotificationHubIcon,
-  U0 as NotificationsPopover,
-  ea as Pagination,
+  X0 as NotificationsPopover,
+  ta as Pagination,
   jt as PaginationCompact,
-  ta as PaginationMini,
-  la as Panel,
-  ca as PanelList,
-  na as PanelRow,
+  aa as PaginationMini,
+  ca as Panel,
+  na as PanelList,
+  ra as PanelRow,
   kt as PantheonLogo,
   L0 as PaymentIcon,
-  V0 as Picture,
+  R0 as Picture,
   q1 as PlatformIcon,
-  ra as Popover,
-  oa as ProgressBar,
+  oa as Popover,
+  ia as ProgressBar,
   Gt as ProgressRing,
   D0 as RadioGroup,
   p0 as SSOButton,
-  X0 as SectionMessage,
+  Q0 as SectionMessage,
   u0 as SegmentedButton,
   x2 as Select,
   rt as SelectOptionGroup,
-  B0 as SideNavGlobal,
+  j0 as SideNavGlobal,
   xt as SideNavGlobalItem,
   ba as SidebarLayout,
-  j0 as SiteMenu,
+  q0 as SiteMenu,
   zt as SiteOptionDisplay,
   d0 as SitePlanLevelLabel,
   st as SiteTypeIcon,
   m0 as SiteTypeLabel,
   Ge as Skeleton,
-  ia as Skiplink,
+  V0 as Skiplink,
   p2 as Spinner,
   ct as SplitButton,
   y4 as StatusBadge,
@@ -11878,7 +11891,7 @@ export {
   k2 as StatusTypeLabels,
   ua as Stepper,
   P0 as Switch,
-  q0 as TabMenu,
+  G0 as TabMenu,
   ha as Table,
   ga as Tabs,
   fa as Tag,
@@ -11889,16 +11902,16 @@ export {
   Ea as ThreeItemLayout,
   Ot as Toast,
   Zt as ToastType,
-  Q0 as Toaster,
+  J0 as Toaster,
   l4 as ToasterContext,
-  we as Tooltip,
+  Le as Tooltip,
   $a as TwoItemLayout,
-  G0 as UserMenu,
+  W0 as UserMenu,
   h0 as UtilityButton,
   $0 as VerticalEmptyState,
   pa as VerticalStepper,
   bt as VideoEmbed,
-  W0 as WorkspaceSelector,
+  K0 as WorkspaceSelector,
   r0 as iconList,
   Je as isHeadingItemType,
   Ve as isLinkItemType,
@@ -11910,7 +11923,7 @@ export {
   Ue as useDropdown,
   q2 as useKeyPress,
   ya as useMediaQuery,
-  J0 as useToast,
+  ea as useToast,
   za as useWindowWidth
 };
 //# sourceMappingURL=index.js.map