@protonradio/proton-ui 0.6.18-beta.13 → 0.6.18-beta.14

package/dist/index.es.js

@@ -1,13 +1,13 @@
 import g, { useLayoutEffect as pr, useState as D, useRef as S, createElement as Qt, useEffect as F, createContext as O, useContext as A, useMemo as oe, isValidElement as hr, forwardRef as fe, useCallback as ne, cloneElement as vr } from "react";
 import en, { createPortal as tn } from "react-dom";
-import { useMenu as nn, useOverlay as mr, FocusScope as pt, useMenuItem as rn, useButton as De, useRadioGroup as br, useRadio as gr, VisuallyHidden as on, useDialog as yr, useTextField as xr, useClipboard as $r, useSearchField as _r, useOverlayTrigger as Sr, usePopover as Er, Overlay as wr, DismissButton as Cr, useFocusRing as we, useHover as Rr, useId as Lt, mergeProps as me, useMenuTrigger as Pr, useMenuSection as Tr, useTooltipTrigger as jr, OverlayContainer as Nr, useOverlayPosition as Mr, useTooltip as kr, useListBox as Ar, useOption as Or, useSelect as an, HiddenSelect as ln, useSwitch as Ir, useTableHeaderRow as Dr, useTableColumnHeader as Lr, useTableRowGroup as Br, useTableRow as Vr, useTableCell as Hr, useTable as Kr } from "react-aria";
+import { useMenu as nn, useOverlay as mr, FocusScope as pt, useMenuItem as rn, useButton as Le, useRadioGroup as br, useRadio as gr, VisuallyHidden as on, useDialog as yr, useTextField as xr, useClipboard as $r, useSearchField as _r, useOverlayTrigger as Sr, usePopover as Er, Overlay as wr, DismissButton as Cr, useFocusRing as Ce, useHover as Rr, useId as Lt, mergeProps as me, useMenuTrigger as Pr, useMenuSection as Tr, useTooltipTrigger as jr, OverlayContainer as Nr, useOverlayPosition as Mr, useTooltip as kr, useListBox as Ar, useOption as Or, useSelect as an, HiddenSelect as ln, useSwitch as Ir, useTableHeaderRow as Dr, useTableColumnHeader as Lr, useTableRowGroup as Br, useTableRow as Vr, useTableCell as Hr, useTable as Kr } from "react-aria";
 import { useTreeState as sn, Item as ht, useRadioGroupState as Wr, useOverlayTriggerState as Fr, useMenuTriggerState as Gr, useTooltipTriggerState as cn, useSelectState as un, useToggleState as Ur, useTableState as zr } from "react-stately";
-import { b as E, i as vt, h as dn } from "./utils-B5na7vwh.mjs";
+import { b as w, i as vt, h as dn } from "./utils-DPt5Em4t.mjs";
 import { THEMES as le, BREAKPOINTS as fn } from "./constants.es.js";
-import { transparentize as de, toRgba as Xe } from "color2k";
-import { G as Q, S as Ne, W as Me, D as ke, B as Yr } from "./colors-Dwh4VIMR.mjs";
+import { transparentize as de, toRgba as $e } from "color2k";
+import { G as Q, S as Me, W as ke, D as Ae, B as Yr } from "./colors-Dwh4VIMR.mjs";
 import { c as Na } from "./colors-Dwh4VIMR.mjs";
