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

package/dist/index.js

@@ -1,4 +1,4 @@
-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 e, { Children as E1, isValidElement as we, useState as q, cloneElement as Ne, createElement as $1, useContext as K2, useCallback as ye, useEffect as ae, createContext as Y2, forwardRef as Te, useRef as de, useMemo as Me, useId as O2 } from "react";
 import w1 from "hash-sum";
 import { useFloating as ke, autoUpdate as Ie, offset as xe, flip as Re, shift as s2, useHover as U2, useFocus as r4, useDismiss as Oe, useRole as l2, useInteractions as Ze, FloatingPortal as L1, useId as o4, useClick as u2, safePolygon as y1, useListNavigation as z1, useTypeahead as i4, useTransitionStyles as Ke, size as v2, FloatingOverlay as d4, FloatingFocusManager as N1, arrow as m4, FloatingArrow as u4 } from "@floating-ui/react";
 import { ResponsiveContainer as M1, BarChart as p4, CartesianGrid as k1, XAxis as x1, YAxis as D1, Tooltip as P1, Bar as h4, LineChart as g4, Line as f4, ReferenceLine as n1 } from "recharts";
@@ -11,7 +11,7 @@ import { ToastContainer as v4, Slide as _4, toast as Z2, cssTransition as b4 } f
 import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13), Fe = (a) => {
   const l = {}, t = [];
   return E1.forEach(a, (c) => {
-    if ($e(c)) {
+    if (we(c)) {
       const n = c.props.slot;
       n ? l[n] ? l[n].push(c) : l[n] = [c] : t.push(c);
     } else
@@ -1834,7 +1834,7 @@ import './index.css';const Ye = () => Math.random().toString(32).substring(2, 13
       onLoad: () => p(!1),
       src: `${c}`
     }
-  ) : /* @__PURE__ */ e.createElement("span", { style: b }, t && /* @__PURE__ */ e.createElement(F, { className: `${i}__user-icon`, iconName: "user" })), E = /* @__PURE__ */ e.createElement("span", { className: `${i}__content` }, v), g = n && $e(n) ? Ne(
+  ) : /* @__PURE__ */ e.createElement("span", { style: b }, t && /* @__PURE__ */ e.createElement(F, { className: `${i}__user-icon`, iconName: "user" })), E = /* @__PURE__ */ e.createElement("span", { className: `${i}__content` }, v), g = n && we(n) ? Ne(
     n,
     Object.assign({}, n.props, {
       className: `${i}__content ${i}__content--link`,
@@ -1944,7 +1944,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   SPACING_7XL: S1,
   SPACING_8XL: D4,
   SPACING_9XL: x4
-}, we = ({
+}, Le = ({
   className: a,
   content: l,
   customTrigger: t = null,
@@ -2049,7 +2049,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       ...d
     },
     /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: g,
         customTrigger: /* @__PURE__ */ e.createElement("div", { className: `${i}__content` }, /* @__PURE__ */ e.createElement(
@@ -2106,7 +2106,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
 }, N2 = (a) => {
   if (typeof a == "string" || typeof a == "number")
     return String(a);
-  if ($e(a)) {
+  if (we(a)) {
     const l = a.props;
     return E1.toArray(l.children).map(N2).join("");
   }
@@ -2212,7 +2212,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     "pds-input-label",
     r ? null : "visually-hidden",
     a ?? ""
-  ]), m = /* @__PURE__ */ e.createElement(e.Fragment, null, s, o && !l && /* @__PURE__ */ e.createElement(O1, null), d && /* @__PURE__ */ e.createElement(we, { content: d }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(F, { iconName: "circleInfo", size: "s" }))));
+  ]), m = /* @__PURE__ */ e.createElement(e.Fragment, null, s, o && !l && /* @__PURE__ */ e.createElement(O1, null), d && /* @__PURE__ */ e.createElement(Le, { content: d }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(F, { iconName: "circleInfo", size: "s" }))));
   return c ? /* @__PURE__ */ e.createElement("legend", { className: i, id: `${t}-legend` }, m) : n ? /* @__PURE__ */ e.createElement("span", { className: i, id: `${t}-field-label` }, m) : /* @__PURE__ */ e.createElement("label", { className: i, htmlFor: t, id: `${t}-label` }, m);
 }, De = ({
   className: a,
@@ -2450,7 +2450,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       ),
       D
     );
-    return (c || r || i) && u ? /* @__PURE__ */ e.createElement(we, { content: u, customTrigger: H }) : /* @__PURE__ */ e.createElement(e.Fragment, null, H);
+    return (c || r || i) && u ? /* @__PURE__ */ e.createElement(Le, { content: u, customTrigger: H }) : /* @__PURE__ */ e.createElement(e.Fragment, null, H);
   }
 ), tt = ({
   className: a,
@@ -2467,7 +2467,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     m,
     h,
     C
-  ]), p = $e(n) ? n.props.children : null;
+  ]), p = we(n) ? n.props.children : null;
   let f;
   switch (s) {
     case "xs":
@@ -2500,7 +2500,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
   );
   let v = [p];
   t === "icon-start" && c ? v = [b, p] : t === "icon-end" && c && (v = [p, b]);
-  const E = $e(n) ? Ne(
+  const E = we(n) ? Ne(
     n,
     Object.assign({}, n.props, {
       className: u,
@@ -2623,7 +2623,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         ...h
       },
       s && !c ? /* @__PURE__ */ e.createElement(
-        we,
+        Le,
         {
           className: `${u}__tooltip`,
           content: a,
@@ -2676,7 +2676,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     /* @__PURE__ */ e.createElement(F, { className: `${s}__icon`, iconName: "xmarkLarge" })
   );
   return /* @__PURE__ */ e.createElement(
-    we,
+    Le,
     {
       disableFocusTrigger: !0,
       content: a,
@@ -2912,12 +2912,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     if (o2(y))
       return /* @__PURE__ */ e.createElement("li", { key: ee, role: "presentation" }, y.nodeContent);
     if (Ve(y) || "label" in y && y.label) {
-      const oe = O.indexOf(y), Q = 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 oe = O.indexOf(y), Q = f === oe, me = "isCritical" in y && y.isCritical, pe = "criticalLabel" in y ? y.criticalLabel : void 0, Ce = [];
+      if ("label" in y && y.label && Ce.push(y.label), Ve(y) && y.linkContent) {
         const ie = y.linkContent;
-        fe.push(ie.props.children);
+        Ce.push(ie.props.children);
       }
-      y.iconName && fe.unshift(
+      y.iconName && Ce.unshift(
         /* @__PURE__ */ e.createElement(
           F,
           {
@@ -2926,10 +2926,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
             size: y.iconSize ?? "s"
           }
         )
-      ), me && pe && fe.unshift(
+      ), me && pe && Ce.unshift(
         /* @__PURE__ */ e.createElement("span", { key: `critical-${L}`, className: "visually-hidden" }, pe)
       );
-      const Ce = y.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, y.description) : null;
+      const ve = y.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, y.description) : null;
       let ge;
       if (Ve(y) && y.linkContent) {
         const ie = y.linkContent, he = ie.type;
@@ -2940,10 +2940,10 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
             ...ie.props,
             onClick: () => k(!1)
           },
-          /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, fe), Ce)
+          /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, Ce), ve)
         );
       } else
