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

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 $e, 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";
@@ -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%",
@@ -1849,7 +1849,7 @@ import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13
         i,
         m,
         h,
-        f,
+        C,
         l
       ]),
       ...d
@@ -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,7 +2045,7 @@ 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(
@@ -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",
@@ -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,
@@ -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
+    C
   ]), p = $e(n) ? n.props.children : null;
-  let C;
+  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,7 +2495,7 @@ 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];
@@ -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
         ]),
@@ -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,7 +2912,7 @@ 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 = [];
+      const oe = O.indexOf(y), Q = f === 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 ie = y.linkContent;
         fe.push(ie.props.children);
@@ -3072,7 +3072,7 @@ 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` : "", fe = `${L}-group-${Q}`, Ce = me ? null : `${C} ${oe + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
@@ -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,31 +3709,31 @@ 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,
+    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;
   if (h && !t) {
@@ -3741,7 +3741,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       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, R) => m1(R) ? [..._e, ...R.options] : [..._e, R], []))(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,
@@ -3965,7 +3965,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     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) => {
     const _e = B[ue];
-    Y || (y(ue), me(!1)), f && f(_e);
+    Y || (y(ue), me(!1)), C && C(_e);
   };
   ae(() => {
     if (Y) {
@@ -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
       }
     ),
@@ -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: () => ({
@@ -4529,7 +4529,7 @@ 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`,
@@ -4589,7 +4589,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
           value: le.value
         })),
         showLabel: !1,
-        value: f
+        value: C
       }
     )),
     /* @__PURE__ */ e.createElement(
@@ -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,
@@ -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
     );
@@ -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,13 +6277,13 @@ 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(
+    }, [ne, U] = q(X ? l : void 0), [A, ee] = q(
       y ? H ?? "" : X ? K(l) : ""
     );
     ae(() => {
@@ -6361,7 +6361,7 @@ const bt = ({
     }, ve = () => {
       y || ee(""), U(void 0), he(), oe.current?.focus(), k && ie(), v?.();
     }, T = (re) => {
-      C?.(ne);
+      f?.(ne);
     }, ce = (re) => {
       k && ie(), E?.(ne);
     }, Le = () => me.map((re, Ee) => /* @__PURE__ */ e.createElement(
@@ -6371,14 +6371,14 @@ const bt = ({
         className: ge === Ee ? "pds-dropdown__item--focused" : "",
         ...fe({ item: re, index: Ee })
       },
-      /* @__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,
@@ -6408,7 +6408,7 @@ const bt = ({
           "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,7 +6417,7 @@ const bt = ({
           {
             ref: oe,
             autoComplete: "off",
-            className: `${q}__input`,
+            className: `${j}__input`,
             id: `input-${r}`,
             ...pe({
               "aria-label": h.inputInstructions,
@@ -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,
             ..._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`, ...Ce() }, Le()) : /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, p)
       ),
       W && /* @__PURE__ */ e.createElement(
         De,
@@ -6521,19 +6521,19 @@ 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,
@@ -6568,7 +6568,7 @@ const bt = ({
     openMenu: A,
     selectedItem: ee
   } = ze({
-    items: q,
+    items: j,
     itemToString: (T) => T ? T.label : "",
     selectedItem: null,
     inputValue: P,
@@ -6731,7 +6731,7 @@ const bt = ({
         onMouseDown: _e,
         tabIndex: 0
       },
-      L.length > 1 && !C && /* @__PURE__ */ e.createElement("div", { className: `${_}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-wrapper` }, ve)),
+      L.length > 1 && !f && /* @__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(
         "span",
         {
@@ -6821,7 +6821,7 @@ const bt = ({
           }
         }
       )),
-      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((T, ce) => /* @__PURE__ */ e.createElement(
         $2,
         {
           key: `${T.id}-${ce}`,
@@ -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,10 +7379,10 @@ 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") {
@@ -7408,10 +7408,10 @@ 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 = () => {
+    }, [pe, fe] = q(!1), Ce = () => {
       fe((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,7 +7488,7 @@ const bt = ({
           "button",
           {
             "aria-controls": d,
-            className: `${q}__visibility-toggle`,
+            className: `${j}__visibility-toggle`,
             onClick: Ce,
             onMouseDown: (se) => se.preventDefault(),
             title: pe ? P.visibilityToggleHide : P.visibilityToggleShow,
@@ -7620,12 +7620,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 +7675,7 @@ const bt = ({
         ref: k.setFloating,
         "aria-label": a || m,
         ...D(),
-        className: $([C, b, t]),
+        className: $([f, b, t]),
         style: {
           ...w,
           ...O,
@@ -7684,7 +7684,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,9 +7692,9 @@ 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 = ({
@@ -7796,54 +7796,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,
@@ -7915,12 +7915,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: _,
@@ -7975,10 +7975,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 +7989,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 +8061,7 @@ const bt = ({
       {
         key: k,
         ref: (P) => {
-          C.current[k] = P;
+          f.current[k] = P;
         },
         className: $([
           "pds-dropdown__item",
@@ -8071,7 +8071,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 +8394,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 = $e(c) && typeof c.props.children == "string" ? c.props.children : "", h = $e(c) ? c.type : null, C = $e(c) && h ? /* @__PURE__ */ e.createElement(
     h,
     {
       ...Object.assign({}, c.props, {
@@ -8414,7 +8414,7 @@ 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 = ({
@@ -8434,7 +8434,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,22 +8448,22 @@ 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");
@@ -8484,12 +8484,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 +8506,7 @@ const bt = ({
     /* @__PURE__ */ e.createElement(
       I1,
       {
-        active: f,
+        active: C,
         focusTrapOptions: {
           clickOutsideDeactivates: !0,
           initialFocus: !1,
@@ -8518,9 +8518,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 +8557,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 +8622,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,
@@ -8680,37 +8680,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 +8719,7 @@ const bt = ({
       className: `${c}__trigger`,
       type: "button",
       ...i({
-        onKeyDown: f
+        onKeyDown: C
       })
     },
     l,
@@ -8734,8 +8734,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,13 +8744,13 @@ 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 = ({
@@ -8760,7 +8760,7 @@ const bt = ({
   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 +8771,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 +8786,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 +8814,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 +8827,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 +8855,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 +8872,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 +8889,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 +8913,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,7 +8951,7 @@ 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 = ({
   ariaLabel: a,
@@ -8964,11 +8964,11 @@ 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(
         E,
@@ -8990,11 +8990,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,
         {
@@ -9041,13 +9041,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 +9057,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 +9074,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 +9163,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" },
@@ -9186,7 +9186,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 +9198,7 @@ const bt = ({
     setIsOpen: L,
     transitionStyles: D
   } = Ue({
-    enableTypeahead: !C,
+    enableTypeahead: !f,
     role: "menu"
   });
   let H = d.find((x) => x.isActive);
@@ -9210,14 +9210,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 +9257,7 @@ const bt = ({
             },
             type: "button"
           },
-          q(x)
+          j(x)
         ) : K ? /* @__PURE__ */ e.createElement(
           K,
           {
@@ -9265,7 +9265,7 @@ const bt = ({
               onClick: () => L(!1)
             })
           },
-          q(x)
+          j(x)
         ) : null
       );
     }
@@ -9293,8 +9293,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 +9322,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 +9379,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,
@@ -9417,7 +9417,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 +9431,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 +9478,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",
         {
@@ -9602,14 +9602,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 +9624,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 +9674,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()
@@ -9719,7 +9719,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 +9735,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 +9745,7 @@ const bt = ({
       ref: u,
       className: $([
         p,
-        C[i],
+        f[i],
         b,
         v,
         a ?? ""
@@ -9759,7 +9759,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 +9767,7 @@ const bt = ({
       {
         ...l,
         className: `${p}__cta`,
-        size: f ? "m" : "s",
+        size: C ? "m" : "s",
         variant: "secondary"
       }
     ), s && /* @__PURE__ */ e.createElement(
@@ -9776,7 +9776,7 @@ const bt = ({
         ariaLabel: c,
         className: `${p}__dismiss`,
         onClick: w,
-        size: f ? "xl" : "l"
+        size: C ? "xl" : "l"
       }
     ))
   );
@@ -9845,10 +9845,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 +9870,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" })
@@ -9924,19 +9924,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,
@@ -9967,18 +9967,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,14 +9986,14 @@ 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(
+    /* @__PURE__ */ e.createElement("ul", { className: `${f}__list` }, t !== 1 && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--prev`]) }, /* @__PURE__ */ e.createElement(
       we,
       {
         content: o.previous,
@@ -10032,7 +10032,7 @@ const J0 = () => {
         },
         E
       )
-    )), t !== f && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--next`]) }, /* @__PURE__ */ e.createElement(
+    )), t !== C && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--next`]) }, /* @__PURE__ */ e.createElement(
       we,
       {
         content: o.next,
@@ -10068,12 +10068,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 +10097,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",
@@ -10112,13 +10112,13 @@ const J0 = () => {
         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" })
@@ -10164,7 +10164,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 +10182,7 @@ const J0 = () => {
       },
       c
     ),
-    !f && /* @__PURE__ */ e.createElement(
+    !C && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: $([
@@ -10218,20 +10218,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(
@@ -10303,15 +10303,15 @@ const J0 = () => {
   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 +10333,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",
         {
@@ -10376,12 +10376,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 +10409,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 +10422,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 +10430,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`,
@@ -10504,27 +10504,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 +10532,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 +10564,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 +10607,7 @@ const J0 = () => {
             cx: p / 2,
             cy: p / 2,
             r: b,
-            strokeWidth: C
+            strokeWidth: f
           }
         ),
         /* @__PURE__ */ e.createElement(
@@ -10619,7 +10619,7 @@ const J0 = () => {
             r: b,
             strokeDasharray: v,
             strokeDashoffset: E,
-            strokeWidth: C,
+            strokeWidth: f,
             transform: `rotate(-90 ${p / 2} ${p / 2})`
           }
         ),
@@ -10627,7 +10627,7 @@ const J0 = () => {
           "text",
           {
             alignmentBaseline: "middle",
-            className: f,
+            className: C,
             dominantBaseline: "middle",
             textAnchor: "middle",
             x: "50%",
@@ -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,11 +10711,11 @@ 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,
         {
@@ -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,25 +10980,33 @@ 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(
+  };
+  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])),
     [_]
   ), 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 [];
+    if (C) 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) {
+    })), !S && j && W) {
       const J = (I - 1) * W;
       R = R.slice(J, J + W);
     }
@@ -11008,9 +11016,10 @@ const J0 = () => {
     Z,
     O,
     S,
+    j,
     I,
     W,
-    f
+    C
   ]), fe = (R) => {
     O ? E(R, w === R && k === "asc" ? "desc" : "asc") : B((J) => ({
       key: R,
@@ -11055,7 +11064,7 @@ const J0 = () => {
   return /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper" }, /* @__PURE__ */ e.createElement(
     "table",
     {
-      "aria-busy": f,
+      "aria-busy": C,
       className: $([L, a]),
       ...M
     },
@@ -11113,11 +11122,11 @@ const J0 = () => {
         )
       ) : /* @__PURE__ */ e.createElement("span", null, R.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(
+  ), j && !C && (S || _.length > 0) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, g && g.length > 0 && /* @__PURE__ */ e.createElement(
     x2,
     {
       autoWidth: !0,
@@ -11137,7 +11146,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 +11161,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 +11177,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,7 +11353,7 @@ 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;
@@ -11359,7 +11368,7 @@ const J0 = () => {
     {
       className: $([
         h,
-        f,
+        C,
         u,
         p,
         a
@@ -11375,7 +11384,7 @@ const J0 = () => {
         "aria-label": `${n}: ${r}`,
         className: `${h}__remove`,
         onClick: () => {
-          C(), c();
+          f(), c();
         },
         type: "button"
       },
@@ -11428,7 +11437,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 +11466,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 +11478,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 +11511,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 +11538,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
       }
     },
@@ -11688,19 +11697,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 +11737,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 +11753,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 +11764,7 @@ const J0 = () => {
         c ?? ""
       ]),
       style: { ...E, ...p },
-      ...C
+      ...f
     },
     t
   );
@@ -11768,7 +11777,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 +11786,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(() => {