@protonradio/proton-ui 0.6.18-beta.18 → 0.6.18-beta.2

package/dist/index.es.js

@@ -1,10 +1,9 @@
-import B, { useRef as M, useCallback as X, useState as j, useContext as Y, useEffect as L, createContext as ee, useMemo as H, useLayoutEffect as Mc, createElement as bi, isValidElement as Fc, forwardRef as pt, cloneElement as Ic } from "react";
+import B, { useRef as M, useCallback as X, useState as j, useContext as Y, useEffect as L, createContext as ee, useMemo as H, useLayoutEffect as Mc, createElement as bi, isValidElement as Fc, forwardRef as ft, cloneElement as Ic } from "react";
 import Cn, { flushSync as _c, createPortal as gi } from "react-dom";
-import { c as U, i as Lr, h as $i } from "./utils-KXsOHJro.mjs";
+import { c as U, i as Lr, h as $i, a as Dt, b as Gn } from "./index-C_MMhG34.mjs";
 import { THEMES as ze, BREAKPOINTS as yi } from "./constants.es.js";
-import { transparentize as st, toRgba as Gn } from "color2k";
 import { G as ye, S as tn, W as nn, D as rn, B as Nc } from "./colors-Dwh4VIMR.mjs";
-import { c as dh } from "./colors-Dwh4VIMR.mjs";
+import { c as c4 } from "./colors-Dwh4VIMR.mjs";
 var dr = { exports: {} }, Ft = {};
 /**
  * @license React
@@ -194,7 +193,7 @@ function Lc() {
       }
     }
     var Se = E.ReactCurrentDispatcher, Ye;
-    function ht(h, K, N) {
+    function vt(h, K, N) {
       {
         if (Ye === void 0)
           try {
@@ -207,21 +206,21 @@ function Lc() {
 ` + Ye + h;
       }
     }
-    var mt = !1, bt;
+    var ht = !1, mt;
     {
       var le = typeof WeakMap == "function" ? WeakMap : Map;
-      bt = new le();
+      mt = new le();
     }
-    function gt(h, K) {
-      if (!h || mt)
+    function bt(h, K) {
+      if (!h || ht)
         return "";
       {
-        var N = bt.get(h);
+        var N = mt.get(h);
         if (N !== void 0)
           return N;
       }
       var V;
-      mt = !0;
+      ht = !0;
       var J = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var te;
@@ -271,20 +270,20 @@ function Lc() {
                   if (ie--, se--, se < 0 || G[ie] !== he[se]) {
                     var Ce = `
 ` + G[ie].replace(" at new ", " at ");
-                    return h.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", h.displayName)), typeof h == "function" && bt.set(h, Ce), Ce;
+                    return h.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", h.displayName)), typeof h == "function" && mt.set(h, Ce), Ce;
                   }
                 while (ie >= 1 && se >= 0);
               break;
             }
         }
       } finally {
-        mt = !1, Se.current = te, ke(), Error.prepareStackTrace = J;
+        ht = !1, Se.current = te, ke(), Error.prepareStackTrace = J;
       }
-      var yt = h ? h.displayName || h.name : "", it = yt ? ht(yt) : "";
-      return typeof h == "function" && bt.set(h, it), it;
+      var $t = h ? h.displayName || h.name : "", it = $t ? vt($t) : "";
+      return typeof h == "function" && mt.set(h, it), it;
     }
     function On(h, K, N) {
-      return gt(h, !1);
+      return bt(h, !1);
     }
     function cc(h) {
       var K = h.prototype;
@@ -294,14 +293,14 @@ function Lc() {
       if (h == null)
         return "";
       if (typeof h == "function")
-        return gt(h, cc(h));
+        return bt(h, cc(h));
       if (typeof h == "string")
-        return ht(h);
+        return vt(h);
       switch (h) {
         case s:
-          return ht("Suspense");
+          return vt("Suspense");
         case c:
-          return ht("SuspenseList");
+          return vt("SuspenseList");
       }
       if (typeof h == "object")
         switch (h.$$typeof) {
@@ -469,7 +468,7 @@ function Lc() {
       }
     }
     var Vn = E.ReactCurrentOwner, ml = E.ReactDebugCurrentFrame;
-    function $t(h) {
+    function gt(h) {
       if (h) {
         var K = h._owner, N = Qt(h.type, h._source, K ? K.type : null);
         ml.setExtraStackFrame(N);
@@ -519,7 +518,7 @@ Check the top-level render call using <` + N + ">.");
           return;
         gl[N] = !0;
         var V = "";
-        h && h._owner && h._owner !== Vn.current && (V = " It was passed a child from " + x(h._owner.type) + "."), $t(h), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', N, V), $t(null);
+        h && h._owner && h._owner !== Vn.current && (V = " It was passed a child from " + x(h._owner.type) + "."), gt(h), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', N, V), gt(null);
       }
     }
     function yl(h, K) {
@@ -571,11 +570,11 @@ Check the top-level render call using <` + N + ">.");
         for (var K = Object.keys(h.props), N = 0; N < K.length; N++) {
           var V = K[N];
           if (V !== "children" && V !== "key") {
-            $t(h), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", V), $t(null);
+            gt(h), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", V), gt(null);
             break;
           }
         }
-        h.ref !== null && ($t(h), S("Invalid attribute `ref` supplied to `React.Fragment`."), $t(null));
+        h.ref !== null && (gt(h), S("Invalid attribute `ref` supplied to `React.Fragment`."), gt(null));
       }
     }
     var xl = {};
@@ -598,8 +597,8 @@ Check the top-level render call using <` + N + ">.");
           if (Ce !== void 0)
             if (V)
               if (zn(Ce)) {
-                for (var yt = 0; yt < Ce.length; yt++)
-                  yl(Ce[yt], h);
+                for (var $t = 0; $t < Ce.length; $t++)
+                  yl(Ce[$t], h);
                 Object.freeze && Object.freeze(Ce);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -905,7 +904,7 @@ const nt = He(function() {
 function qt() {
   return Y(dd);
 }
-function ct(t, e, n = !0) {
+function st(t, e, n = !0) {
   var r, l;
   let { metaKey: i, ctrlKey: o, altKey: a, shiftKey: u } = e;
   cd() && (!((l = window.event) === null || l === void 0 || (r = l.type) === null || r === void 0) && r.startsWith("key")) && t.target === "_blank" && (nt() ? i = !0 : o = !0);
@@ -923,9 +922,9 @@ function ct(t, e, n = !0) {
     bubbles: !0,
     cancelable: !0
   });
-  ct.isOpening = n, Le(t), t.dispatchEvent(s), ct.isOpening = !1;
+  st.isOpening = n, Le(t), t.dispatchEvent(s), st.isOpening = !1;
 }
-ct.isOpening = !1;
+st.isOpening = !1;
 function fd(t, e) {
   if (t instanceof HTMLAnchorElement) e(t);
   else if (t.hasAttribute("data-href")) {
@@ -934,7 +933,7 @@ function fd(t, e) {
   }
 }
 function pd(t, e) {
-  fd(t, (n) => ct(n, e));
+  fd(t, (n) => st(n, e));
 }
 function vd(t) {
   let e = qt();
@@ -962,7 +961,7 @@ function Ci(t) {
     referrerPolicy: t == null ? void 0 : t.referrerPolicy
   };
 }
-let Ct = /* @__PURE__ */ new Map(), fr = /* @__PURE__ */ new Set();
+let St = /* @__PURE__ */ new Map(), fr = /* @__PURE__ */ new Set();
 function wl() {
   if (typeof window > "u") return;
   function t(r) {
@@ -970,14 +969,14 @@ function wl() {
   }
   let e = (r) => {
     if (!t(r) || !r.target) return;
-    let l = Ct.get(r.target);
-    l || (l = /* @__PURE__ */ new Set(), Ct.set(r.target, l), r.target.addEventListener("transitioncancel", n, {
+    let l = St.get(r.target);
+    l || (l = /* @__PURE__ */ new Set(), St.set(r.target, l), r.target.addEventListener("transitioncancel", n, {
       once: !0
     })), l.add(r.propertyName);
   }, n = (r) => {
     if (!t(r) || !r.target) return;
-    let l = Ct.get(r.target);
-    if (l && (l.delete(r.propertyName), l.size === 0 && (r.target.removeEventListener("transitioncancel", n), Ct.delete(r.target)), Ct.size === 0)) {
+    let l = St.get(r.target);
+    if (l && (l.delete(r.propertyName), l.size === 0 && (r.target.removeEventListener("transitioncancel", n), St.delete(r.target)), St.size === 0)) {
       for (let i of fr) i();
       fr.clear();
     }
@@ -987,7 +986,7 @@ function wl() {
 typeof document < "u" && (document.readyState !== "loading" ? wl() : document.addEventListener("DOMContentLoaded", wl));
 function wi(t) {
   requestAnimationFrame(() => {
-    Ct.size === 0 ? t() : fr.add(t);
+    St.size === 0 ? t() : fr.add(t);
   });
 }
 function Pi() {
@@ -1238,24 +1237,24 @@ function lt(t, e, n) {
 function hr(t, e = -1 / 0, n = 1 / 0) {
   return Math.min(Math.max(t, e), n);
 }
-let Pt = "default", mr = "", fn = /* @__PURE__ */ new WeakMap();
+let wt = "default", mr = "", fn = /* @__PURE__ */ new WeakMap();
 function kl(t) {
   if (Pn()) {
-    if (Pt === "default") {
+    if (wt === "default") {
       const e = re(t);
       mr = e.documentElement.style.webkitUserSelect, e.documentElement.style.webkitUserSelect = "none";
     }
-    Pt = "disabled";
+    wt = "disabled";
   } else (t instanceof HTMLElement || t instanceof SVGElement) && (fn.set(t, t.style.userSelect), t.style.userSelect = "none");
 }
 function on(t) {
   if (Pn()) {
-    if (Pt !== "disabled") return;
-    Pt = "restoring", setTimeout(() => {
+    if (wt !== "disabled") return;
+    wt = "restoring", setTimeout(() => {
       wi(() => {
-        if (Pt === "restoring") {
+        if (wt === "restoring") {
           const e = re(t);
-          e.documentElement.style.webkitUserSelect === "none" && (e.documentElement.style.webkitUserSelect = mr || ""), mr = "", Pt = "default";
+          e.documentElement.style.webkitUserSelect === "none" && (e.documentElement.style.webkitUserSelect = mr || ""), mr = "", wt = "default";
         }
       });
     }, 300);
@@ -1408,7 +1407,7 @@ function je(t) {
         } else T.key === "Meta" && (v.metaKeyEvents = /* @__PURE__ */ new Map());
       },
       onClick(T) {
-        if (!(T && !T.currentTarget.contains(T.target)) && T && T.button === 0 && !v.isTriggeringEvent && !ct.isOpening) {
+        if (!(T && !T.currentTarget.contains(T.target)) && T && T.button === 0 && !v.isTriggeringEvent && !st.isOpening) {
           let I = !0;
           if (o && T.preventDefault(), !v.ignoreClickAfterPress && !v.ignoreEmulatedMouseEvents && !v.isPressed && (v.pointerType === "virtual" || vr(T.nativeEvent))) {
             !o && !u && Le(T.currentTarget);
@@ -1424,7 +1423,7 @@ function je(t) {
         var x;
         Kl(T.target, T.key) && T.preventDefault();
         let D = T.target;
-        y(Ie(v.target, T), "keyboard", v.target.contains(D)), E(), T.key !== "Enter" && Vr(v.target) && v.target.contains(D) && !T[Bl] && (T[Bl] = !0, ct(v.target, T, !1)), v.isPressed = !1, (x = v.metaKeyEvents) === null || x === void 0 || x.delete(T.key);
+        y(Ie(v.target, T), "keyboard", v.target.contains(D)), E(), T.key !== "Enter" && Vr(v.target) && v.target.contains(D) && !T[Bl] && (T[Bl] = !0, st(v.target, T, !1)), v.isPressed = !1, (x = v.metaKeyEvents) === null || x === void 0 || x.delete(T.key);
       } else if (T.key === "Meta" && (!((I = v.metaKeyEvents) === null || I === void 0) && I.size)) {
         var R;
         let D = v.metaKeyEvents;
@@ -1445,12 +1444,12 @@ function je(t) {
       }, A.onMouseDown = (D) => {
         D.currentTarget.contains(D.target) && D.button === 0 && (Zn(D.currentTarget) && D.preventDefault(), D.stopPropagation());
       }, A.onPointerUp = (D) => {
-        !D.currentTarget.contains(D.target) || v.pointerType === "virtual" || D.button === 0 && xt(D, D.currentTarget) && k(D, v.pointerType || D.pointerType);
+        !D.currentTarget.contains(D.target) || v.pointerType === "virtual" || D.button === 0 && yt(D, D.currentTarget) && k(D, v.pointerType || D.pointerType);
       };
       let T = (D) => {
-        D.pointerId === v.activePointerId && (v.target && xt(D, v.target) ? !v.isOverTarget && v.pointerType != null && (v.isOverTarget = !0, S(Ie(v.target, D), v.pointerType)) : v.target && v.isOverTarget && v.pointerType != null && (v.isOverTarget = !1, y(Ie(v.target, D), v.pointerType, !1), P(D)));
+        D.pointerId === v.activePointerId && (v.target && yt(D, v.target) ? !v.isOverTarget && v.pointerType != null && (v.isOverTarget = !0, S(Ie(v.target, D), v.pointerType)) : v.target && v.isOverTarget && v.pointerType != null && (v.isOverTarget = !1, y(Ie(v.target, D), v.pointerType, !1), P(D)));
       }, I = (D) => {
-        D.pointerId === v.activePointerId && v.isPressed && D.button === 0 && v.target && (xt(D, v.target) && v.pointerType != null ? y(Ie(v.target, D), v.pointerType) : v.isOverTarget && v.pointerType != null && y(Ie(v.target, D), v.pointerType, !1), v.isPressed = !1, v.isOverTarget = !1, v.activePointerId = null, v.pointerType = null, E(), c || on(v.target), "ontouchend" in v.target && D.pointerType !== "mouse" && g(v.target, "touchend", x, {
+        D.pointerId === v.activePointerId && v.isPressed && D.button === 0 && v.target && (yt(D, v.target) && v.pointerType != null ? y(Ie(v.target, D), v.pointerType) : v.isOverTarget && v.pointerType != null && y(Ie(v.target, D), v.pointerType, !1), v.isPressed = !1, v.isOverTarget = !1, v.activePointerId = null, v.pointerType = null, E(), c || on(v.target), "ontouchend" in v.target && D.pointerType !== "mouse" && g(v.target, "touchend", x, {
           once: !0
         }));
       }, x = (D) => {
@@ -1486,7 +1485,7 @@ function je(t) {
             v.ignoreEmulatedMouseEvents = !1;
             return;
           }
-          v.target && xt(x, v.target) && v.pointerType != null ? y(Ie(v.target, x), v.pointerType) : v.target && v.isOverTarget && v.pointerType != null && y(Ie(v.target, x), v.pointerType, !1), v.isOverTarget = !1;
+          v.target && yt(x, v.target) && v.pointerType != null ? y(Ie(v.target, x), v.pointerType) : v.target && v.isOverTarget && v.pointerType != null && y(Ie(v.target, x), v.pointerType, !1), v.isOverTarget = !1;
         }
       };
       A.onTouchStart = (x) => {
@@ -1501,7 +1500,7 @@ function je(t) {
           return;
         }
         let R = Al(x.nativeEvent, v.activePointerId), D = !0;
-        R && xt(R, x.currentTarget) ? !v.isOverTarget && v.pointerType != null && (v.isOverTarget = !0, D = S(qe(v.target, x), v.pointerType)) : v.isOverTarget && v.pointerType != null && (v.isOverTarget = !1, D = y(qe(v.target, x), v.pointerType, !1), P(qe(v.target, x))), D && x.stopPropagation();
+        R && yt(R, x.currentTarget) ? !v.isOverTarget && v.pointerType != null && (v.isOverTarget = !0, D = S(qe(v.target, x), v.pointerType)) : v.isOverTarget && v.pointerType != null && (v.isOverTarget = !1, D = y(qe(v.target, x), v.pointerType, !1), P(qe(v.target, x))), D && x.stopPropagation();
       }, A.onTouchEnd = (x) => {
         if (!x.currentTarget.contains(x.target)) return;
         if (!v.isPressed) {
@@ -1509,7 +1508,7 @@ function je(t) {
           return;
         }
         let R = Al(x.nativeEvent, v.activePointerId), D = !0;
-        R && xt(R, x.currentTarget) && v.pointerType != null ? (k(qe(v.target, x), v.pointerType), D = y(qe(v.target, x), v.pointerType)) : v.isOverTarget && v.pointerType != null && (D = y(qe(v.target, x), v.pointerType, !1)), D && x.stopPropagation(), v.isPressed = !1, v.activePointerId = null, v.isOverTarget = !1, v.ignoreEmulatedMouseEvents = !0, v.target && !c && on(v.target), E();
+        R && yt(R, x.currentTarget) && v.pointerType != null ? (k(qe(v.target, x), v.pointerType), D = y(qe(v.target, x), v.pointerType)) : v.isOverTarget && v.pointerType != null && (D = y(qe(v.target, x), v.pointerType, !1)), D && x.stopPropagation(), v.isPressed = !1, v.activePointerId = null, v.isOverTarget = !1, v.ignoreEmulatedMouseEvents = !0, v.target && !c && on(v.target), E();
       }, A.onTouchCancel = (x) => {
         x.currentTarget.contains(x.target) && (x.stopPropagation(), v.isPressed && C(qe(v.target, x)));
       };
@@ -1605,7 +1604,7 @@ function Pd(t) {
 function Dd(t, e) {
   return !(t.left > e.right || e.left > t.right || t.top > e.bottom || e.top > t.bottom);
 }
-function xt(t, e) {
+function yt(t, e) {
   let n = e.getBoundingClientRect(), r = Pd(t);
   return Dd(n, r);
 }
@@ -1744,7 +1743,7 @@ function Bn(t) {
     }
   };
 }
-let Ve = null, Wt = /* @__PURE__ */ new Set(), jt = /* @__PURE__ */ new Map(), dt = !1, br = !1;
+let Ve = null, Wt = /* @__PURE__ */ new Set(), jt = /* @__PURE__ */ new Map(), ct = !1, br = !1;
 const Kd = {
   Tab: !0,
   Escape: !0
@@ -1756,26 +1755,26 @@ function Md(t) {
   return !(t.metaKey || !nt() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
 }
 function hn(t) {
-  dt = !0, Md(t) && (Ve = "keyboard", An("keyboard", t));
+  ct = !0, Md(t) && (Ve = "keyboard", An("keyboard", t));
 }
 function Pe(t) {
-  Ve = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (dt = !0, An("pointer", t));
+  Ve = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (ct = !0, An("pointer", t));
 }
 function Fi(t) {
-  vr(t) && (dt = !0, Ve = "virtual");
+  vr(t) && (ct = !0, Ve = "virtual");
 }
 function Ii(t) {
-  t.target === window || t.target === document || (!dt && !br && (Ve = "virtual", An("virtual", t)), dt = !1, br = !1);
+  t.target === window || t.target === document || (!ct && !br && (Ve = "virtual", An("virtual", t)), ct = !1, br = !1);
 }
 function _i() {
-  dt = !1, br = !0;
+  ct = !1, br = !0;
 }
 function mn(t) {
   if (typeof window > "u" || jt.get(De(t))) return;
   const e = De(t), n = re(t);
   let r = e.HTMLElement.prototype.focus;
   e.HTMLElement.prototype.focus = function() {
-    dt = !0, r.apply(this, arguments);
+    ct = !0, r.apply(this, arguments);
   }, n.addEventListener("keydown", hn, !0), n.addEventListener("keyup", hn, !0), n.addEventListener("click", Fi, !0), e.addEventListener("focus", Ii, !0), e.addEventListener("blur", _i, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", Pe, !0), n.addEventListener("pointermove", Pe, !0), n.addEventListener("pointerup", Pe, !0)) : (n.addEventListener("mousedown", Pe, !0), n.addEventListener("mousemove", Pe, !0), n.addEventListener("mouseup", Pe, !0)), e.addEventListener("beforeunload", () => {
     Ni(t);
   }, {
@@ -1796,7 +1795,7 @@ function Fd(t) {
   }, e.addEventListener("DOMContentLoaded", n)), () => Ni(t, n);
 }
 typeof document < "u" && Fd();
-function ft() {
+function dt() {
   return Ve !== "pointer";
 }
 function bn() {
@@ -1836,7 +1835,7 @@ function _d(t, e, n) {
 function Nd(t, e, n) {
   mn(), L(() => {
     let r = (l, i) => {
-      _d(!!(n != null && n.isTextInput), l, i) && t(ft());
+      _d(!!(n != null && n.isTextInput), l, i) && t(dt());
     };
     return Wt.add(r), () => {
       Wt.delete(r);
@@ -2516,7 +2515,7 @@ let de = new Wr();
 function Zt(t = {}) {
   let { autoFocus: e = !1, isTextInput: n, within: r } = t, l = M({
     isFocused: !1,
-    isFocusVisible: e || ft()
+    isFocusVisible: e || dt()
   }), [i, o] = j(!1), [a, u] = j(() => l.current.isFocused && l.current.isFocusVisible), s = X(() => u(l.current.isFocused && l.current.isFocusVisible), []), c = X((p) => {
     l.current.isFocused = p, o(p), s();
   }, [
@@ -2674,7 +2673,7 @@ function We() {
   return Y(af) || t;
 }
 const uf = Symbol.for("react-aria.i18n.locale"), sf = Symbol.for("react-aria.i18n.strings");
-let Et;
+let xt;
 class Mn {
   /** Returns a localized string for the given key and locale. */
   getStringForLocale(e, n) {
@@ -2690,15 +2689,15 @@ class Mn {
   static getGlobalDictionaryForPackage(e) {
     if (typeof window > "u") return null;
     let n = window[uf];
-    if (Et === void 0) {
+    if (xt === void 0) {
       let l = window[sf];
       if (!l) return null;
-      Et = {};
-      for (let i in l) Et[i] = new Mn({
+      xt = {};
+      for (let i in l) xt[i] = new Mn({
         [n]: l[i]
       }, n);
     }
-    let r = Et == null ? void 0 : Et[e];
+    let r = xt == null ? void 0 : xt[e];
     if (!r) throw new Error(`Strings for package "${e}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);
     return r;
   }
@@ -2754,7 +2753,7 @@ function pf(t) {
 function vf(t, e) {
   return e && Mn.getGlobalDictionaryForPackage(e) || pf(t);
 }
-function vt(t, e) {
+function pt(t, e) {
   let { locale: n } = We(), r = vf(t, e);
   return H(() => new ff(n, r), [
     n,
@@ -3653,11 +3652,11 @@ function If(t = {}) {
   ]);
 }
 function _f() {
-  return Me(Dt(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), Dt(document.documentElement, "overflow", "hidden"));
+  return Me(Pt(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), Pt(document.documentElement, "overflow", "hidden"));
 }
 function Nf() {
   let t, e, n = (s) => {
-    t = Ze(s.target, !0), !(t === document.documentElement && t === document.body) && t instanceof HTMLElement && window.getComputedStyle(t).overscrollBehavior === "auto" && (e = Dt(t, "overscrollBehavior", "contain"));
+    t = Ze(s.target, !0), !(t === document.documentElement && t === document.body) && t instanceof HTMLElement && window.getComputedStyle(t).overscrollBehavior === "auto" && (e = Pt(t, "overscrollBehavior", "contain"));
   }, r = (s) => {
     if (!t || t === document.documentElement || t === document.body) {
       s.preventDefault();
@@ -3683,7 +3682,7 @@ function Nf() {
     let s = () => {
       window.scrollTo(0, 0);
     }, c = window.pageXOffset, d = window.pageYOffset;
-    o = Me(Nt(window, "scroll", s), Dt(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), Dt(document.documentElement, "overflow", "hidden"), Dt(document.body, "marginTop", `-${d}px`), () => {
+    o = Me(Nt(window, "scroll", s), Pt(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), Pt(document.documentElement, "overflow", "hidden"), Pt(document.body, "marginTop", `-${d}px`), () => {
       window.scrollTo(c, d);
     }), window.scrollTo(0, 0);
   }, u = Me(Nt(document, "touchstart", n, {
@@ -3700,7 +3699,7 @@ function Nf() {
     e == null || e(), o == null || o(), u();
   };
 }
-function Dt(t, e, n) {
+function Pt(t, e, n) {
   let r = t.style[e];
   return t.style[e] = n, () => {
     t.style[e] = r;
@@ -3950,7 +3949,7 @@ function Vf(t) {
   return t && t.__esModule ? t.default : t;
 }
 function Hf(t) {
-  let { onDismiss: e, ...n } = t, r = vt(Vf(Oo), "@react-aria/overlays"), l = Di(n, r.format("dismiss")), i = () => {
+  let { onDismiss: e, ...n } = t, r = pt(Vf(Oo), "@react-aria/overlays"), l = Di(n, r.format("dismiss")), i = () => {
     e && e();
   };
   return /* @__PURE__ */ B.createElement(qr, null, /* @__PURE__ */ B.createElement("button", {
@@ -4096,7 +4095,7 @@ function Jf(t, e) {
 function Pr(t) {
   return ud() ? t.altKey : t.ctrlKey;
 }
-function wt(t) {
+function Ct(t) {
   return nt() ? t.metaKey : t.ctrlKey;
 }
 const Qf = 1e3;
@@ -4173,15 +4172,15 @@ function Vo(t) {
       case "Home":
         if (n.getFirstKey) {
           w.preventDefault();
-          let O = n.getFirstKey(e.focusedKey, wt(w));
-          e.setFocusedKey(O), wt(w) && w.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(O) : u && e.replaceSelection(O);
+          let O = n.getFirstKey(e.focusedKey, Ct(w));
+          e.setFocusedKey(O), Ct(w) && w.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(O) : u && e.replaceSelection(O);
         }
         break;
       case "End":
         if (n.getLastKey) {
           w.preventDefault();
-          let O = n.getLastKey(e.focusedKey, wt(w));
-          e.setFocusedKey(O), wt(w) && w.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(O) : u && e.replaceSelection(O);
+          let O = n.getLastKey(e.focusedKey, Ct(w));
+          e.setFocusedKey(O), Ct(w) && w.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(O) : u && e.replaceSelection(O);
         }
         break;
       case "PageDown":
@@ -4197,7 +4196,7 @@ function Vo(t) {
         }
         break;
       case "a":
-        wt(w) && e.selectionMode === "multiple" && a !== !0 && (w.preventDefault(), e.selectAll());
+        Ct(w) && e.selectionMode === "multiple" && a !== !0 && (w.preventDefault(), e.selectAll());
         break;
       case "Escape":
         !o && e.selectedKeys.size !== 0 && (w.stopPropagation(), w.preventDefault(), e.clearSelection());
@@ -4311,7 +4310,7 @@ function _n(t) {
           return;
         } else if (c === "override" || c === "none") return;
       }
-      e.selectionMode === "single" ? e.isSelected(n) && !e.disallowEmptySelection ? e.toggleSelection(n) : e.replaceSelection(n) : F && F.shiftKey ? e.extendSelection(n) : e.selectionBehavior === "toggle" || F && (wt(F) || F.pointerType === "touch" || F.pointerType === "virtual") ? e.toggleSelection(n) : e.replaceSelection(n);
+      e.selectionMode === "single" ? e.isSelected(n) && !e.disallowEmptySelection ? e.toggleSelection(n) : e.replaceSelection(n) : F && F.shiftKey ? e.extendSelection(n) : e.selectionBehavior === "toggle" || F && (Ct(F) || F.pointerType === "touch" || F.pointerType === "virtual") ? e.toggleSelection(n) : e.replaceSelection(n);
     }
   };
   L(() => {
@@ -4363,7 +4362,7 @@ function _n(t) {
   }), D = (F) => {
     C.current === "touch" && _.current && F.preventDefault();
   }, z = e.isLink(n) ? (F) => {
-    ct.isOpening || F.preventDefault();
+    st.isOpening || F.preventDefault();
   } : void 0;
   return {
     itemProps: W(p, g || S ? T : {}, P ? R : {}, {
@@ -4663,7 +4662,7 @@ Go.getCollectionNode = function* (e) {
     }
   };
 };
-let V4 = Go;
+let jh = Go;
 class rp {
   build(e, n) {
     return this.context = n, ei(() => this.iterateCollection(e));
@@ -4921,7 +4920,7 @@ function ip(t, e, n) {
   }), { hoverProps: x } = Tt({
     isDisabled: u || !m,
     onHoverStart() {
-      ft() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(i));
+      dt() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(i));
     }
   }), R = ve(P == null ? void 0 : P.props);
   delete R.id;
@@ -4939,7 +4938,7 @@ function ip(t, e, n) {
       id: k
     },
     isFocused: w,
-    isFocusVisible: w && ft(),
+    isFocusVisible: w && dt(),
     isSelected: c,
     isDisabled: u,
     isPressed: A,
@@ -5141,7 +5140,7 @@ function Ba(t, e, n) {
         default:
           "continuePropagation" in p && p.continuePropagation();
       }
-  }, c = vt(op(Ta), "@react-aria/menu"), { longPressProps: d } = ji({
+  }, c = pt(op(Ta), "@react-aria/menu"), { longPressProps: d } = ji({
     isDisabled: l || i !== "longPress",
     accessibilityDescription: c.format("longPressMessage"),
     onLongPressStart() {
@@ -5210,9 +5209,9 @@ function Ma(t, e, n) {
   let _ = (P = t.isDisabled) !== null && P !== void 0 ? P : e.selectionManager.isDisabled(l);
   var v;
   let A = (v = t.isSelected) !== null && v !== void 0 ? v : e.selectionManager.isSelected(l), w = Aa.get(e), T = e.collection.getItem(l), I = t.onClose || w.onClose, x = qt(), R = (le) => {
-    var gt;
+    var bt;
     if (!C) {
-      if (!(T == null || (gt = T.props) === null || gt === void 0) && gt.onAction ? T.props.onAction() : t.onAction && t.onAction(l), w.onAction) {
+      if (!(T == null || (bt = T.props) === null || bt === void 0) && bt.onAction ? T.props.onAction() : t.onAction && t.onAction(l), w.onAction) {
         let On = w.onAction;
         On(l);
       }
@@ -5260,7 +5259,7 @@ function Ma(t, e, n) {
   }), { hoverProps: Se } = Tt({
     isDisabled: _,
     onHoverStart(le) {
-      ft() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(l)), p == null || p(le);
+      dt() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(l)), p == null || p(le);
     },
     onHoverChange: m,
     onHoverEnd: $
@@ -5283,20 +5282,20 @@ function Ma(t, e, n) {
       }
     },
     onKeyUp: E
-  }), { focusProps: ht } = Bn({
+  }), { focusProps: vt } = Bn({
     onBlur: k,
     onFocus: S,
     onFocusChange: y
-  }), mt = ve(T.props);
-  delete mt.id;
-  let bt = Ci(T.props);
+  }), ht = ve(T.props);
+  delete ht.id;
+  let mt = Ci(T.props);
   return {
     menuItemProps: {
       ...ue,
-      ...W(mt, bt, C ? {
+      ...W(ht, mt, C ? {
         onFocus: Ee.onFocus,
         "data-key": Ee["data-key"]
-      } : Ee, O, Se, Ye, ht),
+      } : Ee, O, Se, Ye, vt),
       tabIndex: Ee.tabIndex != null ? -1 : void 0
     },
     labelProps: {
@@ -5500,7 +5499,7 @@ function mp(t) {
 }
 Ut.none;
 const or = /* @__PURE__ */ new Map();
-function St(t, e) {
+function Et(t, e) {
   let n = or.get(t);
   if (!n) {
     let r = /* @__PURE__ */ new Set(), l = (i) => {
@@ -5539,7 +5538,7 @@ function bp(t) {
   });
   return L(() => {
     if (!e)
-      return Me(St("beforecopy", l), St("copy", i), St("beforecut", o), St("cut", a), St("beforepaste", u), St("paste", s));
+      return Me(Et("beforecopy", l), Et("copy", i), Et("beforecut", o), Et("cut", a), Et("beforepaste", u), Et("paste", s));
   }, [
     e,
     l,
@@ -6196,7 +6195,7 @@ function yp(t, e) {
   let { getRowText: n = (o) => {
     var a, u, s, c;
     return (c = (a = (u = e.collection).getTextValue) === null || a === void 0 ? void 0 : a.call(u, o)) !== null && c !== void 0 ? c : (s = e.collection.getItem(o)) === null || s === void 0 ? void 0 : s.textValue;
-  } } = t, r = vt($p(tl), "@react-aria/grid"), l = e.selectionManager.rawSelection, i = M(l);
+  } } = t, r = pt($p(tl), "@react-aria/grid"), l = e.selectionManager.rawSelection, i = M(l);
   ki(() => {
     var o;
     if (!e.selectionManager.isFocused) {
@@ -6239,7 +6238,7 @@ function xp(t) {
   return t && t.__esModule ? t.default : t;
 }
 function Ep(t) {
-  let e = vt(xp(tl), "@react-aria/grid"), n = Li(), r = (n === "pointer" || n === "virtual" || n == null) && typeof window < "u" && "ontouchstart" in window, l = H(() => {
+  let e = pt(xp(tl), "@react-aria/grid"), n = Li(), r = (n === "pointer" || n === "virtual" || n == null) && typeof window < "u" && "ontouchstart" in window, l = H(() => {
     let o = t.selectionManager.selectionMode, a = t.selectionManager.selectionBehavior, u;
     return r && (u = e.format("longPressToSelect")), a === "replace" && o !== "none" && t.hasItemActions ? u : void 0;
   }, [
@@ -6430,7 +6429,7 @@ function bu(t, e, n) {
     },
     onFocus: (y) => {
       if (d.current = r.key, y.target !== n.current) {
-        ft() || e.selectionManager.setFocusedKey(r.key);
+        dt() || e.selectionManager.setFocusedKey(r.key);
         return;
       }
       requestAnimationFrame(() => {
@@ -6750,7 +6749,7 @@ function kp(t) {
   return t && t.__esModule ? t.default : t;
 }
 function Tp(t, e, n) {
-  let r = vt(kp(Qu), "@react-aria/searchfield"), { isDisabled: l, isReadOnly: i, onSubmit: o, onClear: a, type: u = "search" } = t, s = (E) => {
+  let r = pt(kp(Qu), "@react-aria/searchfield"), { isDisabled: l, isReadOnly: i, onSubmit: o, onClear: a, type: u = "search" } = t, s = (E) => {
     const S = E.key;
     S === "Enter" && (l || i) && E.preventDefault(), !(l || i) && (S === "Enter" && o && (E.preventDefault(), o(e.value)), S === "Escape" && (e.value === "" ? E.continuePropagation() : (e.setValue(""), a && a())));
   }, c = () => {
@@ -7542,7 +7541,7 @@ function Np(t, e, n) {
     keyboardDelegate: c
   }, e, n);
   l && (f["aria-rowcount"] = e.collection.size + e.collection.headerRows.length), Sn() && "expandedKeys" in e && (f.role = "treegrid");
-  let { column: p, direction: m } = e.sortDescriptor || {}, $ = vt(_p(rl), "@react-aria/table"), g = H(() => {
+  let { column: p, direction: m } = e.sortDescriptor || {}, $ = pt(_p(rl), "@react-aria/table"), g = H(() => {
     var S;
     let y = (S = e.collection.columns.find((k) => k.key === p)) === null || S === void 0 ? void 0 : S.textValue;
     return m && p ? $.format(`${m}Sort`, {
@@ -7583,7 +7582,7 @@ function Lp(t, e, n) {
     ref: n
   }), { focusableProps: c } = Bt({}, n), d = null, f = ((r = e.sortDescriptor) === null || r === void 0 ? void 0 : r.column) === i.key, p = (l = e.sortDescriptor) === null || l === void 0 ? void 0 : l.direction;
   i.props.allowsSorting && !vn() && (d = f ? p : "none");
-  let m = vt(Rp(rl), "@react-aria/table"), $;
+  let m = pt(Rp(rl), "@react-aria/table"), $;
   o && ($ = `${m.format("sortable")}`, f && p && vn() && ($ = `${$}, ${m.format(p)}`));
   let g = kn($), E = e.collection.size === 0;
   return L(() => {
@@ -7706,7 +7705,7 @@ function Wp(t, e, n) {
   }, f = () => {
     a.current = !1, o.current = !1, s(!0);
   }, p = () => {
-    ft() && (a.current = !0, u());
+    dt() && (a.current = !0, u());
   }, m = () => {
     a.current = !1, o.current = !1, s(!0);
   }, { hoverProps: $ } = Tt({
@@ -8700,7 +8699,7 @@ Os.getCollectionNode = function* (e, n) {
     }), yield* i;
   }
 };
-let H4 = Os;
+let Vh = Os;
 function zs(t) {
   return null;
 }
@@ -8730,7 +8729,7 @@ zs.getCollectionNode = function* (e) {
     }
   };
 };
-let W4 = zs;
+let Hh = zs;
 function js(t) {
   return null;
 }
@@ -8823,7 +8822,7 @@ Kr.getCollectionNode = function* (e, n) {
     }
   };
 };
-let U4 = Kr;
+let Wh = Kr;
 function Vs(t) {
   return null;
 }
@@ -9133,7 +9132,7 @@ const pv = ({ children: t }) => {
   [ze.DARK]: "proton-ui__theme--dark",
   [ze.CUSTOM_DARK]: "proton-ui__theme--custom-dark",
   [ze.LIGHT]: "proton-ui__theme--light"
-}, G4 = ({
+}, Uh = ({
   theme: t,
   children: e,
   palette: n
@@ -9162,12 +9161,15 @@ const pv = ({ children: t }) => {
       children: /* @__PURE__ */ b.jsx("div", { ref: r, children: e })
     }
   );
-}, ur = "rgb(83, 82, 83)";
+}, ur = [83, 82, 83];
 function mv(t) {
-  const e = st(t.PRIMARY.PRIMARY_LIGHTEST, 0.6), n = st(t.PRIMARY.PRIMARY_LIGHTEST, 0.8);
+  const e = Dt(t.PRIMARY.PRIMARY_LIGHTEST).alpha(0.6);
   return {
     [ze.DARK]: {
-      "--proton-control__background-color": Gn(ur),
+      "--proton-control__background-color": Gn(
+        ur,
+        1
+      ),
       "--proton-control__text-color": ye.WHITE,
       "--proton-control__border-color": ye.GRAY_DARK,
       "--proton-control__shadow-color": ye.GRAY_DARK,
@@ -9179,33 +9181,36 @@ function mv(t) {
       "--proton-control__background-color": ye.WHITE,
       "--proton-control__text-color": ye.GRAY_DARK,
       "--proton-control__border-color": ye.GRAY_LIGHT,
-      "--proton-control__shadow-color": st(
-        Gn(ur),
-        0.9
+      "--proton-control__shadow-color": Gn(
+        ur,
+        0.1
       ),
       "--proton-color__primary": t.BRAND.PRIMARY,
       "--proton-color__primary-light": t.BRAND.PRIMARY_LIGHT,
       "--proton-color__secondary": t.BRAND.SECONDARY
     },
     [ze.CUSTOM_DARK]: {
-      "--proton-control__background-color": Gn(ur),
+      "--proton-control__background-color": Gn(
+        ur,
+        1
+      ),
       "--proton-control__text-color": ye.WHITE,
-      "--proton-control__border-color": n,
-      "--proton-control__shadow-color": e,
+      "--proton-control__border-color": t.PRIMARY.PRIMARY_LIGHTEST,
+      "--proton-control__shadow-color": e.css(),
       "--proton-color__primary": t.BRAND.PRIMARY,
       "--proton-color__primary-light": t.BRAND.PRIMARY_LIGHT,
       "--proton-color__secondary": t.BRAND.SECONDARY
     }
   };
 }
-const Y4 = {
+const Gh = {
   primary: "primary",
   secondary: "secondary",
   transparent: "transparent",
   success: "success",
   warning: "warning",
   danger: "danger"
-}, q4 = ({ variant: t, children: e, ...n }) => {
+}, Yh = ({ variant: t, children: e, ...n }) => {
   const { className: r } = Fe();
   return /* @__PURE__ */ b.jsx(
     "div",
@@ -9440,7 +9445,7 @@ Cv.Option = function(e) {
     }
   );
 };
-function X4({ title: t, children: e, ...n }) {
+function qh({ title: t, children: e, ...n }) {
   let r = M(null), { dialogProps: l, titleProps: i } = up(n, r);
   const { className: o } = Fe();
   return /* @__PURE__ */ b.jsxs("div", { ...l, ref: r, className: U("proton-Dialog", o), children: [
@@ -9457,7 +9462,7 @@ function Pv(t) {
   };
   return /* @__PURE__ */ b.jsx("svg", { style: e, ...t, children: /* @__PURE__ */ b.jsx("use", { href: `${wv}#${t.id}` }) });
 }
-function Z4(t) {
+function Xh(t) {
   const [e, n] = j("");
   return L(() => {
   }, []), e ? /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
@@ -9471,7 +9476,7 @@ function Z4(t) {
     /* @__PURE__ */ b.jsx(Pv, { ...t })
   ] }) : null;
 }
-const Dv = pt(
+const Dv = ft(
   ({
     prefix: t,
     suffix: e,
@@ -9514,11 +9519,11 @@ const Dv = pt(
       "--input-background": (() => {
         switch (y) {
           case ze.CUSTOM_DARK:
-            return st(S.PRIMARY.PRIMARY_LIGHTEST, 0.6);
+            return Dt(S.PRIMARY.PRIMARY_SUPER_LIGHT).alpha(0.4).css();
           case ze.DARK:
-            return st(ye.GRAY_MEDIUM, 0.5);
+            return Dt(ye.GRAY_MEDIUM).alpha(0.5).css();
           default:
-            return ye.WHITE;
+            return Dt(ye.WHITE).css();
         }
       })()
     };
@@ -9588,7 +9593,7 @@ const Dv = pt(
       ) : n && r === "bottom" ? /* @__PURE__ */ b.jsx("div", { ..._, className: "proton-Input__text", children: n }) : null
     ] });
   }
-), J4 = ({
+), Zh = ({
   name: t = "search",
   placeholder: e = "Search...",
   autoComplete: n,
@@ -9703,7 +9708,7 @@ const Dv = pt(
     }
   );
 };
-function Q4(t) {
+function Jh(t) {
   const e = M(null), n = Nn(t || {}), { triggerProps: r, overlayProps: l } = lo(
     { type: "dialog" },
     n,
@@ -10086,7 +10091,7 @@ function Av(t) {
 }
 function Kv(t) {
   let e = (n, r) => Y(Mr) ? null : t(n, r);
-  return e.displayName = t.displayName || t.name, pt(e);
+  return e.displayName = t.displayName || t.name, ft(e);
 }
 var Fr = { exports: {} }, sr = {};
 /**
@@ -10282,7 +10287,7 @@ function zv(t, e, n, r, l, i) {
   }, l);
 }
 function jv(t, e) {
-  let n = ({ node: l }) => e(l.props, l.props.ref, l), r = pt((l, i) => {
+  let n = ({ node: l }) => e(l.props, l.props.ref, l), r = ft((l, i) => {
     if (!Y(Qs)) {
       if (e.length >= 3) throw new Error(e.name + " cannot be rendered outside a collection.");
       return e(l, i);
@@ -10498,9 +10503,9 @@ const Jv = /* @__PURE__ */ ee(null), Qv = /* @__PURE__ */ new Set([
   "formTarget",
   "name",
   "value"
-]), e4 = /* @__PURE__ */ ee({});
-function t4(t, e) {
-  [t, e] = Jt(t, e, e4), t = n4(t);
+]), eh = /* @__PURE__ */ ee({});
+function th(t, e) {
+  [t, e] = Jt(t, e, eh), t = nh(t);
   let n = t, { isPending: r } = n, { buttonProps: l, isPressed: i } = In(t, e), { focusProps: o, isFocused: a, isFocusVisible: u } = Zt(t), { hoverProps: s, isHovered: c } = Tt({
     ...t,
     isDisabled: t.isDisabled || r
@@ -10551,13 +10556,13 @@ function t4(t, e) {
     }
   }, f.children));
 }
-function n4(t) {
+function nh(t) {
   return t.isPending && (t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0, t.onClick = void 0, t.href = void 0), t;
 }
-const rc = /* @__PURE__ */ Kv(t4), r4 = /* @__PURE__ */ ee({}), l4 = /* @__PURE__ */ ee({}), i4 = /* @__PURE__ */ ee({}), lc = /* @__PURE__ */ ee({
+const rc = /* @__PURE__ */ Kv(th), rh = /* @__PURE__ */ ee({}), lh = /* @__PURE__ */ ee({}), ih = /* @__PURE__ */ ee({}), lc = /* @__PURE__ */ ee({
   placement: "bottom"
 });
-function o4(t, e) {
+function oh(t, e) {
   [t, e] = Jt(t, e, lc);
   let n = t.placement, r = {
     position: "absolute",
@@ -10581,8 +10586,8 @@ function o4(t, e) {
     "data-placement": n
   });
 }
-const a4 = /* @__PURE__ */ pt(o4), _r = /* @__PURE__ */ ee(null), u4 = /* @__PURE__ */ ee(null), s4 = /* @__PURE__ */ ee({}), ic = /* @__PURE__ */ ee(null), ul = /* @__PURE__ */ ee(null), oc = /* @__PURE__ */ ee(null);
-function c4(t) {
+const ah = /* @__PURE__ */ ft(oh), _r = /* @__PURE__ */ ee(null), uh = /* @__PURE__ */ ee(null), sh = /* @__PURE__ */ ee({}), ic = /* @__PURE__ */ ee(null), ul = /* @__PURE__ */ ee(null), oc = /* @__PURE__ */ ee(null);
+function ch(t) {
   let e = qp(t), n = M(null), { menuTriggerProps: r, menuProps: l } = Ba({
     ...t,
     type: "menu"
@@ -10606,7 +10611,7 @@ function c4(t) {
         }
       ],
       [
-        u4,
+        uh,
         e
       ],
       [
@@ -10632,17 +10637,17 @@ function c4(t) {
     isPressed: e.isOpen
   }, t.children));
 }
-const d4 = /* @__PURE__ */ ee(null);
-function f4(t, e) {
+const dh = /* @__PURE__ */ ee(null);
+function fh(t, e) {
   return [t, e] = Jt(t, e, ic), /* @__PURE__ */ B.createElement(_v, {
     content: /* @__PURE__ */ B.createElement(Hv, t)
-  }, (n) => n.size > 0 && /* @__PURE__ */ B.createElement(p4, {
+  }, (n) => n.size > 0 && /* @__PURE__ */ B.createElement(ph, {
     props: t,
     collection: n,
     menuRef: e
   }));
 }
-function p4({ props: t, collection: e, menuRef: n }) {
+function ph({ props: t, collection: e, menuRef: n }) {
   let r = Ws({
     ...t,
     collection: e,
@@ -10693,7 +10698,7 @@ function p4({ props: t, collection: e, menuRef: n }) {
         r
       ],
       [
-        i4,
+        ih,
         {
           elementType: "div"
         }
@@ -10707,11 +10712,11 @@ function p4({ props: t, collection: e, menuRef: n }) {
       [
         Uv,
         {
-          render: h4
+          render: hh
         }
       ],
       [
-        d4,
+        dh,
         {
           parentMenuRef: n
         }
@@ -10735,8 +10740,8 @@ function p4({ props: t, collection: e, menuRef: n }) {
     }
   }));
 }
-const v4 = /* @__PURE__ */ pt(f4);
-function h4(t, e, n) {
+const vh = /* @__PURE__ */ ft(fh);
+function hh(t, e, n) {
   var r, l;
   let i = Y(ul), { CollectionBranch: o } = Y(ec), [a, u] = qv();
   var s;
@@ -10754,7 +10759,7 @@ function h4(t, e, n) {
     ...d,
     ...f,
     ref: e
-  }, /* @__PURE__ */ B.createElement(l4.Provider, {
+  }, /* @__PURE__ */ B.createElement(lh.Provider, {
     value: {
       ...c,
       ref: a
@@ -10764,7 +10769,7 @@ function h4(t, e, n) {
     parent: n
   })));
 }
-const Nr = /* @__PURE__ */ ee(null), m4 = /* @__PURE__ */ jv("item", function(e, n, r) {
+const Nr = /* @__PURE__ */ ee(null), mh = /* @__PURE__ */ jv("item", function(e, n, r) {
   var l;
   [e, n] = Jt(e, n, Nr);
   let i = (l = tc(Nr)) === null || l === void 0 ? void 0 : l.id, o = Y(ul), a = Dn(n), { menuItemProps: u, labelProps: s, descriptionProps: c, keyboardShortcutProps: d, ...f } = Ma({
@@ -10804,7 +10809,7 @@ const Nr = /* @__PURE__ */ ee(null), m4 = /* @__PURE__ */ jv("item", function(e,
   }, /* @__PURE__ */ B.createElement(Ln, {
     values: [
       [
-        r4,
+        rh,
         {
           slots: {
             label: s,
@@ -10813,13 +10818,13 @@ const Nr = /* @__PURE__ */ ee(null), m4 = /* @__PURE__ */ jv("item", function(e,
         }
       ],
       [
-        s4,
+        sh,
         d
       ]
     ]
   }, E.children));
 }), sl = /* @__PURE__ */ ee(null), ac = /* @__PURE__ */ ee(null);
-function b4(t) {
+function bh(t) {
   let e = Hs(t), n = M(null), { triggerProps: r, tooltipProps: l } = Wp(t, e, n);
   return /* @__PURE__ */ B.createElement(Ln, {
     values: [
@@ -10840,19 +10845,19 @@ function b4(t) {
     ref: n
   }, t.children));
 }
-function g4({ UNSTABLE_portalContainer: t, ...e }, n) {
+function gh({ UNSTABLE_portalContainer: t, ...e }, n) {
   [e, n] = Jt(e, n, ac);
   let r = Y(sl), l = Hs(e), i = e.isOpen != null || e.defaultOpen != null || !r ? l : r, o = Zv(n, i.isOpen) || e.isExiting || !1;
   return !i.isOpen && !o ? null : /* @__PURE__ */ B.createElement(jf, {
     portalContainer: t
-  }, /* @__PURE__ */ B.createElement(y4, {
+  }, /* @__PURE__ */ B.createElement(yh, {
     ...e,
     tooltipRef: n,
     isExiting: o
   }));
 }
-const $4 = /* @__PURE__ */ pt(g4);
-function y4(t) {
+const $h = /* @__PURE__ */ ft(gh);
+function yh(t) {
   let e = Y(sl), n = M(null), [r, l] = j(0);
   Q(() => {
     n.current && e.isOpen && l(n.current.getBoundingClientRect().width);
@@ -10913,14 +10918,14 @@ function uc(t, e = "down") {
     return i.addEventListener("change", o), () => i.removeEventListener("change", o);
   }, [n]), r;
 }
-const x4 = ({ size: t }) => /* @__PURE__ */ b.jsx("svg", { viewBox: "0 0 24 24", width: t, height: t, children: /* @__PURE__ */ b.jsx(
+const xh = ({ size: t }) => /* @__PURE__ */ b.jsx("svg", { viewBox: "0 0 24 24", width: t, height: t, children: /* @__PURE__ */ b.jsx(
   "path",
   {
     fill: "currentColor",
     d: "M4 14c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm8 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm8 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"
   }
 ) });
-function eh({
+function Qh({
   renderTrigger: t,
   menuId: e,
   size: n = 24,
@@ -10942,7 +10947,7 @@ function eh({
       onPress: () => d((g) => !g),
       isDisabled: l,
       className: `proton-ResponsiveMenuTrigger__button ${u}`,
-      children: /* @__PURE__ */ b.jsx(x4, { size: n })
+      children: /* @__PURE__ */ b.jsx(xh, { size: n })
     }
   ), $ = t ? t(
     { ...p, onClick: () => d((g) => !g) },
@@ -10965,7 +10970,7 @@ function eh({
         "data-testid": a
       }
     )
-  ] }) : /* @__PURE__ */ b.jsxs(c4, { children: [
+  ] }) : /* @__PURE__ */ b.jsxs(ch, { children: [
     $,
     c && /* @__PURE__ */ b.jsx(
       ol,
@@ -10980,14 +10985,14 @@ function eh({
         triggerRef: f,
         arrow: !1,
         children: /* @__PURE__ */ b.jsx(
-          v4,
+          vh,
           {
             className: "proton-ListBox proton-ResponsiveMenuTrigger__menu",
             id: e,
             autoFocus: !0,
             "data-testid": a,
             children: r.map((g) => /* @__PURE__ */ b.jsx(
-              m4,
+              mh,
               {
                 href: g.to,
                 target: "_blank",
@@ -11018,11 +11023,11 @@ const Rr = (t) => {
       ref: e,
       "data-testid": "listbox",
       className: "proton-ListBox",
-      children: [...n.collection].map((l) => /* @__PURE__ */ b.jsx(E4, { item: l, state: n }, l.key))
+      children: [...n.collection].map((l) => /* @__PURE__ */ b.jsx(Eh, { item: l, state: n }, l.key))
     }
   ) });
 };
-function E4({ item: t, state: e }) {
+function Eh({ item: t, state: e }) {
   let n = M(null), { optionProps: r, isSelected: l, isFocused: i, isDisabled: o } = ip(
     { key: t.key },
     e,
@@ -11043,7 +11048,7 @@ function E4({ item: t, state: e }) {
     }
   );
 }
-const sc = pt(
+const sc = ft(
   (t, e) => {
     let { buttonProps: n } = In(
       {
@@ -11068,7 +11073,7 @@ const sc = pt(
     );
   }
 );
-function S4({
+function Sh({
   label: t,
   name: e,
   isDisabled: n,
@@ -11178,11 +11183,11 @@ function S4({
     }
   );
 }
-const th = {
-  Menu: S4,
+const e4 = {
+  Menu: Sh,
   Option: Zr
 };
-function C4({
+function Ch({
   label: t,
   name: e,
   isDisabled: n,
@@ -11292,11 +11297,11 @@ function C4({
     }
   );
 }
-const nh = {
-  Menu: C4,
+const t4 = {
+  Menu: Ch,
   Option: Zr
 };
-function rh(t) {
+function n4(t) {
   let e = {
     ...t,
     isSelected: t.isOn,
@@ -11325,11 +11330,11 @@ function rh(t) {
     }
   );
 }
-function w4({ item: t, state: e, children: n }) {
+function wh({ item: t, state: e, children: n }) {
   let r = M(), { rowProps: l } = zp({ node: t }, e);
   return /* @__PURE__ */ b.jsx("tr", { className: U("proton-Table__headerRow"), ...l, ref: r, children: n });
 }
-function P4({ column: t, state: e }) {
+function Ph({ column: t, state: e }) {
   var u, s;
   let n = M(), { columnHeaderProps: r } = Lp(
     { node: t },
@@ -11380,7 +11385,7 @@ function hi({ type: t, children: e }) {
     }
   );
 }
-function D4({ item: t, children: e, state: n }) {
+function Dh({ item: t, children: e, state: n }) {
   let r = M(), l = n.selectionManager.isSelected(t.key), { rowProps: i, isPressed: o } = Op(
     {
       node: t
@@ -11403,7 +11408,7 @@ function D4({ item: t, children: e, state: n }) {
     }
   );
 }
-function k4({ cell: t, state: e, ...n }) {
+function kh({ cell: t, state: e, ...n }) {
   let r = M(), { gridCellProps: l } = jp({ node: t }, e, r), { isFocusVisible: i, focusProps: o } = Zt();
   const { align: a } = t.props;
   return /* @__PURE__ */ b.jsx(
@@ -11420,8 +11425,8 @@ function k4({ cell: t, state: e, ...n }) {
     }
   );
 }
-const lh = ov, ih = av;
-function oh(t) {
+const r4 = ov, l4 = av;
+function i4(t) {
   let e = iv({
     ...t
   }), n = M(), { collection: r } = e, { gridProps: l } = Np(
@@ -11430,33 +11435,33 @@ function oh(t) {
     n
   );
   return /* @__PURE__ */ b.jsxs("table", { ...l, ref: n, className: U("proton-Table"), children: [
-    /* @__PURE__ */ b.jsx(hi, { type: "thead", children: r.headerRows.map((i) => /* @__PURE__ */ b.jsx(w4, { item: i, state: e, children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(
-      P4,
+    /* @__PURE__ */ b.jsx(hi, { type: "thead", children: r.headerRows.map((i) => /* @__PURE__ */ b.jsx(wh, { item: i, state: e, children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(
+      Ph,
       {
         column: o,
         state: e
       },
       o.key
     )) }, i.key)) }),
-    /* @__PURE__ */ b.jsx(hi, { type: "tbody", children: Array.from(r.body.childNodes).map((i) => /* @__PURE__ */ b.jsx(D4, { item: i, state: e, children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(k4, { cell: o, state: e }, o.key)) }, i.key)) })
+    /* @__PURE__ */ b.jsx(hi, { type: "tbody", children: Array.from(r.body.childNodes).map((i) => /* @__PURE__ */ b.jsx(Dh, { item: i, state: e, children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(kh, { cell: o, state: e }, o.key)) }, i.key)) })
   ] });
 }
-function T4({ children: t, arrow: e, ...n }) {
+function Th({ children: t, arrow: e, ...n }) {
   const { className: r, style: l } = Fe();
   return /* @__PURE__ */ b.jsxs(
-    $4,
+    $h,
     {
       ...n,
       className: U("proton__Tooltip", "proton-Dialog", r),
       style: l,
       children: [
-        e && /* @__PURE__ */ b.jsx(a4, { className: U("proton__TooltipArrow", r), children: /* @__PURE__ */ b.jsx("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ b.jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+        e && /* @__PURE__ */ b.jsx(ah, { className: U("proton__TooltipArrow", r), children: /* @__PURE__ */ b.jsx("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ b.jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
         t
       ]
     }
   );
 }
-function B4({
+function Bh({
   children: t,
   // trigger props
   delay: e = 500,
@@ -11471,7 +11476,7 @@ function B4({
 }) {
   const [s, c] = j(!1), d = M(!1), f = M(!1);
   return /* @__PURE__ */ b.jsxs(
-    b4,
+    bh,
     {
       delay: e,
       closeDelay: n,
@@ -11493,19 +11498,19 @@ function B4({
             children: t
           }
         ),
-        /* @__PURE__ */ b.jsx(T4, { ...u, children: a })
+        /* @__PURE__ */ b.jsx(Th, { ...u, children: a })
       ]
     }
   );
 }
-const ah = ({
+const o4 = ({
   to: t,
   children: e,
   tooltipProps: n,
   "data-testid": r
 }) => {
-  const { className: l, palette: i, theme: o } = Fe(), a = n ? /* @__PURE__ */ b.jsx(B4, { delay: 50, closeDelay: 75, ...n, children: e }) : e, u = {
-    "--text-emphasis-highlight": o === ze.CUSTOM_DARK ? st(i.SECONDARY.SECONDARY_LIGHT, 0.3) : st(Nc.PRIMARY, 0.5)
+  const { className: l, palette: i, theme: o } = Fe(), a = n ? /* @__PURE__ */ b.jsx(Bh, { delay: 50, closeDelay: 75, ...n, children: e }) : e, u = {
+    "--text-emphasis-highlight": o === ze.CUSTOM_DARK ? Dt(i.SECONDARY.SECONDARY_LIGHT).alpha(0.7).css() : Dt(Nc.PRIMARY).alpha(0.5).css()
   };
   if (t) {
     const s = Lr(t);
@@ -11546,7 +11551,7 @@ const ah = ({
     }
   );
 };
-function A4({
+function Ah({
   amplitude: t,
   isDisabled: e,
   isPlayed: n,
@@ -11614,8 +11619,8 @@ function A4({
     }
   );
 }
-const K4 = _4(100);
-function uh({
+const Kh = _h(100);
+function a4({
   data: t,
   resolution: e = 2,
   startDuration: n,
@@ -11628,11 +11633,11 @@ function uh({
   "data-testid": s
 }) {
   var R;
-  const { className: c, palette: d, theme: f } = Fe(), p = M(null), [m, $] = j([]), [g, E] = j(null), [S, y] = j(!1), [k, C] = j(!1), P = t || K4, _ = u || (f === "custom-dark" ? d.BRAND.PRIMARY_LIGHT : void 0), v = e;
+  const { className: c, palette: d, theme: f } = Fe(), p = M(null), [m, $] = j([]), [g, E] = j(null), [S, y] = j(!1), [k, C] = j(!1), P = t || Kh, _ = u || (f === "custom-dark" ? d.SECONDARY.SECONDARY_SUPER_LIGHT : void 0), v = e;
   L(() => {
     if (!p.current) return;
     const D = (Z) => {
-      const ue = Math.floor(Z / (e + v)), fe = F4(P, ue);
+      const ue = Math.floor(Z / (e + v)), fe = Fh(P, ue);
       $(fe);
     }, z = p.current.clientWidth;
     D(z);
@@ -11701,7 +11706,7 @@ function uh({
           m.map((D, z) => {
             const F = z / m.length * o, Z = n !== void 0 && r !== void 0 && (F < n || F > r), ue = l === 0 ? !1 : F <= l, fe = g !== null && F <= g;
             return /* @__PURE__ */ b.jsx(
-              A4,
+              Ah,
               {
                 amplitude: D,
                 isDisabled: Z,
@@ -11753,29 +11758,29 @@ function mi({
         `proton-Waveform__timestamp--${t}`
       ),
       style: { backgroundColor: e },
-      children: M4(n)
+      children: Mh(n)
     }
   );
 }
-function M4(t) {
+function Mh(t) {
   const e = Math.floor(t / 60), n = Math.floor(t % 60);
   return `${e}:${n < 10 ? "0" : ""}${n.toFixed(0)}`;
 }
-function F4(t, e) {
+function Fh(t, e) {
   const n = t.length, r = n / e, l = new Array(e).fill(0).map((i, o) => {
     const a = o * r, u = Math.floor(a), s = Math.min(u + 1, n - 1), c = a - u;
     return t[u] * (1 - c) + t[s] * c;
   });
-  return I4(l);
+  return Ih(l);
 }
-function I4(t) {
+function Ih(t) {
   const e = Math.min(...t), n = Math.max(...t);
   return t.map((r) => {
     const l = (r - e) / (n - e);
     return Math.max(l * 0.8 + 0.1, 0.1);
   });
 }
-function _4(t) {
+function _h(t) {
   return Array.from({ length: t }, (e, n) => {
     const l = n / (t - 1) * 6 * 2 * Math.PI - Math.PI / 2;
     return Math.sin(l) * 0.5 + 0.5;
@@ -11783,35 +11788,35 @@ function _4(t) {
 }
 export {
   Us as ActionMenu,
-  q4 as Badge,
-  Y4 as BadgeVariants,
+  Yh as Badge,
+  Gh as BadgeVariants,
   Ue as Banner,
   Ys as Button,
   Cv as ButtonGroup,
-  dh as COLORS,
-  ih as Cell,
-  lh as Column,
-  X4 as Dialog,
-  Z4 as Icon,
+  c4 as COLORS,
+  l4 as Cell,
+  r4 as Column,
+  qh as Dialog,
+  Xh as Icon,
   Dv as Input,
   ol as Popover,
-  eh as ResponsiveMenuTrigger,
-  nh as ResponsiveSelect,
-  U4 as Row,
-  J4 as SearchInput,
-  V4 as Section,
-  th as Select,
-  rh as Switch,
+  Qh as ResponsiveMenuTrigger,
+  t4 as ResponsiveSelect,
+  Wh as Row,
+  Zh as SearchInput,
+  jh as Section,
+  e4 as Select,
+  n4 as Switch,
   ze as THEMES,
-  oh as Table,
-  W4 as TableBody,
-  H4 as TableHeader,
-  ah as TextEmphasis,
-  G4 as ThemeProvider,
-  T4 as Tooltip,
-  B4 as TooltipTrigger,
-  uh as Waveform,
-  Q4 as usePopoverTrigger,
+  i4 as Table,
+  Hh as TableBody,
+  Vh as TableHeader,
+  o4 as TextEmphasis,
+  Uh as ThemeProvider,
+  Th as Tooltip,
+  Bh as TooltipTrigger,
+  a4 as Waveform,
+  Jh as usePopoverTrigger,
   Fe as useTheme
 };
 //# sourceMappingURL=index.es.js.map