-var rt = { exports: {} }, $e = {};
+var rt = { exports: {} }, _e = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -19,7 +19,7 @@ var rt = { exports: {} }, $e = {};
  */
 var Bt;
 function qr() {
-  if (Bt) return $e;
+  if (Bt) return _e;
   Bt = 1;
   var t = g, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(c, u, f) {
@@ -29,9 +29,9 @@ function qr() {
     if (c && c.defaultProps) for (d in u = c.defaultProps, u) h[d] === void 0 && (h[d] = u[d]);
     return { $$typeof: e, type: c, key: p, ref: v, props: h, _owner: o.current };
   }
-  return $e.Fragment = n, $e.jsx = l, $e.jsxs = l, $e;
+  return _e.Fragment = n, _e.jsx = l, _e.jsxs = l, _e;
 }
-var _e = {};
+var Se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -51,7 +51,7 @@ function Jr() {
       var m = y && a[y] || a[x];
       return typeof m == "function" ? m : null;
     }
-    var w = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var E = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function R(a) {
       {
         for (var m = arguments.length, b = new Array(m > 1 ? m - 1 : 0), _ = 1; _ < m; _++)
@@ -61,7 +61,7 @@ function Jr() {
     }
     function j(a, m, b) {
       {
-        var _ = w.ReactDebugCurrentFrame, N = _.getStackAddendum();
+        var _ = E.ReactDebugCurrentFrame, N = _.getStackAddendum();
         N !== "" && (m += "%s", b = b.concat([N]));
         var k = b.map(function(T) {
           return String(T);
@@ -195,39 +195,39 @@ function Jr() {
         B < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ke = w.ReactCurrentDispatcher, We;
-    function Re(a, m, b) {
+    var We = E.ReactCurrentDispatcher, Fe;
+    function Pe(a, m, b) {
       {
-        if (We === void 0)
+        if (Fe === void 0)
           try {
             throw Error();
           } catch (N) {
             var _ = N.stack.trim().match(/\n( *(at )?)/);
-            We = _ && _[1] || "";
+            Fe = _ && _[1] || "";
           }
         return `
-` + We + a;
+` + Fe + a;
       }
     }
-    var Fe = !1, Pe;
+    var Ge = !1, Te;
     {
       var Kn = typeof WeakMap == "function" ? WeakMap : Map;
-      Pe = new Kn();
+      Te = new Kn();
     }
     function Et(a, m) {
-      if (!a || Fe)
+      if (!a || Ge)
         return "";
       {
-        var b = Pe.get(a);
+        var b = Te.get(a);
         if (b !== void 0)
           return b;
       }
       var _;
-      Fe = !0;
+      Ge = !0;
       var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var k;
-      k = Ke.current, Ke.current = null, Vn();
+      k = We.current, We.current = null, Vn();
       try {
         if (m) {
           var T = function() {
@@ -273,17 +273,17 @@ function Jr() {
                   if (V--, K--, K < 0 || C[V] !== J[K]) {
                     var ee = `
 ` + C[V].replace(" at new ", " at ");
-                    return a.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", a.displayName)), typeof a == "function" && Pe.set(a, ee), ee;
+                    return a.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", a.displayName)), typeof a == "function" && Te.set(a, ee), ee;
                   }
                 while (V >= 1 && K >= 0);
               break;
             }
         }
       } finally {
-        Fe = !1, Ke.current = k, Hn(), Error.prepareStackTrace = N;
+        Ge = !1, We.current = k, Hn(), Error.prepareStackTrace = N;
       }
-      var ve = a ? a.displayName || a.name : "", ue = ve ? Re(ve) : "";
-      return typeof a == "function" && Pe.set(a, ue), ue;
+      var ve = a ? a.displayName || a.name : "", ue = ve ? Pe(ve) : "";
+      return typeof a == "function" && Te.set(a, ue), ue;
     }
     function Wn(a, m, b) {
       return Et(a, !1);
@@ -292,39 +292,39 @@ function Jr() {
       var m = a.prototype;
       return !!(m && m.isReactComponent);
     }
-    function Te(a, m, b) {
+    function je(a, m, b) {
       if (a == null)
         return "";
       if (typeof a == "function")
         return Et(a, Fn(a));
       if (typeof a == "string")
-        return Re(a);
+        return Pe(a);
       switch (a) {
         case f:
-          return Re("Suspense");
+          return Pe("Suspense");
         case d:
-          return Re("SuspenseList");
+          return Pe("SuspenseList");
       }
       if (typeof a == "object")
         switch (a.$$typeof) {
           case u:
             return Wn(a.render);
           case h:
-            return Te(a.type, m, b);
+            return je(a.type, m, b);
           case p: {
             var _ = a, N = _._payload, k = _._init;
             try {
-              return Te(k(N), m, b);
+              return je(k(N), m, b);
             } catch {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, wt = {}, Ct = w.ReactDebugCurrentFrame;
-    function je(a) {
+    var ye = Object.prototype.hasOwnProperty, wt = {}, Ct = E.ReactDebugCurrentFrame;
+    function Ne(a) {
       if (a) {
-        var m = a._owner, b = Te(a.type, a._source, m ? m.type : null);
+        var m = a._owner, b = je(a.type, a._source, m ? m.type : null);
         Ct.setExtraStackFrame(b);
       } else
         Ct.setExtraStackFrame(null);
@@ -344,12 +344,12 @@ function Jr() {
             } catch (V) {
               C = V;
             }
-            C && !(C instanceof Error) && (je(N), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", _ || "React class", b, T, typeof C), je(null)), C instanceof Error && !(C.message in wt) && (wt[C.message] = !0, je(N), R("Failed %s type: %s", b, C.message), je(null));
+            C && !(C instanceof Error) && (Ne(N), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", _ || "React class", b, T, typeof C), Ne(null)), C instanceof Error && !(C.message in wt) && (wt[C.message] = !0, Ne(N), R("Failed %s type: %s", b, C.message), Ne(null));
           }
       }
     }
     var Un = Array.isArray;
-    function Ge(a) {
+    function Ue(a) {
       return Un(a);
     }
     function zn(a) {
@@ -372,13 +372,13 @@ function Jr() {
       if (Yn(a))
         return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", zn(a)), Rt(a);
     }
-    var xe = w.ReactCurrentOwner, qn = {
+    var xe = E.ReactCurrentOwner, qn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Tt, jt, Ue;
-    Ue = {};
+    }, Tt, jt, ze;
+    ze = {};
     function Jn(a) {
       if (ye.call(a, "ref")) {
         var m = Object.getOwnPropertyDescriptor(a, "ref").get;
@@ -398,7 +398,7 @@ function Jr() {
     function Zn(a, m) {
       if (typeof a.ref == "string" && xe.current && m && xe.current.stateNode !== m) {
         var b = H(xe.current.type);
-        Ue[b] || (R('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', H(xe.current.type), a.ref), Ue[b] = !0);
+        ze[b] || (R('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', H(xe.current.type), a.ref), ze[b] = !0);
       }
     }
     function Qn(a, m) {
@@ -470,23 +470,23 @@ function Jr() {
         return tr(a, C, J, N, _, xe.current, T);
       }
     }
-    var ze = w.ReactCurrentOwner, Nt = w.ReactDebugCurrentFrame;
+    var Ye = E.ReactCurrentOwner, Nt = E.ReactDebugCurrentFrame;
     function he(a) {
       if (a) {
-        var m = a._owner, b = Te(a.type, a._source, m ? m.type : null);
+        var m = a._owner, b = je(a.type, a._source, m ? m.type : null);
         Nt.setExtraStackFrame(b);
       } else
         Nt.setExtraStackFrame(null);
     }
-    var Ye;
-    Ye = !1;
-    function qe(a) {
+    var qe;
+    qe = !1;
+    function Je(a) {
       return typeof a == "object" && a !== null && a.$$typeof === e;
     }
     function Mt() {
       {
-        if (ze.current) {
-          var a = H(ze.current.type);
+        if (Ye.current) {
+          var a = H(Ye.current.type);
           if (a)
             return `
 
@@ -521,25 +521,25 @@ Check the top-level render call using <` + b + ">.");
           return;
         kt[b] = !0;
         var _ = "";
-        a && a._owner && a._owner !== ze.current && (_ = " It was passed a child from " + H(a._owner.type) + "."), he(a), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, _), he(null);
+        a && a._owner && a._owner !== Ye.current && (_ = " It was passed a child from " + H(a._owner.type) + "."), he(a), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, _), he(null);
       }
     }
     function Ot(a, m) {
       {
         if (typeof a != "object")
           return;
-        if (Ge(a))
+        if (Ue(a))
           for (var b = 0; b < a.length; b++) {
             var _ = a[b];
-            qe(_) && At(_, m);
+            Je(_) && At(_, m);
           }
-        else if (qe(a))
+        else if (Je(a))
           a._store && (a._store.validated = !0);
         else if (a) {
           var N = $(a);
           if (typeof N == "function" && N !== a.entries)
             for (var k = N.call(a), T; !(T = k.next()).done; )
-              qe(T.value) && At(T.value, m);
+              Je(T.value) && At(T.value, m);
         }
       }
     }
@@ -560,8 +560,8 @@ Check the top-level render call using <` + b + ">.");
         if (b) {
           var _ = H(m);
           Gn(b, a.props, "prop", _, a);
-        } else if (m.PropTypes !== void 0 && !Ye) {
-          Ye = !0;
+        } else if (m.PropTypes !== void 0 && !qe) {
+          qe = !0;
           var N = H(m);
           R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
@@ -590,7 +590,7 @@ Check the top-level render call using <` + b + ">.");
           var J = rr();
           J ? C += J : C += Mt();
           var V;
-          a === null ? V = "null" : Ge(a) ? V = "array" : a !== void 0 && a.$$typeof === e ? (V = "<" + (H(a.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : V = typeof a, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", V, C);
+          a === null ? V = "null" : Ue(a) ? V = "array" : a !== void 0 && a.$$typeof === e ? (V = "<" + (H(a.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : V = typeof a, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", V, C);
         }
         var K = nr(a, m, b, N, k);
         if (K == null)
@@ -599,7 +599,7 @@ Check the top-level render call using <` + b + ">.");
           var ee = m.children;
           if (ee !== void 0)
             if (_)
-              if (Ge(ee)) {
+              if (Ue(ee)) {
                 for (var ve = 0; ve < ee.length; ve++)
                   Ot(ee[ve], a);
                 Object.freeze && Object.freeze(ee);
@@ -611,15 +611,15 @@ Check the top-level render call using <` + b + ">.");
         if (ye.call(m, "key")) {
           var ue = H(a), X = Object.keys(m).filter(function(fr) {
             return fr !== "key";
-          }), Je = X.length > 0 ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!It[ue + Je]) {
+          }), Xe = X.length > 0 ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!It[ue + Xe]) {
             var dr = X.length > 0 ? "{" + X.join(": ..., ") + ": ...}" : "{}";
             R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Je, ue, dr, ue), It[ue + Je] = !0;
+  <%s key={someKey} {...props} />`, Xe, ue, dr, ue), It[ue + Xe] = !0;
           }
         }
         return a === r ? ar(K) : ir(K), K;
@@ -632,8 +632,8 @@ React keys must be passed directly to JSX without using spread:
       return Dt(a, m, b, !1);
     }
     var cr = sr, ur = lr;
-    _e.Fragment = r, _e.jsx = cr, _e.jsxs = ur;
-  }()), _e;
+    Se.Fragment = r, Se.jsx = cr, Se.jsxs = ur;
+  }()), Se;
 }
 process.env.NODE_ENV === "production" ? rt.exports = qr() : rt.exports = Jr();
 var s = rt.exports;
@@ -669,8 +669,8 @@ const Zr = ({ children: t }) => {
   "data-testid": h
 }) => {
   Xr(e);
-  const { className: p, theme: v } = ie(), [y, x] = D(!1), [$, w] = D(0), R = S(null), j = S(null), P = S(window.location.pathname), L = c && c.length > 0, M = () => {
-    x(!0), w(0), setTimeout(() => {
+  const { className: p, theme: v } = ie(), [y, x] = D(!1), [$, E] = D(0), R = S(null), j = S(null), P = S(window.location.pathname), L = c && c.length > 0, M = () => {
+    x(!0), E(0), setTimeout(() => {
       d == null || d(), x(!1);
     }, 300);
   }, G = L ? sn({
@@ -706,7 +706,7 @@ const Zr = ({ children: t }) => {
     j
   );
   F(() => {
-    e && R.current && w(R.current.scrollHeight);
+    e && R.current && E(R.current.scrollHeight);
   }, [e, R]), F(() => {
     const I = (H) => {
       H.key === "Escape" && M();
@@ -741,14 +741,14 @@ const Zr = ({ children: t }) => {
       "div",
       {
         "data-testid": h || "ActionMenu-wrapper",
-        className: E(
+        className: w(
           "proton-ActionMenu__wrapper",
           te && "proton-ActionMenu__wrapper--scrollable"
         ),
         children: /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: E("proton-ActionMenu__card", p),
+            className: w("proton-ActionMenu__card", p),
             "data-testid": "ActionMenu-content",
             style: { height: `${$}px` },
             children: /* @__PURE__ */ s.jsx("div", { ref: j, children: /* @__PURE__ */ s.jsx("div", { ...z, ref: R, children: ce ? /* @__PURE__ */ s.jsxs(pt, { autoFocus: !0, contain: !0, children: [
@@ -756,7 +756,7 @@ const Zr = ({ children: t }) => {
               L && /* @__PURE__ */ s.jsx(
                 "div",
                 {
-                  className: E(
+                  className: w(
                     "proton-ActionMenu__list",
                     n === "none" && "proton-ActionMenu__list--disabled"
                   ),
@@ -856,7 +856,7 @@ function to(t) {
   const e = de(t.PRIMARY.PRIMARY_LIGHTEST, 0.4), n = de(t.PRIMARY.PRIMARY_LIGHTEST, 0.8);
   return {
     [le.DARK]: {
-      "--proton-control__background-color": Xe(Ze),
+      "--proton-control__background-color": $e(Ze),
       "--proton-control__text-color": Q.WHITE,
       "--proton-control__border-color": Q.GRAY_DARK,
       "--proton-control__shadow-color": Q.GRAY_DARK,
@@ -869,7 +869,7 @@ function to(t) {
       "--proton-control__text-color": Q.GRAY_DARK,
       "--proton-control__border-color": Q.GRAY_LIGHT,
       "--proton-control__shadow-color": de(
-        Xe(Ze),
+        $e(Ze),
         0.9
       ),
       "--proton-color__primary": t.BRAND.PRIMARY,
@@ -877,10 +877,10 @@ function to(t) {
       "--proton-color__secondary": t.BRAND.SECONDARY
     },
     [le.CUSTOM_DARK]: {
-      "--proton-control__background-color": Xe(Ze),
+      "--proton-control__background-color": $e(Ze),
       "--proton-control__text-color": Q.WHITE,
-      "--proton-control__border-color": n,
-      "--proton-control__shadow-color": e,
+      "--proton-control__border-color": $e(n),
+      "--proton-control__shadow-color": $e(e),
       "--proton-color__primary": t.BRAND.PRIMARY,
       "--proton-color__primary-light": t.BRAND.PRIMARY_LIGHT,
       "--proton-color__secondary": t.BRAND.SECONDARY
@@ -902,7 +902,7 @@ const ua = {
       role: "status",
       "aria-live": "polite",
       "data-testid": n["data-testid"],
-      className: E(
+      className: w(
         "proton-Badge",
         t && `proton-Badge--${t}`,
         r
@@ -923,7 +923,7 @@ function vn({
   const c = e ? "a" : "button", u = c !== "a" ? {} : {
     target: "_blank",
     href: e
-  }, f = S(null), { buttonProps: d } = De(
+  }, f = S(null), { buttonProps: d } = Le(
     {
       onPress: n,
       elementType: c,
@@ -937,7 +937,7 @@ function vn({
     {
       ...d,
       ...u,
-      className: E(
+      className: w(
         "proton-Button",
         `proton-Button--${t}`,
         o && "proton-Button--disabled"
@@ -985,41 +985,41 @@ const mn = {
     icon: Q.GRAY_MEDIUM_LIGHT
   },
   success: {
-    background: Ne.SUPER_LIGHT,
-    title: Ne.DARK,
-    content: Ne.MEDIUM,
-    icon: Ne.LIGHT
-  },
-  warning: {
     background: Me.SUPER_LIGHT,
     title: Me.DARK,
     content: Me.MEDIUM,
     icon: Me.LIGHT
   },
-  danger: {
+  warning: {
     background: ke.SUPER_LIGHT,
     title: ke.DARK,
     content: ke.MEDIUM,
     icon: ke.LIGHT
+  },
+  danger: {
+    background: Ae.SUPER_LIGHT,
+    title: Ae.DARK,
+    content: Ae.MEDIUM,
+    icon: Ae.LIGHT
   }
 }, ro = {
   default: "default",
   success: "success",
   warning: "warning",
   danger: "danger"
-}, Le = O(void 0), se = ({
+}, Be = O(void 0), se = ({
   variant: t = "default",
   rounded: e = !0,
   icon: n = !1,
   compact: r = !0,
   children: o,
   ...i
-}) => /* @__PURE__ */ s.jsx(Le.Provider, { value: t, children: /* @__PURE__ */ s.jsx(
+}) => /* @__PURE__ */ s.jsx(Be.Provider, { value: t, children: /* @__PURE__ */ s.jsx(
   "div",
   {
     role: "status",
     "aria-live": "polite",
-    className: E(
+    className: w(
       "proton-Banner",
       `proton-Banner--${t}`,
       e && "proton-Banner--rounded"
@@ -1028,7 +1028,7 @@ const mn = {
     children: /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: E(
+        className: w(
           "proton-Banner__wrapper",
           r && "proton-Banner__wrapper--compact"
         ),
@@ -1040,12 +1040,12 @@ const mn = {
     )
   }
 ) }), oo = ({ children: t, ...e }) => {
-  const n = A(Le);
+  const n = A(Be);
   if (!n) throw new Error("BannerTitle must be used within a Banner");
   return /* @__PURE__ */ s.jsx(
     "h3",
     {
-      className: E(
+      className: w(
         "proton-Banner",
         "proton-Banner__title",
         `proton-Banner--${n}__title`
@@ -1055,12 +1055,12 @@ const mn = {
     }
   );
 }, io = ({ children: t, ...e }) => {
-  const n = A(Le);
+  const n = A(Be);
   if (!n) throw new Error("BannerContent must be used within a Banner");
   return /* @__PURE__ */ s.jsx(
     "p",
     {
-      className: E(
+      className: w(
         "proton-Banner",
         "proton-Banner__content",
         `proton-Banner--${n}__content`
@@ -1070,7 +1070,7 @@ const mn = {
     }
   );
 }, ao = ({ children: t, icon: e, ...n }) => {
-  const r = A(Le);
+  const r = A(Be);
   if (!r) throw new Error("BannerIcon must be used within a Banner");
   const i = hr(e) ? e : e === !0 ? mn[r] : t || null;
   return i ? /* @__PURE__ */ s.jsx(
@@ -1078,7 +1078,7 @@ const mn = {
     {
       "aria-hidden": "true",
       "data-testid": n["data-testid"],
-      className: E("proton-Banner__icon", `proton-Banner--${r}__icon`),
+      className: w("proton-Banner__icon", `proton-Banner--${r}__icon`),
       children: i
     }
   ) : null;
@@ -1116,7 +1116,7 @@ co.Option = function(e) {
   return /* @__PURE__ */ s.jsxs(
     "label",
     {
-      className: E(
+      className: w(
         "proton-ButtonGroup__option",
         l && "proton-ButtonGroup__option--selected"
       ),
@@ -1132,7 +1132,7 @@ co.Option = function(e) {
 function fa({ title: t, children: e, ...n }) {
   let r = S(null), { dialogProps: o, titleProps: i } = yr(n, r);
   const { className: l } = ie();
-  return /* @__PURE__ */ s.jsxs("div", { ...o, ref: r, className: E("proton-Dialog", l), children: [
+  return /* @__PURE__ */ s.jsxs("div", { ...o, ref: r, className: w("proton-Dialog", l), children: [
     t && /* @__PURE__ */ s.jsx("h3", { ...i, className: "proton-Dialog__header", children: t }),
     e
   ] });
@@ -1178,7 +1178,7 @@ const po = fe(
     autoComplete: v,
     "data-testid": y
   }, x) => {
-    const $ = S(null), { className: w, palette: R, theme: j } = ie(), P = x || $, { labelProps: L, inputProps: M, descriptionProps: G, errorMessageProps: z } = xr(
+    const $ = S(null), { className: E, palette: R, theme: j } = ie(), P = x || $, { labelProps: L, inputProps: M, descriptionProps: G, errorMessageProps: z } = xr(
       {
         label: c,
         name: u,
@@ -1217,7 +1217,7 @@ const po = fe(
         t && /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: E(
+            className: w(
               "proton-Input__descriptor",
               "proton-Input__prefix"
             ),
@@ -1234,11 +1234,11 @@ const po = fe(
             "aria-invalid": !!i,
             ref: P,
             style: te,
-            className: E(
+            className: w(
               "proton-Input",
               i && "proton-Input--error",
               c && !f && "proton-Input__label-top",
-              w
+              E
             )
           }
         ),
@@ -1246,7 +1246,7 @@ const po = fe(
           "label",
           {
             ...L,
-            className: E(
+            className: w(
               "proton-Input__label",
               f && "proton-Input__label--hide",
               h && "proton-Input__label--filled"
@@ -1257,7 +1257,7 @@ const po = fe(
         e && /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: E(
+            className: w(
               "proton-Input__descriptor",
               "proton-Input__suffix"
             ),
@@ -1270,7 +1270,7 @@ const po = fe(
         {
           ...z,
           role: "alert",
-          className: E("proton-Input__error", "proton-Input__text"),
+          className: w("proton-Input__error", "proton-Input__text"),
           id: `${u}-error`,
           children: i
         }
@@ -1330,7 +1330,7 @@ const ha = ({
   const d = vo({
     defaultValue: i,
     value: l,
-    onChange: (w) => u == null ? void 0 : u(w),
+    onChange: (E) => u == null ? void 0 : u(E),
     onClear: () => f == null ? void 0 : f(),
     label: e
   }), h = S(null), { inputProps: p, clearButtonProps: v } = _r(
@@ -1351,7 +1351,7 @@ const ha = ({
         {
           ...p,
           type: "search",
-          onChange: (w) => d.setValue(w),
+          onChange: (E) => d.setValue(E),
           value: y,
           name: t,
           placeholder: e,
@@ -1366,8 +1366,8 @@ const ha = ({
               height: "1.6em",
               viewBox: "0 0 24 24",
               onClick: () => {
-                var w;
-                return (w = h.current) == null ? void 0 : w.focus();
+                var E;
+                return (E = h.current) == null ? void 0 : E.focus();
               },
               children: [
                 /* @__PURE__ */ s.jsx("title", { children: "Magnifying Glass" }),
@@ -1386,7 +1386,7 @@ const ha = ({
             {
               "aria-label": v["aria-label"],
               type: "button",
-              className: E(
+              className: w(
                 "proton-SearchInput__button",
                 "proton-Input__descriptor",
                 "proton-Input__suffix",
@@ -1394,8 +1394,8 @@ const ha = ({
               ),
               "data-testid": `${c}-clear`,
               onClick: () => {
-                var w;
-                $(), (w = h.current) == null || w.focus();
+                var E;
+                $(), (E = h.current) == null || E.focus();
               },
               children: /* @__PURE__ */ s.jsxs(
                 "svg",
@@ -1435,7 +1435,7 @@ function va(t) {
     { type: "dialog" },
     n,
     e
-  ), { buttonProps: i } = De(r, e);
+  ), { buttonProps: i } = Le(r, e);
   return { buttonProps: i, overlayProps: o, buttonRef: e, state: n };
 }
 function mt({
@@ -1461,7 +1461,7 @@ function mt({
       {
         ...f,
         ref: l,
-        className: E("proton-Popover", c),
+        className: w("proton-Popover", c),
         style: { ...u, ...f.style },
         "data-testid": o["data-testid"] || void 0,
         children: [
@@ -1643,7 +1643,7 @@ class gn {
     this._firstChild = null, this._lastChild = null, this._previousSibling = null, this._nextSibling = null, this._parentNode = null, this.ownerDocument = e;
   }
 }
-class Se extends gn {
+class Ee extends gn {
   get index() {
     return this._index;
   }
@@ -1651,12 +1651,12 @@ class Se extends gn {
     this._index = e, this.ownerDocument.markDirty(this);
   }
   get level() {
-    return this.parentNode instanceof Se ? this.parentNode.level + (this.node.type === "item" ? 1 : 0) : 0;
+    return this.parentNode instanceof Ee ? this.parentNode.level + (this.node.type === "item" ? 1 : 0) : 0;
   }
   updateNode() {
     var e, n, r, o;
     let i = this.ownerDocument.getMutableNode(this);
-    i.index = this.index, i.level = this.level, i.parentKey = this.parentNode instanceof Se ? this.parentNode.node.key : null;
+    i.index = this.index, i.level = this.level, i.parentKey = this.parentNode instanceof Ee ? this.parentNode.node.key : null;
     var l;
     i.prevKey = (l = (e = this.previousSibling) === null || e === void 0 ? void 0 : e.node.key) !== null && l !== void 0 ? l : null;
     var c;
@@ -1694,7 +1694,7 @@ class bo extends gn {
     return this.isMounted;
   }
   createElement(e) {
-    return new Se(e, this);
+    return new Ee(e, this);
   }
   /**
   * Lazily gets a mutable instance of a Node. If the node has already
@@ -1733,7 +1733,7 @@ class bo extends gn {
     return this.transactionCount > 0 ? this.collection : (this.updateCollection(), this.collection);
   }
   updateCollection() {
-    for (let i of this.dirtyNodes) i instanceof Se && i.isConnected && i.updateNode();
+    for (let i of this.dirtyNodes) i instanceof Ee && i.isConnected && i.updateNode();
     if (this.dirtyNodes.clear(), this.mutatedNodes.size || this.collectionMutated) {
       var e, n;
       let i = this.getMutableCollection();
@@ -1789,10 +1789,10 @@ function yn(t) {
     o
   ]);
 }
-const Oe = {
+const Ie = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, xn = /* @__PURE__ */ g.createContext(Oe), go = /* @__PURE__ */ g.createContext(!1);
+}, xn = /* @__PURE__ */ g.createContext(Ie), go = /* @__PURE__ */ g.createContext(!1);
 let yo = !!(typeof window < "u" && window.document && window.document.createElement), Qe = /* @__PURE__ */ new WeakMap();
 function xo(t = !1) {
   let e = A(xn), n = S(null);
@@ -1812,12 +1812,12 @@ function xo(t = !1) {
 }
 function $o(t) {
   let e = A(xn);
-  e === Oe && !yo && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
-  let n = xo(!!t), r = e === Oe && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${e.prefix}`;
+  e === Ie && !yo && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let n = xo(!!t), r = e === Ie && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${e.prefix}`;
   return t || `${r}-${n}`;
 }
 function _o(t) {
-  let e = g.useId(), [n] = D(Be()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${Oe.prefix}`;
+  let e = g.useId(), [n] = D(Ve()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${Ie.prefix}`;
   return t || `${r}-${e}`;
 }
 g.useId;
@@ -1831,7 +1831,7 @@ function wo(t) {
   return () => {
   };
 }
-function Be() {
+function Ve() {
   return typeof g.useSyncExternalStore == "function" ? g.useSyncExternalStore(wo, So, Eo) : A(go);
 }
 if (typeof HTMLTemplateElement < "u") {
@@ -1846,7 +1846,7 @@ if (typeof HTMLTemplateElement < "u") {
 }
 const ot = /* @__PURE__ */ O(!1), Co = typeof DocumentFragment < "u" ? new DocumentFragment() : null;
 function Ro(t) {
-  let e = A(ot), n = Be();
+  let e = A(ot), n = Ve();
   if (e)
     return /* @__PURE__ */ g.createElement(g.Fragment, null, t.children);
   let r = /* @__PURE__ */ g.createElement(ot.Provider, {
@@ -1947,7 +1947,7 @@ function gt(t, e = {}) {
   for (const l in t) Object.prototype.hasOwnProperty.call(t, l) && (Ao.has(l) || n && Oo.has(l) || r && Io.has(l) || o != null && o.has(l) || Do.test(l)) && (i[l] = t[l]);
   return i;
 }
-function Ve(t) {
+function He(t) {
   const e = S(null);
   return oe(() => ({
     get current() {
@@ -2117,18 +2117,18 @@ function Ko() {
     function y(j, P, L) {
       return P();
     }
-    var x = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", $ = !x, w = $ ? y : p, R = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : w;
+    var x = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", $ = !x, E = $ ? y : p, R = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : E;
     tt.useSyncExternalStore = R, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
   }()), tt;
 }
 process.env.NODE_ENV === "production" ? it.exports = Ho() : it.exports = Ko();
 var Wo = it.exports;
-const Sn = /* @__PURE__ */ O(!1), Ee = /* @__PURE__ */ O(null);
+const Sn = /* @__PURE__ */ O(!1), we = /* @__PURE__ */ O(null);
 function Fo(t) {
-  if (A(Ee))
+  if (A(we))
     return t.content;
   let { collection: n, document: r } = Yo(t.createCollection);
-  return /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(Ro, null, /* @__PURE__ */ g.createElement(Ee.Provider, {
+  return /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(Ro, null, /* @__PURE__ */ g.createElement(we.Provider, {
     value: r
   }, t.content)), /* @__PURE__ */ g.createElement(Go, {
     render: t.children,
@@ -2139,7 +2139,7 @@ function Go({ collection: t, render: e }) {
   return e(t);
 }
 function Uo(t, e, n) {
-  let r = Be(), o = S(r);
+  let r = Ve(), o = S(r);
   o.current = r;
   let i = ne(() => o.current ? n() : e(), [
     e,
@@ -2213,7 +2213,7 @@ function Zo(t) {
     idScope: r,
     dependencies: n
   });
-  return A(Ee) && (o = /* @__PURE__ */ g.createElement(Qo, null, o)), e = oe(() => ({
+  return A(we) && (o = /* @__PURE__ */ g.createElement(Qo, null, o)), e = oe(() => ({
     dependencies: n,
     idScope: r
   }), [
@@ -2224,14 +2224,14 @@ function Zo(t) {
   }, o);
 }
 function Qo({ children: t }) {
-  let e = A(Ee), n = oe(() => /* @__PURE__ */ g.createElement(Ee.Provider, {
+  let e = A(we), n = oe(() => /* @__PURE__ */ g.createElement(we.Provider, {
     value: null
   }, /* @__PURE__ */ g.createElement(Sn.Provider, {
     value: !0
   }, t)), [
     t
   ]);
-  return Be() ? /* @__PURE__ */ g.createElement(at.Provider, {
+  return Ve() ? /* @__PURE__ */ g.createElement(at.Provider, {
     value: e
   }, n) : /* @__PURE__ */ tn(n, e);
 }
@@ -2275,7 +2275,7 @@ function ni(t) {
   ]);
 }
 const Yt = Symbol("default");
-function He({ values: t, children: e }) {
+function Ke({ values: t, children: e }) {
   for (let [n, r] of t)
     e = /* @__PURE__ */ g.createElement(n.Provider, {
       value: r
@@ -2328,8 +2328,8 @@ function wn(t, e) {
   }
   return n;
 }
-function Ce(t, e, n) {
-  let r = wn(n, t.slot) || {}, { ref: o, ...i } = r, l = Ve(oe(() => ko(e, o), [
+function Re(t, e, n) {
+  let r = wn(n, t.slot) || {}, { ref: o, ...i } = r, l = He(oe(() => ko(e, o), [
     e,
     o
   ])), c = _n(i, t);
@@ -2452,8 +2452,8 @@ const si = /* @__PURE__ */ new Set([
   "value"
 ]), ci = /* @__PURE__ */ O({});
 function ui(t, e) {
-  [t, e] = Ce(t, e, ci), t = di(t);
-  let n = t, { isPending: r } = n, { buttonProps: o, isPressed: i } = De(t, e), { focusProps: l, isFocused: c, isFocusVisible: u } = we(t), { hoverProps: f, isHovered: d } = Rr({
+  [t, e] = Re(t, e, ci), t = di(t);
+  let n = t, { isPending: r } = n, { buttonProps: o, isPressed: i } = Le(t, e), { focusProps: l, isFocused: c, isFocusVisible: u } = Ce(t), { hoverProps: f, isHovered: d } = Rr({
     ...t,
     isDisabled: t.isDisabled || r
   }), h = {
@@ -2471,10 +2471,10 @@ function ui(t, e) {
   r && (x ? x = `${x} ${y}` : o["aria-label"] && (x = `${v} ${y}`));
   let $ = S(r);
   return F(() => {
-    let w = {
+    let E = {
       "aria-labelledby": x || v
     };
-    (!$.current && c && r || $.current && c && !r) && qt(w, "assertive"), $.current = r;
+    (!$.current && c && r || $.current && c && !r) && qt(E, "assertive"), $.current = r;
   }, [
     r,
     c,
@@ -2513,7 +2513,7 @@ const Pn = /* @__PURE__ */ Po(ui), fi = /* @__PURE__ */ O({}), lt = g.createCont
 lt.displayName = "PressResponderContext";
 const pi = /* @__PURE__ */ g.forwardRef(({ children: t, ...e }, n) => {
   let r = S(!1), o = A(lt);
-  n = Ve(n || (o == null ? void 0 : o.ref));
+  n = He(n || (o == null ? void 0 : o.ref));
   let i = _n(o || {}, {
     ...e,
     ref: n,
@@ -2527,10 +2527,10 @@ const pi = /* @__PURE__ */ g.forwardRef(({ children: t, ...e }, n) => {
     value: i
   }, t);
 });
-let Ie = !1, nt = 0;
+let De = !1, nt = 0;
 function st() {
-  Ie = !0, setTimeout(() => {
-    Ie = !1;
+  De = !0, setTimeout(() => {
+    De = !1;
   }, 50);
 }
 function Jt(t) {
@@ -2571,13 +2571,13 @@ function vi(t) {
       }), n && n(!1), l(!1);
     }, p = {};
     return typeof PointerEvent < "u" ? (p.onPointerEnter = (v) => {
-      Ie && v.pointerType === "mouse" || d(v, v.pointerType);
+      De && v.pointerType === "mouse" || d(v, v.pointerType);
     }, p.onPointerLeave = (v) => {
       !o && v.currentTarget.contains(v.target) && h(v, v.pointerType);
     }) : (p.onTouchStart = () => {
       c.ignoreEmulatedMouseEvents = !0;
     }, p.onMouseEnter = (v) => {
-      !c.ignoreEmulatedMouseEvents && !Ie && d(v, "mouse"), c.ignoreEmulatedMouseEvents = !1;
+      !c.ignoreEmulatedMouseEvents && !De && d(v, "mouse"), c.ignoreEmulatedMouseEvents = !1;
     }, p.onMouseLeave = (v) => {
       !o && v.currentTarget.contains(v.target) && h(v, "mouse");
     }), {
@@ -2607,7 +2607,7 @@ function mi(t) {
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
   }), l = Kt((u) => {
-    n && Ae(u, e) && (o && o(u), i.current.isPointerDown = !0);
+    n && Oe(u, e) && (o && o(u), i.current.isPointerDown = !0);
   }), c = Kt((u) => {
     n && n(u);
   });
@@ -2617,16 +2617,16 @@ function mi(t) {
     const f = e.current, d = No(f);
     if (typeof PointerEvent < "u") {
       let h = (p) => {
-        u.isPointerDown && Ae(p, e) && c(p), u.isPointerDown = !1;
+        u.isPointerDown && Oe(p, e) && c(p), u.isPointerDown = !1;
       };
       return d.addEventListener("pointerdown", l, !0), d.addEventListener("pointerup", h, !0), () => {
         d.removeEventListener("pointerdown", l, !0), d.removeEventListener("pointerup", h, !0);
       };
     } else {
       let h = (v) => {
-        u.ignoreEmulatedMouseEvents ? u.ignoreEmulatedMouseEvents = !1 : u.isPointerDown && Ae(v, e) && c(v), u.isPointerDown = !1;
+        u.ignoreEmulatedMouseEvents ? u.ignoreEmulatedMouseEvents = !1 : u.isPointerDown && Oe(v, e) && c(v), u.isPointerDown = !1;
       }, p = (v) => {
-        u.ignoreEmulatedMouseEvents = !0, u.isPointerDown && Ae(v, e) && c(v), u.isPointerDown = !1;
+        u.ignoreEmulatedMouseEvents = !0, u.isPointerDown && Oe(v, e) && c(v), u.isPointerDown = !1;
       };
       return d.addEventListener("mousedown", l, !0), d.addEventListener("mouseup", h, !0), d.addEventListener("touchstart", l, !0), d.addEventListener("touchend", p, !0), () => {
         d.removeEventListener("mousedown", l, !0), d.removeEventListener("mouseup", h, !0), d.removeEventListener("touchstart", l, !0), d.removeEventListener("touchend", p, !0);
@@ -2639,7 +2639,7 @@ function mi(t) {
     c
   ]);
 }
-function Ae(t, e) {
+function Oe(t, e) {
   if (t.button > 0) return !1;
   if (t.target) {
     const n = t.target.ownerDocument;
@@ -2649,7 +2649,7 @@ function Ae(t, e) {
 }
 let bi = /* @__PURE__ */ g.createContext(null);
 function gi(t, e) {
-  let { children: n, ...r } = t, o = Ve(e), i = {
+  let { children: n, ...r } = t, o = He(e), i = {
     ...r,
     ref: o
   };
@@ -2662,7 +2662,7 @@ const xi = /* @__PURE__ */ O({}), $i = /* @__PURE__ */ O({}), Tn = /* @__PURE__
   placement: "bottom"
 });
 function _i(t, e) {
-  [t, e] = Ce(t, e, Tn);
+  [t, e] = Re(t, e, Tn);
   let n = t.placement, r = {
     position: "absolute",
     [n]: "100%",
@@ -2733,7 +2733,7 @@ function Ci(t) {
     onResize: c
   });
   let u = S(null);
-  return /* @__PURE__ */ g.createElement(He, {
+  return /* @__PURE__ */ g.createElement(Ke, {
     values: [
       [
         Nn,
@@ -2771,7 +2771,7 @@ function Ci(t) {
 }
 const Ri = /* @__PURE__ */ O(null);
 function Pi(t, e) {
-  return [t, e] = Ce(t, e, Nn), /* @__PURE__ */ g.createElement(Fo, {
+  return [t, e] = Re(t, e, Nn), /* @__PURE__ */ g.createElement(Fo, {
     content: /* @__PURE__ */ g.createElement(Zo, t)
   }, (n) => n.size > 0 && /* @__PURE__ */ g.createElement(Ti, {
     props: t,
@@ -2823,7 +2823,7 @@ function Ti({ props: t, collection: e, menuRef: n }) {
     ref: n,
     slot: t.slot || void 0,
     onScroll: t.onScroll
-  }, /* @__PURE__ */ g.createElement(He, {
+  }, /* @__PURE__ */ g.createElement(Ke, {
     values: [
       [
         yt,
@@ -2903,14 +2903,14 @@ function Ni(t, e, n) {
 }
 const ut = /* @__PURE__ */ O(null), Mi = /* @__PURE__ */ Jo("item", function(e, n, r) {
   var o;
-  [e, n] = Ce(e, n, ut);
-  let i = (o = wn(ut)) === null || o === void 0 ? void 0 : o.id, l = A(yt), c = Ve(n), { menuItemProps: u, labelProps: f, descriptionProps: d, keyboardShortcutProps: h, ...p } = rn({
+  [e, n] = Re(e, n, ut);
+  let i = (o = wn(ut)) === null || o === void 0 ? void 0 : o.id, l = A(yt), c = He(n), { menuItemProps: u, labelProps: f, descriptionProps: d, keyboardShortcutProps: h, ...p } = rn({
     ...e,
     id: i,
     key: r.key
-  }, l, c), { isFocusVisible: v, focusProps: y } = we(), { hoverProps: x, isHovered: $ } = vi({
+  }, l, c), { isFocusVisible: v, focusProps: y } = Ce(), { hoverProps: x, isHovered: $ } = vi({
     isDisabled: p.isDisabled
-  }), w = ge({
+  }), E = ge({
     ...e,
     id: void 0,
     children: r.rendered,
@@ -2927,7 +2927,7 @@ const ut = /* @__PURE__ */ O(null), Mi = /* @__PURE__ */ Jo("item", function(e,
   }), R = e.href ? "a" : "div";
   return /* @__PURE__ */ g.createElement(R, {
     ...me(u, y, x),
-    ...w,
+    ...E,
     ref: c,
     "data-disabled": p.isDisabled || void 0,
     "data-hovered": $ || void 0,
@@ -2938,7 +2938,7 @@ const ut = /* @__PURE__ */ O(null), Mi = /* @__PURE__ */ Jo("item", function(e,
     "data-selection-mode": l.selectionManager.selectionMode === "none" ? void 0 : l.selectionManager.selectionMode,
     "data-has-submenu": !!e["aria-haspopup"] || void 0,
     "data-open": e["aria-expanded"] === "true" || void 0
-  }, /* @__PURE__ */ g.createElement(He, {
+  }, /* @__PURE__ */ g.createElement(Ke, {
     values: [
       [
         fi,
@@ -2954,7 +2954,7 @@ const ut = /* @__PURE__ */ O(null), Mi = /* @__PURE__ */ Jo("item", function(e,
         h
       ]
     ]
-  }, w.children));
+  }, E.children));
 });
 function kn(t) {
   return null;
@@ -3120,7 +3120,7 @@ let Ai = In;
 const xt = /* @__PURE__ */ O(null), Dn = /* @__PURE__ */ O(null);
 function Oi(t) {
   let e = cn(t), n = S(null), { triggerProps: r, tooltipProps: o } = jr(t, e, n);
-  return /* @__PURE__ */ g.createElement(He, {
+  return /* @__PURE__ */ g.createElement(Ke, {
     values: [
       [
         xt,
@@ -3140,7 +3140,7 @@ function Oi(t) {
   }, t.children));
 }
 function Ii({ UNSTABLE_portalContainer: t, ...e }, n) {
-  [e, n] = Ce(e, n, Dn);
+  [e, n] = Re(e, n, Dn);
   let r = A(xt), o = cn(e), i = e.isOpen != null || e.defaultOpen != null || !r ? o : r, l = ii(n, i.isOpen) || e.isExiting || !1;
   return !i.isOpen && !l ? null : /* @__PURE__ */ g.createElement(Nr, {
     portalContainer: t
@@ -3292,8 +3292,8 @@ function xa({
                 target: "_blank",
                 rel: "noopener noreferrer",
                 onAction: () => {
-                  var w;
-                  (w = $.onAction) == null || w.call($, $.key), setTimeout(() => {
+                  var E;
+                  (E = $.onAction) == null || E.call($, $.key), setTimeout(() => {
                     h(!1);
                   }, 200);
                 },
@@ -3331,7 +3331,7 @@ function Vi({ item: t, state: e }) {
     "li",
     {
       ...r,
-      className: E(
+      className: w(
         "proton-ListBox__item",
         i && "proton-ListBox__item--focused",
         o && "proton-ListBox__item--selected",
@@ -3344,7 +3344,7 @@ function Vi({ item: t, state: e }) {
 }
 const Bn = fe(
   (t, e) => {
-    let { buttonProps: n } = De(
+    let { buttonProps: n } = Le(
       {
         ...t,
         isDisabled: t.disabled
@@ -3356,7 +3356,7 @@ const Bn = fe(
       {
         ...n,
         ref: e,
-        className: E(
+        className: w(
           "proton-Select__trigger",
           t.disabled && "proton-Select__trigger--disabled",
           !t.isOpen && "proton-Select__trigger--closed",
@@ -3392,7 +3392,7 @@ function Hi({
     onOpenChange: (j) => {
       j ? l == null || l() : c == null || c();
     }
-  }, p = un(h), v = S(null), y = S(null), { labelProps: x, triggerProps: $, valueProps: w, menuProps: R } = an(
+  }, p = un(h), v = S(null), y = S(null), { labelProps: x, triggerProps: $, valueProps: E, menuProps: R } = an(
     { ...h, label: t || e },
     p,
     v
@@ -3438,11 +3438,11 @@ function Hi({
             disabled: n,
             "data-testid": f,
             children: [
-              /* @__PURE__ */ s.jsx("div", { ...w, className: "proton-Select__value", children: p.selectedItem ? p.selectedItem.rendered : "Select an option" }),
+              /* @__PURE__ */ s.jsx("div", { ...E, className: "proton-Select__value", children: p.selectedItem ? p.selectedItem.rendered : "Select an option" }),
               /* @__PURE__ */ s.jsx(
                 "div",
                 {
-                  className: E(
+                  className: w(
                     "proton-Select__trigger_icon",
                     p.isOpen && "proton-Select__trigger_icon--flipped"
                   ),
@@ -3506,7 +3506,7 @@ function Ki({
     items: u,
     "data-testid": f,
     children: d
-  }, p = un(h), v = Ln(fn.MEDIUM), y = S(null), x = S(null), { labelProps: $, triggerProps: w, valueProps: R, menuProps: j } = an(
+  }, p = un(h), v = Ln(fn.MEDIUM), y = S(null), x = S(null), { labelProps: $, triggerProps: E, valueProps: R, menuProps: j } = an(
     { ...h, label: t || e },
     p,
     y
@@ -3546,7 +3546,7 @@ function Ki({
         /* @__PURE__ */ s.jsxs(
           Bn,
           {
-            ...w,
+            ...E,
             isOpen: p.isOpen,
             ref: y,
             disabled: n,
@@ -3556,7 +3556,7 @@ function Ki({
               /* @__PURE__ */ s.jsx(
                 "div",
                 {
-                  className: E(
+                  className: w(
                     "proton-Select__trigger_icon",
                     p.isOpen && "proton-Select__trigger_icon--flipped"
                   ),
@@ -3604,7 +3604,7 @@ function Sa(t) {
   return /* @__PURE__ */ s.jsxs(
     "label",
     {
-      className: E(
+      className: w(
         "proton-Switch",
         t.isDisabled && "proton-Switch--disabled",
         r.isSelected && "proton-Switch--on"
@@ -3626,7 +3626,7 @@ function Sa(t) {
 }
 function Wi({ item: t, state: e, children: n }) {
   let r = S(), { rowProps: o } = Dr({ node: t }, e, r);
-  return /* @__PURE__ */ s.jsx("tr", { className: E("proton-Table__headerRow"), ...o, ref: r, children: n });
+  return /* @__PURE__ */ s.jsx("tr", { className: w("proton-Table__headerRow"), ...o, ref: r, children: n });
 }
 function Fi({ column: t, state: e }) {
   var u, f;
@@ -3636,13 +3636,13 @@ function Fi({ column: t, state: e }) {
     n
   );
   const { align: o = "left" } = t.props;
-  let { isFocusVisible: i, focusProps: l } = we(), c = ((u = e.sortDescriptor) == null ? void 0 : u.direction) === "ascending" ? "▲" : "▼";
+  let { isFocusVisible: i, focusProps: l } = Ce(), c = ((u = e.sortDescriptor) == null ? void 0 : u.direction) === "ascending" ? "▲" : "▼";
   return /* @__PURE__ */ s.jsxs(
     "th",
     {
       ...me(r, l),
       colSpan: t.colspan,
-      className: E(
+      className: w(
         "proton-Table__header",
         `proton-Table__header--${o}`,
         i ? "proton-Table__header--focused" : null
@@ -3654,7 +3654,7 @@ function Fi({ column: t, state: e }) {
           "span",
           {
             "aria-hidden": "true",
-            className: E("proton-Table__headerSortIcon"),
+            className: w("proton-Table__headerSortIcon"),
             style: {
               visibility: ((f = e.sortDescriptor) == null ? void 0 : f.column) === t.key ? "visible" : "hidden"
             },
@@ -3671,7 +3671,7 @@ function Xt({ type: t, children: e }) {
     t,
     {
       ...n,
-      className: E(
+      className: w(
         "proton-Table__rowGroup",
         t === "thead" ? "proton-Table__rowGroup--header" : "proton-Table__rowGroup--body"
       ),
@@ -3686,11 +3686,11 @@ function Gi({ item: t, children: e, state: n }) {
     },
     n,
     r
-  ), { isFocusVisible: c, focusProps: u } = we();
+  ), { isFocusVisible: c, focusProps: u } = Ce();
   return /* @__PURE__ */ s.jsx(
     "tr",
     {
-      className: E(
+      className: w(
         "proton-Table__row",
         o ? "proton-Table__row--selected" : null,
         l ? "proton-Table__row--pressed" : null,
@@ -3703,13 +3703,13 @@ function Gi({ item: t, children: e, state: n }) {
   );
 }
 function Ui({ cell: t, state: e, ...n }) {
-  let r = S(), { gridCellProps: o } = Hr({ node: t }, e, r), { isFocusVisible: i, focusProps: l } = we();
+  let r = S(), { gridCellProps: o } = Hr({ node: t }, e, r), { isFocusVisible: i, focusProps: l } = Ce();
   const { align: c } = t.props;
   return /* @__PURE__ */ s.jsx(
     "td",
     {
       ...me(o, l),
-      className: E(
+      className: w(
         "proton-Table__cell",
         i ? "proton-Table__cell--focused" : null,
         `proton-Table__cell--${c}`
@@ -3728,7 +3728,7 @@ function Ca(t) {
     e,
     n
   );
-  return /* @__PURE__ */ s.jsxs("table", { ...o, ref: n, className: E("proton-Table"), children: [
+  return /* @__PURE__ */ s.jsxs("table", { ...o, ref: n, className: w("proton-Table"), children: [
     /* @__PURE__ */ s.jsx(Xt, { type: "thead", children: r.headerRows.map((i) => /* @__PURE__ */ s.jsx(Wi, { item: i, state: e, children: Array.from(r.getChildren(i.key)).map((l) => /* @__PURE__ */ s.jsx(
       Fi,
       {
@@ -3746,10 +3746,10 @@ function zi({ children: t, arrow: e, ...n }) {
     Di,
     {
       ...n,
-      className: E("proton__Tooltip", "proton-Dialog", r),
+      className: `proton__Tooltip proton-Dialog ${r}`,
       style: o,
       children: [
-        e && /* @__PURE__ */ s.jsx(Si, { className: E("proton__TooltipArrow", r), children: /* @__PURE__ */ s.jsx("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ s.jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+        e && /* @__PURE__ */ s.jsx(Si, { className: "proton__TooltipArrow", children: /* @__PURE__ */ s.jsx("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ s.jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
         t
       ]
     }
@@ -3811,7 +3811,7 @@ const Ra = ({
     return /* @__PURE__ */ s.jsx(
       "span",
       {
-        className: E(
+        className: w(
           "proton-TextEmphasis",
           n && "proton-TextEmphasis--tooltip",
           o
@@ -3834,7 +3834,7 @@ const Ra = ({
   return /* @__PURE__ */ s.jsx(
     "span",
     {
-      className: E(
+      className: w(
         "proton-TextEmphasis",
         n && "proton-TextEmphasis--tooltip",
         o
@@ -3860,7 +3860,7 @@ function qi({
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: E("proton-Waveform__bar-wrapper"),
+      className: w("proton-Waveform__bar-wrapper"),
       style: {
         width: `${l}px`,
         marginRight: `${c}px`
@@ -3869,7 +3869,7 @@ function qi({
         /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: E(
+            className: w(
               "proton-Waveform__bar",
               "proton-Waveform__bar--upper",
               e && "proton-Waveform__bar--disabled",
@@ -3886,7 +3886,7 @@ function qi({
         /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: E(
+            className: w(
               "proton-Waveform__bar",
               "proton-Waveform__bar--lower",
               e && "proton-Waveform__bar--disabled",
@@ -3927,7 +3927,7 @@ function Pa({
   "data-testid": f
 }) {
   var Z;
-  const { className: d, palette: h, theme: p } = ie(), v = S(null), [y, x] = D([]), [$, w] = D(null), [R, j] = D(!1), [P, L] = D(!1), M = t || Ji, G = u || (p === "custom-dark" ? h.BRAND.PRIMARY : void 0), z = e;
+  const { className: d, palette: h, theme: p } = ie(), v = S(null), [y, x] = D([]), [$, E] = D(null), [R, j] = D(!1), [P, L] = D(!1), M = t || Ji, G = u || (p === "custom-dark" ? h.BRAND.PRIMARY : void 0), z = e;
   F(() => {
     if (!v.current) return;
     const B = (q) => {
@@ -3948,15 +3948,15 @@ function Pa({
   const W = (B) => {
     if (!v.current) return;
     const U = v.current.getBoundingClientRect(), q = (B.clientX - U.left) / U.width * l;
-    w(q);
+    E(q);
   }, te = () => {
-    w(null);
+    E(null);
   }, ce = e + z, I = (B, U) => {
     var ae;
     const Y = B / l * 100;
     return (U === "start" ? Math.floor(Y / 100 * y.length) : Math.ceil(Y / 100 * y.length)) * ce / ((ae = v.current) == null ? void 0 : ae.clientWidth) * 100;
   }, H = (Z = v.current) == null ? void 0 : Z.clientWidth;
-  return /* @__PURE__ */ s.jsxs("div", { className: E("proton-Waveform", d), "data-testid": f, children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: w("proton-Waveform", d), "data-testid": f, children: [
     i && /* @__PURE__ */ s.jsx(
       Zt,
       {
@@ -4047,7 +4047,7 @@ function Zt({
   return /* @__PURE__ */ s.jsx(
     "div",
     {
-      className: E(
+      className: w(
         "proton-Waveform__timestamp",
         `proton-Waveform__timestamp--${t}`
       ),