-        ge = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, fe), Ce);
+        ge = /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-label" }, /* @__PURE__ */ e.createElement("span", { className: `${M}__item-label` }, Ce), ve);
       const se = $([
         "pds-dropdown__item",
         Q ? "pds-dropdown__item--focused" : null,
@@ -3072,12 +3072,12 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
           ...v()
         },
         A.map((ee, oe) => {
-          const Q = H[oe], me = "isHeading" in ee[0] && ee[0].isHeading, pe = me ? `${L}-group-${Q}-heading` : "", fe = `${L}-group-${Q}`, Ce = me ? null : `${C} ${oe + 1}`;
+          const Q = H[oe], me = "isHeading" in ee[0] && ee[0].isHeading, pe = me ? `${L}-group-${Q}-heading` : "", Ce = `${L}-group-${Q}`, ve = me ? null : `${C} ${oe + 1}`;
           return /* @__PURE__ */ e.createElement(
             "ul",
             {
-              key: fe,
-              "aria-label": Ce,
+              key: Ce,
+              "aria-label": ve,
               "aria-labelledby": pe || void 0,
               role: "group"
             },
@@ -3726,7 +3726,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     return s === "before" && P.push(v("icon-before")), P.push(E()), P.push(
       /* @__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 = $([
+  }, _ = h && we(h) ? h.props.children : m, N = $([
     f,
     c ? `${f}--border` : null,
     o ? `${f}--critical` : null,
@@ -3735,9 +3735,9 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     i ? `${f}--working` : null,
     d ? `${f}--monospace` : null,
     l ?? ""
-  ]), z = (k) => u ? /* @__PURE__ */ e.createElement(we, { content: u, customTrigger: k }) : k;
+  ]), z = (k) => u ? /* @__PURE__ */ e.createElement(Le, { content: u, customTrigger: k }) : k;
   if (h && !t) {
-    const k = $e(h) ? Ne(
+    const k = we(h) ? Ne(
       h,
       Object.assign({}, h.props, {
         className: $([
@@ -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", 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(
+  const S = E || i, Y = typeof _ < "u", j = typeof t < "u", B = ((ue) => ue.reduce((_e, T) => m1(T) ? [..._e, ...T.options] : [..._e, T], []))(u), I = (ue) => B.findIndex((_e) => _e.value === ue), V = Y && I(_) >= 0 ? I(_) : null, x = j ? I(t) : null, G = V || x, [W, y] = q(
     G ?? null
   ), {
     activeIndex: X,
@@ -3963,7 +3963,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     role: "listbox",
     selectedIndex: W,
     variant: "input"
-  }), fe = W !== null ? B[W]?.label : void 0, Ce = W !== null ? B[W]?.icon : void 0, ge = W !== null ? B[W]?.value : void 0, se = (ue) => {
+  }), Ce = W !== null ? B[W]?.label : void 0, ve = W !== null ? B[W]?.icon : void 0, ge = W !== null ? B[W]?.value : void 0, se = (ue) => {
     const _e = B[ue];
     Y || (y(ue), me(!1)), C && C(_e);
   };
@@ -3979,9 +3979,9 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     h && h(ge);
   }, Se = () => {
     Q.reference.current.focus();
-  }, le = (ue, _e) => {
-    const R = ue === "google" || ue === "microsoft", J = b === "l" ? "l" : "m";
-    return R ? /* @__PURE__ */ e.createElement(
+  }, ce = (ue, _e) => {
+    const T = ue === "google" || ue === "microsoft", J = b === "l" ? "l" : "m";
+    return T ? /* @__PURE__ */ e.createElement(
       q1,
       {
         className: _e,
@@ -3998,56 +3998,56 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     );
   }, be = (ue) => {
     let _e = 0;
-    return ue.map((R) => {
-      if (m1(R)) {
-        const ve = R.options.map((T) => {
-          const ce = _e++;
+    return ue.map((T) => {
+      if (m1(T)) {
+        const fe = T.options.map((R) => {
+          const le = _e++;
           return /* @__PURE__ */ e.createElement(
             $2,
             {
-              key: ce,
-              ref: (Le) => {
-                oe.current[ce] = Le;
+              key: le,
+              ref: (Ee) => {
+                oe.current[le] = Ee;
               },
-              "aria-disabled": T?.disabled,
-              "aria-selected": ce === W && ce === X,
-              tabIndex: ce === X ? 0 : -1,
-              ...!T?.disabled && U({
+              "aria-disabled": R?.disabled,
+              "aria-selected": le === W && le === X,
+              tabIndex: le === X ? 0 : -1,
+              ...!R?.disabled && U({
                 onClick() {
-                  se(ce);
+                  se(le);
                 },
-                onKeyDown(Le) {
-                  Le.key === "Enter" && (Le.preventDefault(), se(ce), Q.reference.current.focus()), Le.key === "Escape" && (Le.preventDefault(), Q.reference.current.focus());
+                onKeyDown(Ee) {
+                  Ee.key === "Enter" && (Ee.preventDefault(), se(le), Q.reference.current.focus()), Ee.key === "Escape" && (Ee.preventDefault(), Q.reference.current.focus());
                 }
               })
             },
-            /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label` }, T.icon && le(T.icon, `${w}__option-icon`), T.label),
-            W === ce && /* @__PURE__ */ e.createElement(m2, null)
+            /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label` }, R.icon && ce(R.icon, `${w}__option-icon`), R.label),
+            W === le && /* @__PURE__ */ e.createElement(m2, null)
           );
         });
-        return /* @__PURE__ */ e.createElement(rt, { key: R.groupLabel, label: R.groupLabel }, ve);
+        return /* @__PURE__ */ e.createElement(rt, { key: T.groupLabel, label: T.groupLabel }, fe);
       }
       const J = _e++;
       return /* @__PURE__ */ e.createElement(
         $2,
         {
           key: J,
-          ref: (ve) => {
-            oe.current[J] = ve;
+          ref: (fe) => {
+            oe.current[J] = fe;
           },
-          "aria-disabled": R?.disabled,
+          "aria-disabled": T?.disabled,
           "aria-selected": J === W && J === X,
           tabIndex: J === X ? 0 : -1,
-          ...!R?.disabled && U({
+          ...!T?.disabled && U({
             onClick() {
               se(J);
             },
-            onKeyDown(ve) {
-              ve.key === "Enter" && (ve.preventDefault(), se(J), Q.reference.current.focus()), ve.key === "Escape" && (ve.preventDefault(), Q.reference.current.focus());
+            onKeyDown(fe) {
+              fe.key === "Enter" && (fe.preventDefault(), se(J), Q.reference.current.focus()), fe.key === "Escape" && (fe.preventDefault(), Q.reference.current.focus());
             }
           })
         },
-        /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label` }, R.icon && le(R.icon, `${w}__option-icon`), R.label),
+        /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label` }, T.icon && ce(T.icon, `${w}__option-icon`), T.label),
         W === J && /* @__PURE__ */ e.createElement(m2, null)
       );
     });
@@ -4069,7 +4069,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       style: o ? z : null,
       ...N
     },
-    a && !o && /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${w}__sizer` }, B.map((ue) => /* @__PURE__ */ e.createElement("span", { key: ue.value, className: `${w}__input-wrapper` }, g !== void 0 && /* @__PURE__ */ e.createElement(We, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__option-text` }, ue.icon && le(ue.icon, `${w}__icon`), ue.label), /* @__PURE__ */ e.createElement(
+    a && !o && /* @__PURE__ */ e.createElement("div", { "aria-hidden": "true", className: `${w}__sizer` }, B.map((ue) => /* @__PURE__ */ e.createElement("span", { key: ue.value, className: `${w}__input-wrapper` }, g !== void 0 && /* @__PURE__ */ e.createElement(We, { variant: "error" }), /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__option-text` }, ue.icon && ce(ue.icon, `${w}__icon`), ue.label), /* @__PURE__ */ e.createElement(
       F,
       {
         className: `${w}__trigger-icon`,
@@ -4103,7 +4103,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         })
       },
       O && /* @__PURE__ */ e.createElement(We, { variant: O }),
-      /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__option-text` }, (Ce || !fe && n) && le(Ce || n, `${w}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label-text` }, fe ?? d.selectOptionText)), /* @__PURE__ */ e.createElement(F, { className: `${w}__trigger-icon`, iconName: "angleDown" }))
+      /* @__PURE__ */ e.createElement("span", { className: `${w}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${w}__option-text` }, (ve || !Ce && n) && ce(ve || n, `${w}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${w}__option-label-text` }, Ce ?? d.selectOptionText)), /* @__PURE__ */ e.createElement(F, { className: `${w}__trigger-icon`, iconName: "angleDown" }))
     ),
     ee && /* @__PURE__ */ e.createElement(
       "div",
@@ -4499,24 +4499,24 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
     open: !!K,
     placement: "top",
     whileElementsMounted: Ie
-  }), { isMounted: pe, styles: fe } = Ke(ee, {
+  }), { isMounted: pe, styles: Ce } = Ke(ee, {
     duration: { close: 150, open: 150 },
     initial: { opacity: 0 }
   });
   ae(() => {
     Q.setReference(A.current);
   }, [Q]);
-  const Ce = "pds-bar-chart", ge = N === "stacked" ? "stack" : void 0, se = ye(
-    (le) => {
+  const ve = "pds-bar-chart", ge = N === "stacked" ? "stack" : void 0, se = ye(
+    (ce) => {
       A.current.getBoundingClientRect = () => ({
-        bottom: le.clientY,
+        bottom: ce.clientY,
         height: 0,
-        left: le.clientX,
-        right: le.clientX,
-        top: le.clientY,
+        left: ce.clientX,
+        right: ce.clientX,
+        top: ce.clientY,
         width: 0,
-        x: le.clientX,
-        y: le.clientY
+        x: ce.clientX,
+        y: ce.clientY
       }), me();
     },
     [me]
@@ -4531,8 +4531,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         "aria-busy": "true",
         "aria-label": j,
         className: $([
-          Ce,
-          `${Ce}--loading`,
+          ve,
+          `${ve}--loading`,
           c ?? ""
         ]),
         style: { maxWidth: V },
@@ -4553,8 +4553,8 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
       {
         ref: Z,
         className: $([
-          Ce,
-          `${Ce}--empty`,
+          ve,
+          `${ve}--empty`,
           c ?? ""
         ]),
         style: { height: I, maxWidth: V },
@@ -4568,25 +4568,25 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         }
       )
     );
-  const he = i === "vertical", Se = (le) => N === "grouped" || N === "stacked" && le === u.length - 1 ? he ? [0, a, a, 0] : [a, a, 0, 0] : 0;
+  const he = i === "vertical", Se = (ce) => N === "grouped" || N === "stacked" && ce === u.length - 1 ? he ? [0, a, a, 0] : [a, a, 0, 0] : 0;
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: Z,
-      className: $([Ce, c ?? ""]),
+      className: $([ve, c ?? ""]),
       style: V ? { maxWidth: V } : void 0,
       ...D
     },
-    !r && g && g.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${Ce}__header` }, /* @__PURE__ */ e.createElement(
+    !r && g && g.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${ve}__header` }, /* @__PURE__ */ e.createElement(
       x2,
       {
         autoWidth: !0,
-        id: `${Ce}-time-period`,
+        id: `${ve}-time-period`,
         label: "Time period",
-        onOptionSelect: (le) => h?.(le.value),
-        options: g.map((le) => ({
-          label: le.label,
-          value: le.value
+        onOptionSelect: (ce) => h?.(ce.value),
+        options: g.map((ce) => ({
+          label: ce.label,
+          value: ce.value
         })),
         showLabel: !1,
         value: C
@@ -4666,42 +4666,42 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         y && _ && /* @__PURE__ */ e.createElement(
           P1,
           {
-            content: (le) => !le.active || !le.payload?.length ? null : _({
-              entries: le.payload.map((be) => ({
+            content: (ce) => !ce.active || !ce.payload?.length ? null : _({
+              entries: ce.payload.map((be) => ({
                 color: String(be.color ?? ""),
                 dataKey: String(be.dataKey ?? ""),
                 name: String(be.name ?? ""),
                 value: Number(be.value ?? 0)
               })),
-              label: String(le.label ?? "")
+              label: String(ce.label ?? "")
             }),
             cursor: !1
           }
         ),
-        u.map((le, be) => /* @__PURE__ */ e.createElement(
+        u.map((ce, be) => /* @__PURE__ */ e.createElement(
           h4,
           {
-            key: le.dataKey,
-            dataKey: le.dataKey,
+            key: ce.dataKey,
+            dataKey: ce.dataKey,
             fill: L2(
               be,
               B,
-              le.color,
-              w2(n, le.paletteIndex)
+              ce.color,
+              w2(n, ce.paletteIndex)
             ),
-            name: le.label,
+            name: ce.label,
             onMouseEnter: _ ? void 0 : (ue) => {
               const _e = ue;
               y && _e && ne({
                 color: L2(
                   be,
                   B,
-                  le.color,
-                  w2(n, le.paletteIndex)
+                  ce.color,
+                  w2(n, ce.paletteIndex)
                 ),
                 label: String(_e.label ?? ""),
-                name: le.label,
-                value: Number(_e[le.dataKey] ?? 0)
+                name: ce.label,
+                value: Number(_e[ce.dataKey] ?? 0)
               });
             },
             onMouseLeave: _ ? void 0 : () => ne(null),
@@ -4719,7 +4719,7 @@ const z4 = 768, N4 = 1280, M4 = 1440, k4 = "7rem", x4 = "10rem", D4 = "8rem", S1
         role: "tooltip",
         style: {
           ...oe,
-          ...fe,
+          ...Ce,
           pointerEvents: "none",
           zIndex: "var(--pds-z-index-notifications)"
         }
@@ -5519,7 +5519,7 @@ const bt = ({
       ...s
     },
     /* @__PURE__ */ e.createElement("div", { className: `${o}__total-changes` }, /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         className: `${o}__tooltip`,
         content: `${r} ${n.linesChanged}`,
@@ -5534,7 +5534,7 @@ const bt = ({
         style: { width: `${d}%` }
       },
       /* @__PURE__ */ e.createElement(
-        we,
+        Le,
         {
           className: `${o}__tooltip`,
           content: `${c} ${n.deletions}`,
@@ -5549,7 +5549,7 @@ const bt = ({
         style: { width: `${i}%` }
       },
       /* @__PURE__ */ e.createElement(
-        we,
+        Le,
         {
           className: `${o}__tooltip`,
           content: `${a} ${n.additions}`,
@@ -5942,7 +5942,7 @@ const bt = ({
       ...o
     },
     _ && (t && g ? /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: g,
         customTrigger: _,
@@ -6281,8 +6281,8 @@ const bt = ({
     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 : "";
+      const $e = _.find((Pe) => Pe.value === re);
+      return $e ? $e.label : "";
     }, [ne, U] = q(X ? l : void 0), [A, ee] = q(
       y ? H ?? "" : X ? K(l) : ""
     );
@@ -6290,10 +6290,10 @@ const bt = ({
       y && ee(H ?? "");
     }, [y, H]);
     const oe = de(null), Q = (re) => re.map(
-      ({ label: Ee, optionDisplay: Pe, searchIndex: D2, value: Xe, ...c4 }) => {
-        const n4 = Xe || Ee, c1 = [Ee, Xe];
+      ({ label: $e, optionDisplay: Pe, searchIndex: D2, value: Xe, ...c4 }) => {
+        const n4 = Xe || $e, c1 = [$e, Xe];
         return D2 && c1.push(...D2), {
-          label: Ee,
+          label: $e,
           value: n4,
           searchIndex: c1,
           optionDisplay: Pe,
@@ -6303,12 +6303,12 @@ const bt = ({
     ), me = Me(() => {
       const re = Q(_);
       if (!A && !k) return [];
-      const Ee = (A ?? "").toLowerCase();
-      return re.filter((Pe) => (Pe.searchIndex?.map((Xe) => Xe.toLowerCase()) ?? []).some((Xe) => Xe.includes(Ee)));
+      const $e = (A ?? "").toLowerCase();
+      return re.filter((Pe) => (Pe.searchIndex?.map((Xe) => Xe.toLowerCase()) ?? []).some((Xe) => Xe.includes($e)));
     }, [_, A, k, i]), {
       getInputProps: pe,
-      getItemProps: fe,
-      getMenuProps: Ce,
+      getItemProps: Ce,
+      getMenuProps: ve,
       highlightedIndex: ge,
       isOpen: se,
       openMenu: ie,
@@ -6323,8 +6323,8 @@ const bt = ({
       onSelectedItemChange: ({ selectedItem: re }) => {
         re && (y || ee(re.label), U(re.value), g?.(re));
       },
-      stateReducer: (re, { changes: Ee, type: Pe }) => Pe === ze.stateChangeTypes.InputBlur ? { ...Ee, inputValue: re.inputValue } : Ee.isOpen && !re.inputValue && !k && Pe === ze.stateChangeTypes.InputClick ? { ...Ee, isOpen: !1 } : Ee
-    }), { context: Se, floatingStyles: le, refs: be } = ke({
+      stateReducer: (re, { changes: $e, type: Pe }) => Pe === ze.stateChangeTypes.InputBlur ? { ...$e, inputValue: re.inputValue } : $e.isOpen && !re.inputValue && !k && Pe === ze.stateChangeTypes.InputClick ? { ...$e, isOpen: !1 } : $e
+    }), { context: Se, floatingStyles: ce, refs: be } = ke({
       open: se,
       whileElementsMounted: Ie,
       placement: "bottom-start",
@@ -6332,8 +6332,8 @@ const bt = ({
       middleware: [
         xe(({ placement: re }) => re.startsWith("top") ? 16 : 0),
         v2({
-          apply({ availableHeight: re, elements: Ee, rects: Pe }) {
-            Object.assign(Ee.floating.style, {
+          apply({ availableHeight: re, elements: $e, rects: Pe }) {
+            Object.assign($e.floating.style, {
               minHeight: "var(--pds-spacing-3xl)",
               maxHeight: `${re}px`,
               width: `${Pe.reference.width}px`
@@ -6351,25 +6351,25 @@ const bt = ({
         open: { opacity: 1 },
         close: { opacity: 0 }
       }
-    ), R = ye(
+    ), T = ye(
       (re) => {
         be.setReference(re), typeof S == "function" ? S(re) : S && "current" in S && (S.current = re);
       },
       [S, be]
     ), J = () => {
       se ? he() : ie();
-    }, ve = () => {
+    }, fe = () => {
       y || ee(""), U(void 0), he(), oe.current?.focus(), k && ie(), v?.();
-    }, T = (re) => {
+    }, R = (re) => {
       f?.(ne);
-    }, ce = (re) => {
+    }, le = (re) => {
       k && ie(), E?.(ne);
-    }, Le = () => me.map((re, Ee) => /* @__PURE__ */ e.createElement(
+    }, Ee = () => me.map((re, $e) => /* @__PURE__ */ e.createElement(
       $2,
       {
         key: re.value,
-        className: ge === Ee ? "pds-dropdown__item--focused" : "",
-        ...fe({ item: re, index: Ee })
+        className: ge === $e ? "pds-dropdown__item--focused" : "",
+        ...Ce({ item: re, index: $e })
       },
       /* @__PURE__ */ e.createElement("span", { className: `${j}__option-label` }, re.optionDisplay || re.label)
     ));
@@ -6403,7 +6403,7 @@ const bt = ({
       /* @__PURE__ */ e.createElement(
         "span",
         {
-          ref: R,
+          ref: T,
           "aria-describedby": W ? `${r}__message` : null,
           "aria-disabled": t ? !0 : null,
           "aria-invalid": D === "error" ? !0 : null,
@@ -6423,11 +6423,11 @@ const bt = ({
               "aria-label": h.inputInstructions,
               disabled: t,
               placeholder: N,
-              onBlur: T,
+              onBlur: R,
               onChange: (re) => {
                 b?.(re);
               },
-              onFocus: ce
+              onFocus: le
             })
           }
         ),
@@ -6435,7 +6435,7 @@ const bt = ({
           t1,
           {
             clearLabel: h.clearButton,
-            handleClearInput: ve,
+            handleClearInput: fe,
             id: `input-${r}`
           }
         ),
@@ -6472,12 +6472,12 @@ const bt = ({
           ref: be.setFloating,
           className: `pds-dropdown__panel ${j}__dropdown`,
           style: {
-            ...le,
+            ...ce,
             ..._e,
             zIndex: "var(--pds-z-index-dropdown)"
           }
         },
-        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)
+        i ? /* @__PURE__ */ e.createElement("div", { className: `${j}__loading` }, C) : me.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${j}__options`, ...ve() }, Ee()) : /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, p)
       ),
       W && /* @__PURE__ */ e.createElement(
         De,
@@ -6535,25 +6535,25 @@ const bt = ({
     () => wt(C, L, P),
     [C, L, P]
   ), Z = Me(
-    () => a?.items?.map((T) => ({
-      ...T,
+    () => a?.items?.map((R) => ({
+      ...R,
       isAlreadySelected: L.some(
-        (ce) => ce.id === T.id
+        (le) => le.id === R.id
       )
     })) || [],
     [a?.items, L]
-  ), B = (T) => {
-    D(T), h?.(T);
+  ), B = (R) => {
+    D(R), h?.(R);
   }, { getDropdownProps: I, getSelectedItemProps: V, removeSelectedItem: x } = r2({
     selectedItems: L,
-    onStateChange: ({ selectedItems: T, type: ce }) => {
+    onStateChange: ({ selectedItems: R, type: le }) => {
       if (!t)
-        switch (ce) {
+        switch (le) {
           case r2.stateChangeTypes.SelectedItemKeyDownBackspace:
           case r2.stateChangeTypes.SelectedItemKeyDownDelete:
           case r2.stateChangeTypes.DropdownKeyDownBackspace:
           case r2.stateChangeTypes.FunctionRemoveSelectedItem:
-            B(T || []);
+            B(R || []);
             break;
         }
     }
@@ -6569,28 +6569,28 @@ const bt = ({
     selectedItem: ee
   } = ze({
     items: j,
-    itemToString: (T) => T ? T.label : "",
+    itemToString: (R) => R ? R.label : "",
     selectedItem: null,
     inputValue: P,
     isOpen: t ? !1 : void 0,
-    stateReducer: (T, { changes: ce, type: Le }) => {
-      if (t) return T;
-      switch (Le) {
+    stateReducer: (R, { changes: le, type: Ee }) => {
+      if (t) return R;
+      switch (Ee) {
         case ze.stateChangeTypes.InputKeyDownEnter:
         case ze.stateChangeTypes.ItemClick:
           return {
-            ...ce,
+            ...le,
             isOpen: !0,
-            highlightedIndex: T.highlightedIndex
+            highlightedIndex: R.highlightedIndex
           };
         default:
-          return ce;
+          return le;
       }
     },
     onStateChange: ({
-      inputValue: T,
-      isOpen: ce,
-      selectedItem: Le,
+      inputValue: R,
+      isOpen: le,
+      selectedItem: Ee,
       type: re
     }) => {
       if (!t)
@@ -6598,16 +6598,16 @@ const bt = ({
           case ze.stateChangeTypes.InputKeyDownEnter:
           case ze.stateChangeTypes.ItemClick:
           case ze.stateChangeTypes.InputBlur:
-            Le && (Le.isAlreadySelected ? B(
-              L.filter((Ee) => Ee.id !== Le.id)
-            ) : B([...L, Le]), M(""), O(null));
+            Ee && (Ee.isAlreadySelected ? B(
+              L.filter(($e) => $e.id !== Ee.id)
+            ) : B([...L, Ee]), M(""), O(null));
             break;
           case ze.stateChangeTypes.InputChange:
-            M(T || ""), O(null);
+            M(R || ""), O(null);
             break;
           case ze.stateChangeTypes.ToggleButtonClick:
           case ze.stateChangeTypes.FunctionOpenMenu:
-            ce && Y(!1);
+            le && Y(!1);
             break;
         }
     }
@@ -6617,11 +6617,11 @@ const bt = ({
     placement: "bottom-start",
     strategy: "absolute",
     middleware: [
-      xe(({ placement: T }) => T.startsWith("top") ? 16 : 0),
+      xe(({ placement: R }) => R.startsWith("top") ? 16 : 0),
       v2({
-        apply({ availableHeight: T, elements: ce }) {
-          Object.assign(ce.floating.style, {
-            maxHeight: `${T}px`
+        apply({ availableHeight: R, elements: le }) {
+          Object.assign(le.floating.style, {
+            maxHeight: `${R}px`
           });
         },
         padding: {
@@ -6638,7 +6638,7 @@ const bt = ({
   }), {
     context: me,
     floatingStyles: pe,
-    refs: fe
+    refs: Ce
   } = ke({
     open: S,
     onOpenChange: Y,
@@ -6646,11 +6646,11 @@ const bt = ({
     placement: "bottom-start",
     strategy: "absolute",
     middleware: [
-      xe(({ placement: T }) => T.startsWith("top") ? 16 : 4),
+      xe(({ placement: R }) => R.startsWith("top") ? 16 : 4),
       v2({
-        apply({ elements: T, rects: ce }) {
-          Object.assign(T.floating.style, {
-            width: `${ce.reference.width}px`
+        apply({ elements: R, rects: le }) {
+          Object.assign(R.floating.style, {
+            width: `${le.reference.width}px`
           });
         }
       }),
@@ -6658,40 +6658,40 @@ const bt = ({
         padding: 24
       })
     ]
-  }), Ce = Oe(me), { getFloatingProps: ge } = Ze([
-    Ce
-  ]), se = (T) => {
-    if (T.stopPropagation(), t) return;
-    const ce = !S;
-    Y(ce), ce && U && G();
-  }, ie = (T) => {
-    t || (T.isAlreadySelected ? B(
-      L.filter((ce) => ce.id !== T.id)
-    ) : B([...L, T]));
+  }), ve = Oe(me), { getFloatingProps: ge } = Ze([
+    ve
+  ]), se = (R) => {
+    if (R.stopPropagation(), t) return;
+    const le = !S;
+    Y(le), le && U && G();
+  }, ie = (R) => {
+    t || (R.isAlreadySelected ? B(
+      L.filter((le) => le.id !== R.id)
+    ) : B([...L, R]));
   }, he = () => {
     Y(!1), a?.onClose?.();
   }, Se = () => {
     a?.onRefresh?.();
-  }, le = () => {
+  }, ce = () => {
     if (H === null)
       O(L.length - 1);
     else {
-      const T = [...L];
-      T.splice(H, 1), B(T), O(null);
+      const R = [...L];
+      R.splice(H, 1), B(R), O(null);
     }
   }, be = de(!1), ue = () => {
     t || (be.current ? G() : A());
-  }, _e = (T) => {
-    be.current = U, !t && T.currentTarget.setAttribute("data-focus-method", "mouse");
-  }, R = (T) => {
-    T.currentTarget.setAttribute("data-focus-method", "keyboard"), !t && ((T.key === "Backspace" || T.key === "Delete") && !P && L.length > 0 && (T.preventDefault(), le()), T.key === "Enter" && H !== null && (T.preventDefault(), le()), !U && (T.key === "Enter" || T.key === "ArrowDown") && (T.preventDefault(), A()));
+  }, _e = (R) => {
+    be.current = U, !t && R.currentTarget.setAttribute("data-focus-method", "mouse");
+  }, T = (R) => {
+    R.currentTarget.setAttribute("data-focus-method", "keyboard"), !t && ((R.key === "Backspace" || R.key === "Delete") && !P && L.length > 0 && (R.preventDefault(), ce()), R.key === "Enter" && H !== null && (R.preventDefault(), ce()), !U && (R.key === "Enter" || R.key === "ArrowDown") && (R.preventDefault(), A()));
   }, J = W({
     ...I({
       preventKeyAction: U
     }),
     disabled: t,
-    onKeyDown: R
-  }), ve = L.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1) : L.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1)) : L.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1)) : "";
+    onKeyDown: T
+  }), fe = L.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1) : L.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1)) : L.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-item` }, L.length - 1)) : "";
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -6720,38 +6720,38 @@ const bt = ({
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: (T) => {
-          Q.setReference(T), fe.setReference(T);
+        ref: (R) => {
+          Q.setReference(R), Ce.setReference(R);
         },
         "aria-disabled": t ? !0 : null,
         "aria-required": p ? !0 : null,
         className: `${_}__input-wrapper`,
         onClick: ue,
-        onKeyDown: R,
+        onKeyDown: T,
         onMouseDown: _e,
         tabIndex: 0
       },
-      L.length > 1 && !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(
+      L.length > 1 && !f && /* @__PURE__ */ e.createElement("div", { className: `${_}__counter` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__counter-wrapper` }, fe)),
+      L.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${_}__items-wrapper` }, L.map((R, le) => /* @__PURE__ */ e.createElement(
         "span",
         {
-          key: `selected-item-${ce}`,
+          key: `selected-item-${le}`,
           className: `
                   ${_}__selected-item
-                  ${ce === H ? `${_}__selected-item--marked-for-deletion` : ""}
+                  ${le === H ? `${_}__selected-item--marked-for-deletion` : ""}
                 `,
           ...V({
-            selectedItem: T,
-            index: ce
+            selectedItem: R,
+            index: le
           })
         },
-        /* @__PURE__ */ e.createElement("span", { className: `${_}__selected-item-text` }, T.label),
+        /* @__PURE__ */ e.createElement("span", { className: `${_}__selected-item-text` }, R.label),
         /* @__PURE__ */ e.createElement(
           "span",
           {
             className: `${_}__selected-item-remove`,
-            onClick: (Le) => {
-              Le.stopPropagation(), x(T);
+            onClick: (Ee) => {
+              Ee.stopPropagation(), x(R);
             }
           },
           /* @__PURE__ */ e.createElement(F, { iconName: "xmark", size: "xs" })
@@ -6785,7 +6785,7 @@ const bt = ({
           disabled: t,
           type: "button",
           ...K({
-            onClick: (T) => T.stopPropagation()
+            onClick: (R) => R.stopPropagation()
           })
         },
         /* @__PURE__ */ e.createElement(
@@ -6816,28 +6816,28 @@ const bt = ({
           className: `${_}__dropdown-input`,
           placeholder: u,
           ...J,
-          onClick: (T) => {
-            T.stopPropagation();
+          onClick: (R) => {
+            R.stopPropagation();
           }
         }
       )),
-      o ? /* @__PURE__ */ e.createElement("div", { className: `${_}__loading` }, i) : j.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${_}__dropdown-list`, ...X() }, j.map((T, ce) => /* @__PURE__ */ e.createElement(
+      o ? /* @__PURE__ */ e.createElement("div", { className: `${_}__loading` }, i) : j.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${_}__dropdown-list`, ...X() }, j.map((R, le) => /* @__PURE__ */ e.createElement(
         $2,
         {
-          key: `${T.id}-${ce}`,
+          key: `${R.id}-${le}`,
           className: `${_}__dropdown-item
-                  ${ne === ce ? "pds-dropdown__item--focused" : ""}
-                  ${ee === T ? `${_}__dropdown-item--selected` : ""}
-                  ${T.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
-          ...y({ item: T, index: ce })
+                  ${ne === le ? "pds-dropdown__item--focused" : ""}
+                  ${ee === R ? `${_}__dropdown-item--selected` : ""}
+                  ${R.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
+          ...y({ item: R, index: le })
         },
-        /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-text` }, T.label, T.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(F, { iconName: "sparkles", size: "s" }), /* @__PURE__ */ e.createElement("span", null, d.aiBadgeLabel))), T.isAlreadySelected && /* @__PURE__ */ e.createElement(m2, null))
+        /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-text` }, R.label, R.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${_}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(F, { iconName: "sparkles", size: "s" }), /* @__PURE__ */ e.createElement("span", null, d.aiBadgeLabel))), R.isAlreadySelected && /* @__PURE__ */ e.createElement(m2, null))
       ))) : /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, m)
     ),
     S && a && /* @__PURE__ */ e.createElement(
       "div",
       {
-        ref: fe.setFloating,
+        ref: Ce.setFloating,
         className: `${_}__aux-panel`,
         style: {
           ...pe,
@@ -6852,18 +6852,18 @@ const bt = ({
           iconName: "sparkles",
           size: "m"
         }
-      ), /* @__PURE__ */ e.createElement("div", { className: `${_}__aux-panel-items` }, Z.map((T) => /* @__PURE__ */ e.createElement(
+      ), /* @__PURE__ */ e.createElement("div", { className: `${_}__aux-panel-items` }, Z.map((R) => /* @__PURE__ */ e.createElement(
         "button",
         {
-          key: T.id,
+          key: R.id,
           className: $([
             `${_}__aux-panel-item`,
-            T.isAlreadySelected ? `${_}__aux-panel-item--selected` : ""
+            R.isAlreadySelected ? `${_}__aux-panel-item--selected` : ""
           ]),
-          onClick: () => ie(T),
+          onClick: () => ie(R),
           type: "button"
         },
-        T.label
+        R.label
       )))),
       /* @__PURE__ */ e.createElement("div", { className: `${_}__aux-panel-header` }, /* @__PURE__ */ e.createElement(
         "button",
@@ -7385,7 +7385,7 @@ const bt = ({
     const X = L || C, K = typeof H < "u", ne = typeof c < "u", [U, A] = q(
       ne ? c : ""
     ), ee = H || U, oe = (se) => {
-      if (z && pe && fe(!1), r && M === "url") {
+      if (z && pe && Ce(!1), r && M === "url") {
         const ie = d1(se.target.value), he = {
           ...se,
           target: {
@@ -7411,8 +7411,8 @@ const bt = ({
       K || A(""), f && f();
       const se = document.getElementById(d);
       se && se.focus();
-    }, [pe, fe] = q(!1), Ce = () => {
-      fe((ie) => !ie);
+    }, [pe, Ce] = q(!1), ve = () => {
+      Ce((ie) => !ie);
       const se = document.getElementById(d);
       se && se.focus();
     };
@@ -7489,7 +7489,7 @@ const bt = ({
           {
             "aria-controls": d,
             className: `${j}__visibility-toggle`,
-            onClick: Ce,
+            onClick: ve,
             onMouseDown: (se) => se.preventDefault(),
             title: pe ? P.visibilityToggleHide : P.visibilityToggleShow,
             type: "button"
@@ -7585,6 +7585,19 @@ const bt = ({
     /* @__PURE__ */ e.createElement(F, { className: `${r}__icon`, iconName: "externalLink" })
   );
 }, V0 = ({
+  className: a,
+  destination: l = "main",
+  text: t = "Skip to main content",
+  ...c
+}) => /* @__PURE__ */ e.createElement(
+  "a",
+  {
+    className: $(["pds-skiplink", a]),
+    href: `#${l}`,
+    ...c
+  },
+  t
+), R0 = ({
   alt: a = "",
   className: l,
   height: t,
@@ -7605,7 +7618,7 @@ const bt = ({
       ...o
     }
   ));
-}, R0 = ({
+}, T0 = ({
   ariaLabel: a,
   children: l,
   className: t,
@@ -7697,7 +7710,7 @@ const bt = ({
       p && /* @__PURE__ */ e.createElement("div", { className: `${f}__footer` }, p)
     ))
   ));
-}, T0 = ({
+}, F0 = ({
   ariaLabel: a = "Breadcrumb",
   className: l,
   crumbs: t,
@@ -7707,7 +7720,7 @@ const bt = ({
     if (d < s - 1)
       return /* @__PURE__ */ e.createElement("li", { key: d, className: `${n}__crumb` }, r);
     {
-      const i = $e(r) ? Ne(r, {
+      const i = we(r) ? Ne(r, {
         "aria-current": "page"
       }) : null;
       return /* @__PURE__ */ e.createElement(
@@ -7757,7 +7770,7 @@ const bt = ({
   let t = null;
   if (typeof a == "string" && l) {
     const c = l ? l[0].linkContent : null;
-    $e(c) && (t = Ne(c, {
+    we(c) && (t = Ne(c, {
       ...typeof a == "string" ? { children: a } : {}
     }));
   } else
@@ -7773,13 +7786,13 @@ const bt = ({
     ];
     if (t) {
       const o = t[0].linkContent;
-      $e(o) && (n = Ne(o, {
+      we(o) && (n = Ne(o, {
         ...typeof l == "string" ? { children: s } : {}
       }));
     } else
       n = null;
   }
-  return $e(l) && (c ? n = Ne(
+  return we(l) && (c ? n = Ne(
     l,
     Object.assign({}, l.props, {
       children: [
@@ -7787,7 +7800,7 @@ const bt = ({
       ]
     })
   ) : n = l), n;
-}, F0 = ({
+}, A0 = ({
   ariaLabel: a,
   className: l,
   menuItems: t,
@@ -7899,7 +7912,7 @@ const bt = ({
     )),
     /* @__PURE__ */ e.createElement("div", { className: `${c}__status`, style: { pointerEvents: "none" } }, m)
   );
-}, A0 = ({
+}, O0 = ({
   className: a,
   disabled: l = !1,
   horizontalOffset: t = 0,
@@ -7959,7 +7972,7 @@ const bt = ({
       }
     ))
   );
-}, O0 = ({
+}, Z0 = ({
   className: a,
   headingText: l,
   menuItems: t,
@@ -8394,7 +8407,7 @@ const bt = ({
     case "sub-brand-small":
       i = R2;
   }
-  const m = $e(c) && typeof c.props.children == "string" ? c.props.children : "", h = $e(c) ? c.type : null, C = $e(c) && h ? /* @__PURE__ */ e.createElement(
+  const m = we(c) && typeof c.props.children == "string" ? c.props.children : "", h = we(c) ? c.type : null, C = we(c) && h ? /* @__PURE__ */ e.createElement(
     h,
     {
       ...Object.assign({}, c.props, {
@@ -8417,7 +8430,7 @@ const bt = ({
     c ? C : i,
     n && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__separator" }), /* @__PURE__ */ e.createElement("div", { className: "pds-pantheon-logo__sub-brand-wordmark" }, n))
   );
-}, Z0 = ({
+}, B0 = ({
   children: a,
   className: l,
   colorType: t = "default",
@@ -8467,7 +8480,7 @@ const bt = ({
   const z = Fe(a), w = z["items-left"], k = z["items-right"];
   let P = "default";
   (t === "reverse" || t === "reverse-transparent") && (P = "reverse");
-  const M = $e(r) ? r.props.children : null, L = $e(r) && M ? Ne(
+  const M = we(r) ? r.props.children : null, L = we(r) && M ? Ne(
     r,
     Object.assign({}, r.props, {
       children: /* @__PURE__ */ e.createElement("img", { className: `${b}__custom-logo`, src: d }),
@@ -8633,7 +8646,7 @@ const bt = ({
       /* @__PURE__ */ e.createElement("div", { className: `${r}__flyout-heading` }, qe(n)),
       h(s, "second-level-flyout")
     )) : /* @__PURE__ */ e.createElement(e.Fragment, null, t ? /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: qe(n),
         customTrigger: m,
@@ -8645,7 +8658,7 @@ const bt = ({
       }
     ) : m)
   );
-}, B0 = ({
+}, j0 = ({
   ariaLabel: a,
   className: l,
   isSidebarCollapsed: t,
@@ -8753,7 +8766,7 @@ const bt = ({
       !f.isSeparator && f.linkContent
     ))
   ));
-}, j0 = ({
+}, q0 = ({
   ariaLabel: a = "Main Navigation",
   className: l,
   colorType: t = "default",
@@ -8953,7 +8966,7 @@ const bt = ({
     },
     /* @__PURE__ */ e.createElement("div", { style: { ...P } }, Z, /* @__PURE__ */ e.createElement("ul", { className: $([C, u]) }, B.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${h}__no-results` }, s) : B))
   ));
-}, q0 = ({
+}, G0 = ({
   ariaLabel: a,
   className: l,
   menuItems: t,
@@ -8970,7 +8983,7 @@ const bt = ({
   }) => {
     const f = `${s}__item`, b = l1(u), v = (E, g) => {
       let _ = null;
-      return $e(E) && (g ? _ = Ne(
+      return we(E) && (g ? _ = Ne(
         E,
         Object.assign({}, E.props, {
           children: [
@@ -9032,7 +9045,7 @@ const bt = ({
     },
     /* @__PURE__ */ e.createElement("div", { className: `${s}__mobile-menu-wrapper` }, d)
   );
-}, G0 = ({
+}, W0 = ({
   ariaLabel: a = "User menu",
   className: l,
   menuItems: t = [],
@@ -9174,7 +9187,7 @@ const bt = ({
   standard: { label: "Standard", color: "gaia" },
   premium: { label: "Premium", color: "gaia" },
   priority: { label: "Priority", color: "gaia" }
-}, W0 = ({
+}, K0 = ({
   ariaLabel: a = "Workspace selector menu",
   className: l,
   createWorkspaceLink: t,
@@ -9407,7 +9420,7 @@ const bt = ({
   warning: "triangleExclamation",
   critical: "diamondExclamation",
   discovery: "bullhorn"
-}, T2 = 200, Ht = 50, K0 = ({
+}, T2 = 200, Ht = 50, Y0 = ({
   banners: a,
   className: l,
   dataContext: t = "product",
@@ -9528,7 +9541,7 @@ const bt = ({
   warning: "triangleExclamation",
   success: "circleCheck",
   critical: "diamondExclamation"
-}, Y0 = ({
+}, U0 = ({
   className: a,
   message: l,
   title: t,
@@ -9589,7 +9602,7 @@ const bt = ({
     },
     /* @__PURE__ */ e.createElement(F, { "aria-hidden": "true", iconName: d, size: i })
   );
-}, U0 = ({
+}, X0 = ({
   ariaLabel: a = "Notifications",
   autoCloseOnClick: l = !0,
   className: t,
@@ -9705,7 +9718,7 @@ const bt = ({
   success: "circleCheck",
   critical: "diamondExclamation",
   discovery: "squareQuestion"
-}, X0 = ({
+}, Q0 = ({
   className: a,
   ctaButton: l,
   dataContext: t = "product",
@@ -9796,7 +9809,7 @@ const bt = ({
     size: "l",
     tabIndex: 0
   }
-), Q0 = ({
+), J0 = ({
   className: a,
   labelStrings: l = s4,
   limit: t = 5,
@@ -9878,7 +9891,7 @@ const bt = ({
   );
 };
 var Zt = /* @__PURE__ */ ((a) => (a.Critical = "critical", a.Info = "info", a.Success = "success", a.Warning = "warning", a.Working = "working", a))(Zt || {});
-const J0 = () => {
+const ea = () => {
   const a = (t, c, n = {}) => {
     const s = n.toastId ?? Ye(), o = typeof n.autoClose == "number" ? Math.max(Rt, n.autoClose) : !1, r = /* @__PURE__ */ e.createElement(
       Ot,
@@ -9946,7 +9959,7 @@ const J0 = () => {
       d
     ];
   }
-}, [c, t, a, l]), ea = ({
+}, [c, t, a, l]), ta = ({
   bufferCount: a = 1,
   className: l,
   currentPage: t,
@@ -9994,7 +10007,7 @@ const J0 = () => {
       n
     ),
     /* @__PURE__ */ e.createElement("ul", { className: `${f}__list` }, t !== 1 && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--prev`]) }, /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: o.previous,
         customTrigger: /* @__PURE__ */ e.createElement(
@@ -10033,7 +10046,7 @@ const J0 = () => {
         E
       )
     )), t !== C && /* @__PURE__ */ e.createElement("li", { className: $([b, `${b}--next`]) }, /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: o.next,
         customTrigger: /* @__PURE__ */ e.createElement(
@@ -10106,7 +10119,7 @@ const J0 = () => {
     ),
     /* @__PURE__ */ e.createElement("span", { className: `${p}__count` }, s.of, " ", m),
     /* @__PURE__ */ e.createElement("div", { className: `${p}__nav` }, /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: s.previous,
         customTrigger: /* @__PURE__ */ e.createElement(
@@ -10125,7 +10138,7 @@ const J0 = () => {
         )
       }
     ), /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         content: s.next,
         customTrigger: /* @__PURE__ */ e.createElement(
@@ -10145,7 +10158,7 @@ const J0 = () => {
       }
     ))
   );
-}, ta = ({
+}, aa = ({
   className: a,
   currentPage: l,
   headingLevel: t = "h2",
@@ -10209,7 +10222,7 @@ const J0 = () => {
       /* @__PURE__ */ e.createElement("span", { className: `${p}__nav` }, /* @__PURE__ */ e.createElement("span", null, o), /* @__PURE__ */ e.createElement(F, { iconName: "angleRight", size: "m" }))
     )
   );
-}, aa = ({
+}, sa = ({
   children: a,
   className: l,
   id: t,
@@ -10242,7 +10255,7 @@ const J0 = () => {
       }
     )), /* @__PURE__ */ e.createElement("div", { className: `${h}__content` }, a))
   );
-}, sa = ({
+}, la = ({
   children: a,
   className: l,
   displayType: t = "standard",
@@ -10257,7 +10270,7 @@ const J0 = () => {
     },
     a
   );
-}, la = ({
+}, ca = ({
   children: a,
   className: l,
   padding: t = "standard",
@@ -10273,7 +10286,7 @@ const J0 = () => {
     },
     /* @__PURE__ */ e.createElement("div", { className: $([r, d]) }, a)
   );
-}, ca = ({
+}, na = ({
   background: a = "default",
   children: l,
   className: t,
@@ -10296,7 +10309,7 @@ const J0 = () => {
     },
     l
   );
-}, na = ({
+}, ra = ({
   children: a,
   className: l,
   expandButtonAriaLabel: t,
@@ -10361,7 +10374,7 @@ const J0 = () => {
       /* @__PURE__ */ e.createElement("div", { className: `${s}__items-inside` }, u)
     )
   );
-}, je = 8, C1 = 14, qt = 6, ra = ({
+}, je = 8, C1 = 14, qt = 6, oa = ({
   className: a,
   classNameContainer: l,
   closeButtonLabel: t = "Close",
@@ -10488,7 +10501,7 @@ const J0 = () => {
   success: "--pds-color-status-success-foreground",
   warning: "--pds-color-status-warning-foreground",
   critical: "--pds-color-status-critical-foreground"
-}, oa = ({
+}, ia = ({
   className: a,
   colorBreakpoints: l = [
     { colorType: "info", percentage: 0 },
@@ -10638,20 +10651,7 @@ const J0 = () => {
       )
     )
   );
-}, ia = ({
-  className: a,
-  destination: l = "main",
-  text: t = "Skip to main content",
-  ...c
-}) => /* @__PURE__ */ e.createElement(
-  "a",
-  {
-    className: $(["pds-skiplink", a]),
-    href: `#${l}`,
-    ...c
-  },
-  t
-), da = ({
+}, da = ({
   alignment: a = "left",
   className: l,
   componentWidth: t,
@@ -10717,7 +10717,7 @@ const J0 = () => {
       },
       a === "right" && f,
       /* @__PURE__ */ e.createElement(
-        we,
+        Le,
         {
           content: d.tooltipContent || d.ariaLabel,
           customTrigger: p,
@@ -10985,8 +10985,8 @@ const J0 = () => {
     order: c !== void 0 ? n : "asc"
   }), [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);
+  ), W = S ? u ?? 10 : x, y = (T) => {
+    Y ? b(T) : G(T), S || V(1);
   };
   ae(() => {
     S || V(1);
@@ -10998,19 +10998,23 @@ const J0 = () => {
   const X = v !== void 0, K = z !== void 0, [ne, U] = q(
     /* @__PURE__ */ new Set()
   ), A = K ? new Set(z) : ne, ee = Me(
-    () => new Map(_.map((R, J) => [R, J])),
+    () => new Map(_.map((T, J) => [T, J])),
     [_]
-  ), oe = (R, J) => i ? i(R) : String(ee.get(R) ?? J), Q = O ? w ?? "" : Z.key, me = O ? k ?? "asc" : Z.order, pe = Me(() => {
+  ), oe = (T, J) => i ? i(T) : String(ee.get(T) ?? J), Q = O ? w ?? "" : Z.key, me = O ? k ?? "asc" : Z.order, pe = Me(() => {
     if (C) return [];
-    let 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 && j && W) {
+    let T = _;
+    if (!O && Z.key !== "") {
+      const fe = l.find((R) => R.id === Z.key)?.sortKey ?? Z.key;
+      T = [...T].sort((R, le) => {
+        const Ee = String(R[fe]).localeCompare(String(le[fe]));
+        return Z.order === "asc" ? Ee : -Ee;
+      });
+    }
+    if (!S && j && W) {
       const J = (I - 1) * W;
-      R = R.slice(J, J + W);
+      T = T.slice(J, J + W);
     }
-    return R;
+    return T;
   }, [
     _,
     Z,
@@ -11020,21 +11024,21 @@ const J0 = () => {
     I,
     W,
     C
-  ]), fe = (R) => {
-    O ? E(R, w === R && k === "asc" ? "desc" : "asc") : B((J) => ({
-      key: R,
-      order: J.key === R && J.order === "asc" ? "desc" : "asc"
+  ]), Ce = (T) => {
+    O ? E(T, w === T && k === "asc" ? "desc" : "asc") : B((J) => ({
+      key: T,
+      order: J.key === T && J.order === "asc" ? "desc" : "asc"
     }));
-  }, Ce = (R) => Q !== R ? "none" : me === "asc" ? "ascending" : "descending", ge = (R, J) => {
-    const ve = Q === R, T = Q !== "" && !ve, ce = `${L}__sort-button-${J}`;
-    return J === "top" && T ? `${ce}--inactive` : ve && me === "desc" ? `${ce}--desc` : "";
-  }, se = pe.map((R, J) => oe(R, J)), ie = se.length > 0 && se.every((R) => A.has(R)), he = !ie && se.some((R) => A.has(R)), Se = (R) => {
+  }, ve = (T) => Q !== T ? "none" : me === "asc" ? "ascending" : "descending", ge = (T, J) => {
+    const fe = Q === T, R = Q !== "" && !fe, le = `${L}__sort-button-${J}`;
+    return J === "top" && R ? `${le}--inactive` : fe && me === "desc" ? `${le}--desc` : "";
+  }, se = pe.map((T, J) => oe(T, J)), ie = se.length > 0 && se.every((T) => A.has(T)), he = !ie && se.some((T) => A.has(T)), Se = (T) => {
     const J = new Set(A);
-    J.has(R) ? J.delete(R) : J.add(R), K || U(J), v?.(Array.from(J));
-  }, le = () => {
-    const R = new Set(A);
-    ie || he ? se.forEach((J) => R.delete(J)) : se.forEach((J) => R.add(J)), K || U(R), v?.(Array.from(R));
-  }, be = (R) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${R}` }, X && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 1, width: 1 } })), l.map((J) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${R}-${J.id}` }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 1 } })))), ue = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement(
+    J.has(T) ? J.delete(T) : J.add(T), K || U(J), v?.(Array.from(J));
+  }, ce = () => {
+    const T = new Set(A);
+    ie || he ? se.forEach((J) => T.delete(J)) : se.forEach((J) => T.add(J)), K || U(T), v?.(Array.from(T));
+  }, be = (T) => /* @__PURE__ */ e.createElement("tr", { key: `skeleton-${T}` }, X && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 1, width: 1 } })), l.map((J) => /* @__PURE__ */ e.createElement("td", { key: `skeleton-${T}-${J.id}` }, /* @__PURE__ */ e.createElement(Ge, { shape: "rounded", size: { height: 1 } })))), ue = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement(
     "td",
     {
       className: "pds-table__empty-cell",
@@ -11048,18 +11052,18 @@ const J0 = () => {
         message: r
       }
     )
-  )), _e = (R, J) => {
-    const ve = oe(R, J);
-    return /* @__PURE__ */ e.createElement("tr", { key: `row-${ve}` }, X && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(
+  )), _e = (T, J) => {
+    const fe = oe(T, J);
+    return /* @__PURE__ */ e.createElement("tr", { key: `row-${fe}` }, X && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement(
       G2,
       {
-        checked: A.has(ve),
-        id: `${H}-row-${ve}`,
-        label: m(R, J + 1),
-        onChange: () => Se(ve),
+        checked: A.has(fe),
+        id: `${H}-row-${fe}`,
+        label: m(T, J + 1),
+        onChange: () => Se(fe),
         showLabel: !1
       }
-    )), l.map((T) => /* @__PURE__ */ e.createElement("td", { key: `${ve}-${T.id}` }, R[T.id])));
+    )), l.map((R) => /* @__PURE__ */ e.createElement("td", { key: `${fe}-${R.id}` }, T[R.id])));
   };
   return /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper" }, /* @__PURE__ */ e.createElement(
     "table",
@@ -11075,24 +11079,24 @@ const J0 = () => {
         id: H,
         indeterminate: he,
         label: N,
-        onChange: le,
+        onChange: ce,
         showLabel: !1
       }
-    )), l.map((R) => /* @__PURE__ */ e.createElement(
+    )), l.map((T) => /* @__PURE__ */ e.createElement(
       "th",
       {
-        key: R.id,
-        "aria-sort": R.sortable ? Ce(R.id) : void 0
+        key: T.id,
+        "aria-sort": T.sortable ? ve(T.id) : void 0
       },
-      R.sortable ? /* @__PURE__ */ e.createElement(
+      T.sortable ? /* @__PURE__ */ e.createElement(
         "button",
         {
-          "aria-label": h(N2(R.header)),
+          "aria-label": h(N2(T.header)),
           className: `${L}__sort-button`,
-          onClick: () => fe(R.id),
+          onClick: () => Ce(T.id),
           type: "button"
         },
-        R.header,
+        T.header,
         /* @__PURE__ */ e.createElement(
           "span",
           {
@@ -11104,7 +11108,7 @@ const J0 = () => {
             {
               className: $([
                 `${L}__sort-button-top`,
-                ge(R.id, "top")
+                ge(T.id, "top")
               ])
             },
             /* @__PURE__ */ e.createElement(F, { iconName: "caretUp", size: "m" })
@@ -11114,28 +11118,28 @@ const J0 = () => {
             {
               className: $([
                 `${L}__sort-button-bottom`,
-                ge(R.id, "bottom")
+                ge(T.id, "bottom")
               ])
             },
             /* @__PURE__ */ e.createElement(F, { iconName: "caretDown", size: "m" })
           )
         )
-      ) : /* @__PURE__ */ e.createElement("span", null, R.header)
+      ) : /* @__PURE__ */ e.createElement("span", null, T.header)
     )))),
     /* @__PURE__ */ e.createElement("tbody", null, C ? Array.from(
       { length: p },
-      (R, J) => be(J)
-    ) : pe.length === 0 ? ue() : pe.map((R, J) => _e(R, J)))
+      (T, J) => be(J)
+    ) : pe.length === 0 ? ue() : pe.map((T, J) => _e(T, J)))
   ), j && !C && (S || _.length > 0) && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, g && g.length > 0 && /* @__PURE__ */ e.createElement(
     x2,
     {
       autoWidth: !0,
       id: D,
       label: "Rows per page",
-      onOptionSelect: (R) => y(Number(R.value)),
-      options: g.map((R) => ({
-        label: d(R),
-        value: String(R)
+      onOptionSelect: (T) => y(Number(T.value)),
+      options: g.map((T) => ({
+        label: d(T),
+        value: String(T)
       })),
       showLabel: !1,
       size: "s",
@@ -11357,7 +11361,7 @@ const J0 = () => {
     m((g) => !g);
   };
   let b, v, E;
-  if (t && !l && $e(t)) {
+  if (t && !l && we(t)) {
     b = t.type;
     const g = t.props;
     v = g.href ? "href" : "to", E = v === "href" ? g.href : g.to;
@@ -11417,7 +11421,7 @@ const J0 = () => {
     label: t[i]
   }));
   return /* @__PURE__ */ e.createElement("div", { className: $([o, a]), ...s }, /* @__PURE__ */ e.createElement(
-    we,
+    Le,
     {
       content: r,
       customTrigger: /* @__PURE__ */ e.createElement(
@@ -11561,7 +11565,7 @@ const J0 = () => {
       style: D
     },
     s && /* @__PURE__ */ e.createElement(
-      we,
+      Le,
       {
         className: `${P}__sidebar-toggle-tooltip`,
         content: w ? i.expandSidebar : i.collapseSidebar,
@@ -11804,13 +11808,13 @@ export {
   va as AppLayout,
   _2 as Avatar,
   L4 as Badge,
-  K0 as Banner,
+  Y0 as Banner,
   v0 as BarChart,
   o0 as BranchDiff,
-  T0 as Breadcrumb,
+  F0 as Breadcrumb,
   Ae as Button,
   tt as ButtonLink,
-  F0 as ButtonNav,
+  A0 as ButtonNav,
   H0 as CTALink,
   g0 as Callout,
   f0 as Card,
@@ -11825,13 +11829,13 @@ export {
   a1 as CompactEmptyState,
   b0 as ComparisonList,
   V2 as Container,
-  A0 as DashboardSearch,
+  O0 as DashboardSearch,
   _a as DocsLayout,
   ut as Drawer,
   n2 as Dropdown,
-  O0 as DropdownMenu,
-  aa as ExpansionPanel,
-  sa as ExpansionPanelGroup,
+  Z0 as DropdownMenu,
+  sa as ExpansionPanel,
+  la as ExpansionPanelGroup,
   w0 as FileDiff,
   k0 as FileUpload,
   wa as FlexContainer,
@@ -11840,45 +11844,45 @@ export {
   F as Icon,
   d2 as IconButton,
   y0 as IdentityBlock,
-  Y0 as InlineMessage,
+  U0 as InlineMessage,
   x0 as InputGroup,
   _0 as LineChart,
   S0 as LinkNewWindow,
   Rt as MIN_AUTO_CLOSE_DURATION,
   j1 as MenuButton,
-  R0 as Modal,
-  Z0 as Navbar,
+  T0 as Modal,
+  B0 as Navbar,
   Vt as NotificationHubIcon,
-  U0 as NotificationsPopover,
-  ea as Pagination,
+  X0 as NotificationsPopover,
+  ta as Pagination,
   jt as PaginationCompact,
-  ta as PaginationMini,
-  la as Panel,
-  ca as PanelList,
-  na as PanelRow,
+  aa as PaginationMini,
+  ca as Panel,
+  na as PanelList,
+  ra as PanelRow,
   kt as PantheonLogo,
   L0 as PaymentIcon,
-  V0 as Picture,
+  R0 as Picture,
   q1 as PlatformIcon,
-  ra as Popover,
-  oa as ProgressBar,
+  oa as Popover,
+  ia as ProgressBar,
   Gt as ProgressRing,
   D0 as RadioGroup,
   p0 as SSOButton,
-  X0 as SectionMessage,
+  Q0 as SectionMessage,
   u0 as SegmentedButton,
   x2 as Select,
   rt as SelectOptionGroup,
-  B0 as SideNavGlobal,
+  j0 as SideNavGlobal,
   xt as SideNavGlobalItem,
   ba as SidebarLayout,
-  j0 as SiteMenu,
+  q0 as SiteMenu,
   zt as SiteOptionDisplay,
   d0 as SitePlanLevelLabel,
   st as SiteTypeIcon,
   m0 as SiteTypeLabel,
   Ge as Skeleton,
-  ia as Skiplink,
+  V0 as Skiplink,
   p2 as Spinner,
   ct as SplitButton,
   y4 as StatusBadge,
@@ -11887,7 +11891,7 @@ export {
   k2 as StatusTypeLabels,
   ua as Stepper,
   P0 as Switch,
-  q0 as TabMenu,
+  G0 as TabMenu,
   ha as Table,
   ga as Tabs,
   fa as Tag,
@@ -11898,16 +11902,16 @@ export {
   Ea as ThreeItemLayout,
   Ot as Toast,
   Zt as ToastType,
-  Q0 as Toaster,
+  J0 as Toaster,
   l4 as ToasterContext,
-  we as Tooltip,
+  Le as Tooltip,
   $a as TwoItemLayout,
-  G0 as UserMenu,
+  W0 as UserMenu,
   h0 as UtilityButton,
   $0 as VerticalEmptyState,
   pa as VerticalStepper,
   bt as VideoEmbed,
-  W0 as WorkspaceSelector,
+  K0 as WorkspaceSelector,
   r0 as iconList,
   Je as isHeadingItemType,
   Ve as isLinkItemType,
@@ -11919,7 +11923,7 @@ export {
   Ue as useDropdown,
   q2 as useKeyPress,
   ya as useMediaQuery,
-  J0 as useToast,
+  ea as useToast,
   za as useWindowWidth
 };
 //# sourceMappingURL=index.js.map