@protonradio/proton-ui 0.7.5-beta8 → 0.7.5-beta9

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import A, { useRef as I, useCallback as X, useState as z, useContext as Y, useEffect as L, createContext as Q, useMemo as V, useLayoutEffect as Mc, createElement as gi, isValidElement as Ic, forwardRef as dt, cloneElement as Fc } from "react";
-import Sn, { flushSync as _c, createPortal as yi } from "react-dom";
+import Cn, { flushSync as _c, createPortal as yi } from "react-dom";
 import { e as W, i as Lr, h as $i, a as Rc, D as Un } from "./utils-KedSkjS1.mjs";
 import { THEMES as Pt, BREAKPOINTS as xi } from "./constants.es.js";
 import { transparentize as Gn, parseToRgba as Nc } from "color2k";
-import { G as ke, S as en, W as tn, D as nn } from "./colors-Dwh4VIMR.mjs";
+import { G as ke, S as tn, W as nn, D as rn } from "./colors-Dwh4VIMR.mjs";
 import { c as h4 } from "./colors-Dwh4VIMR.mjs";
 var dr = { exports: {} }, Mt = {};
 /**
@@ -290,7 +290,7 @@ function Oc() {
       var K = h.prototype;
       return !!(K && K.isReactComponent);
     }
-    function Jt(h, K, R) {
+    function Qt(h, K, R) {
       if (h == null)
         return "";
       if (typeof h == "function")
@@ -308,11 +308,11 @@ function Oc() {
           case u:
             return Ln(h.render);
           case d:
-            return Jt(h.type, K, R);
+            return Qt(h.type, K, R);
           case f: {
             var j = h, Z = j._payload, ee = j._init;
             try {
-              return Jt(ee(Z), K, R);
+              return Qt(ee(Z), K, R);
             } catch {
             }
           }
@@ -320,9 +320,9 @@ function Oc() {
       return "";
     }
     var Bt = Object.prototype.hasOwnProperty, dl = {}, fl = E.ReactDebugCurrentFrame;
-    function Qt(h) {
+    function en(h) {
       if (h) {
-        var K = h._owner, R = Jt(h.type, h._source, K ? K.type : null);
+        var K = h._owner, R = Qt(h.type, h._source, K ? K.type : null);
         fl.setExtraStackFrame(R);
       } else
         fl.setExtraStackFrame(null);
@@ -342,7 +342,7 @@ function Oc() {
             } catch (le) {
               G = le;
             }
-            G && !(G instanceof Error) && (Qt(Z), S("%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).", j || "React class", R, q, typeof G), Qt(null)), G instanceof Error && !(G.message in dl) && (dl[G.message] = !0, Qt(Z), S("Failed %s type: %s", R, G.message), Qt(null));
+            G && !(G instanceof Error) && (en(Z), S("%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).", j || "React class", R, q, typeof G), en(null)), G instanceof Error && !(G.message in dl) && (dl[G.message] = !0, en(Z), S("Failed %s type: %s", R, G.message), en(null));
           }
       }
     }
@@ -471,7 +471,7 @@ function Oc() {
     var jn = E.ReactCurrentOwner, bl = E.ReactDebugCurrentFrame;
     function bt(h) {
       if (h) {
-        var K = h._owner, R = Jt(h.type, h._source, K ? K.type : null);
+        var K = h._owner, R = Qt(h.type, h._source, K ? K.type : null);
         bl.setExtraStackFrame(R);
       } else
         bl.setExtraStackFrame(null);
@@ -669,10 +669,10 @@ function zc(t) {
     i
   ];
 }
-const fn = {
+const pn = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, Ei = /* @__PURE__ */ A.createContext(fn), jc = /* @__PURE__ */ A.createContext(!1);
+}, Ei = /* @__PURE__ */ A.createContext(pn), jc = /* @__PURE__ */ A.createContext(!1);
 let Vc = !!(typeof window < "u" && window.document && window.document.createElement), Yn = /* @__PURE__ */ new WeakMap();
 function Hc(t = !1) {
   let e = Y(Ei), n = I(null);
@@ -692,12 +692,12 @@ function Hc(t = !1) {
 }
 function Wc(t) {
   let e = Y(Ei);
-  e === fn && !Vc && 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 = Hc(!!t), r = e === fn && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${e.prefix}`;
+  e === pn && !Vc && 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 = Hc(!!t), r = e === pn && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${e.prefix}`;
   return t || `${r}-${n}`;
 }
 function Uc(t) {
-  let e = A.useId(), [n] = z(nt()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${fn.prefix}`;
+  let e = A.useId(), [n] = z(nt()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${pn.prefix}`;
   return t || `${r}-${e}`;
 }
 const Gc = typeof A.useId == "function" ? Uc : Wc;
@@ -833,20 +833,20 @@ function Le(t) {
     t.focus(), ad(e);
   }
 }
-let rn = null;
+let ln = null;
 function id() {
-  if (rn == null) {
-    rn = !1;
+  if (ln == null) {
+    ln = !1;
     try {
       document.createElement("div").focus({
         get preventScroll() {
-          return rn = !0, !0;
+          return ln = !0, !0;
         }
       });
     } catch {
     }
   }
-  return rn;
+  return ln;
 }
 function od(t) {
   let e = t.parentNode, n = [], r = document.scrollingElement || document.documentElement;
@@ -866,7 +866,7 @@ function ad(t) {
   for (let { element: e, scrollTop: n, scrollLeft: r } of t)
     e.scrollTop = n, e.scrollLeft = r;
 }
-function Cn(t) {
+function wn(t) {
   var e;
   return typeof window > "u" || window.navigator == null ? !1 : ((e = window.navigator.userAgentData) === null || e === void 0 ? void 0 : e.brands.some((n) => t.test(n.brand))) || t.test(window.navigator.userAgent);
 }
@@ -885,18 +885,18 @@ const tt = Ve(function() {
 }), Ci = Ve(function() {
   return Or(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
   tt() && navigator.maxTouchPoints > 1;
-}), wn = Ve(function() {
+}), Pn = Ve(function() {
   return ud() || Ci();
 }), sd = Ve(function() {
-  return tt() || wn();
+  return tt() || Pn();
 }), zr = Ve(function() {
-  return Cn(/AppleWebKit/i) && !cd();
+  return wn(/AppleWebKit/i) && !cd();
 }), cd = Ve(function() {
-  return Cn(/Chrome/i);
-}), pn = Ve(function() {
-  return Cn(/Android/i);
+  return wn(/Chrome/i);
+}), vn = Ve(function() {
+  return wn(/Android/i);
 }), dd = Ve(function() {
-  return Cn(/Firefox/i);
+  return wn(/Firefox/i);
 }), fd = /* @__PURE__ */ Q({
   isNative: !0,
   open: vd,
@@ -1033,7 +1033,7 @@ function ki(t, e) {
     "aria-labelledby": l
   };
 }
-function Pn(t) {
+function Dn(t) {
   const e = I(null);
   return V(() => ({
     get current() {
@@ -1106,7 +1106,7 @@ function bd(t, e) {
 }
 let gd = 0;
 const qn = /* @__PURE__ */ new Map();
-function Dn(t) {
+function kn(t) {
   let [e, n] = z();
   return J(() => {
     if (!t) return;
@@ -1189,12 +1189,12 @@ function Ze(t, e) {
   }
 }
 function vr(t) {
-  return t.mozInputSource === 0 && t.isTrusted ? !0 : pn() && t.pointerType ? t.type === "click" && t.buttons === 1 : t.detail === 0 && !t.pointerType;
+  return t.mozInputSource === 0 && t.isTrusted ? !0 : vn() && t.pointerType ? t.type === "click" && t.buttons === 1 : t.detail === 0 && !t.pointerType;
 }
 function yd(t) {
-  return !pn() && t.width === 0 && t.height === 0 || t.width === 1 && t.height === 1 && t.pressure === 0 && t.detail === 0 && t.pointerType === "mouse";
+  return !vn() && t.width === 0 && t.height === 0 || t.width === 1 && t.height === 1 && t.pressure === 0 && t.detail === 0 && t.pointerType === "mouse";
 }
-function kn(t, e, n) {
+function Tn(t, e, n) {
   let r = I(e), l = oe(() => {
     n && n(r.current);
   });
@@ -1238,18 +1238,18 @@ function rt(t, e, n) {
 function hr(t, e = -1 / 0, n = 1 / 0) {
   return Math.min(Math.max(t, e), n);
 }
-let Ct = "default", mr = "", dn = /* @__PURE__ */ new WeakMap();
+let Ct = "default", mr = "", fn = /* @__PURE__ */ new WeakMap();
 function Tl(t) {
-  if (wn()) {
+  if (Pn()) {
     if (Ct === "default") {
       const e = ne(t);
       mr = e.documentElement.style.webkitUserSelect, e.documentElement.style.webkitUserSelect = "none";
     }
     Ct = "disabled";
-  } else (t instanceof HTMLElement || t instanceof SVGElement) && (dn.set(t, t.style.userSelect), t.style.userSelect = "none");
+  } else (t instanceof HTMLElement || t instanceof SVGElement) && (fn.set(t, t.style.userSelect), t.style.userSelect = "none");
 }
-function ln(t) {
-  if (wn()) {
+function on(t) {
+  if (Pn()) {
     if (Ct !== "disabled") return;
     Ct = "restoring", setTimeout(() => {
       Pi(() => {
@@ -1259,9 +1259,9 @@ function ln(t) {
         }
       });
     }, 300);
-  } else if ((t instanceof HTMLElement || t instanceof SVGElement) && t && dn.has(t)) {
-    let e = dn.get(t);
-    t.style.userSelect === "none" && (t.style.userSelect = e), t.getAttribute("style") === "" && t.removeAttribute("style"), dn.delete(t);
+  } else if ((t instanceof HTMLElement || t instanceof SVGElement) && t && fn.has(t)) {
+    let e = fn.get(t);
+    t.style.userSelect === "none" && (t.style.userSelect = e), t.getAttribute("style") === "" && t.removeAttribute("style"), fn.delete(t);
   }
 }
 const Vt = A.createContext({
@@ -1307,19 +1307,19 @@ function wd(t) {
   }
   return jr(e, t.ref), t;
 }
-var on = /* @__PURE__ */ new WeakMap();
-class an {
+var an = /* @__PURE__ */ new WeakMap();
+class un {
   continuePropagation() {
-    Al(this, on, !1);
+    Al(this, an, !1);
   }
   get shouldStopPropagation() {
-    return xd(this, on);
+    return xd(this, an);
   }
   constructor(e, n, r, l) {
-    Sd(this, on, {
+    Sd(this, an, {
       writable: !0,
       value: void 0
-    }), Al(this, on, !0);
+    }), Al(this, an, !0);
     var i;
     let o = (i = l == null ? void 0 : l.target) !== null && i !== void 0 ? i : r.currentTarget;
     const a = o == null ? void 0 : o.getBoundingClientRect();
@@ -1358,7 +1358,7 @@ function ze(t) {
     if (o || P.didFirePressStart) return !1;
     let w = !0;
     if (P.isTriggeringEvent = !0, r) {
-      let M = new an("pressstart", B, v);
+      let M = new un("pressstart", B, v);
       r(M), w = M.shouldStopPropagation;
     }
     return n && n(!0), P.isTriggeringEvent = !1, P.didFirePressStart = !0, m(!0), w;
@@ -1368,11 +1368,11 @@ function ze(t) {
     w.ignoreClickAfterPress = !0, w.didFirePressStart = !1, w.isTriggeringEvent = !0;
     let M = !0;
     if (l) {
-      let $ = new an("pressend", B, v);
+      let $ = new un("pressend", B, v);
       l($), M = $.shouldStopPropagation;
     }
     if (n && n(!1), m(!1), e && P && !o) {
-      let $ = new an("press", B, v);
+      let $ = new un("press", B, v);
       e($), M && (M = $.shouldStopPropagation);
     }
     return w.isTriggeringEvent = !1, M;
@@ -1381,13 +1381,13 @@ function ze(t) {
     if (o) return !1;
     if (i) {
       P.isTriggeringEvent = !0;
-      let w = new an("pressup", B, v);
+      let w = new un("pressup", B, v);
       return i(w), P.isTriggeringEvent = !1, w.shouldStopPropagation;
     }
     return !0;
   }), C = oe((v) => {
     let B = y.current;
-    B.isPressed && B.target && (B.isOverTarget && B.pointerType != null && x(Fe(B.target, v), B.pointerType, !1), B.isPressed = !1, B.isOverTarget = !1, B.activePointerId = null, B.pointerType = null, E(), s || ln(B.target));
+    B.isPressed && B.target && (B.isOverTarget && B.pointerType != null && x(Fe(B.target, v), B.pointerType, !1), B.isPressed = !1, B.isOverTarget = !1, B.activePointerId = null, B.pointerType = null, E(), s || on(B.target));
   }), D = oe((v) => {
     c && C(v);
   }), _ = V(() => {
@@ -1450,7 +1450,7 @@ function ze(t) {
       let w = (T) => {
         T.pointerId === v.activePointerId && (v.target && yt(T, v.target) ? !v.isOverTarget && v.pointerType != null && (v.isOverTarget = !0, S(Fe(v.target, T), v.pointerType)) : v.target && v.isOverTarget && v.pointerType != null && (v.isOverTarget = !1, x(Fe(v.target, T), v.pointerType, !1), D(T)));
       }, M = (T) => {
-        T.pointerId === v.activePointerId && v.isPressed && T.button === 0 && v.target && (yt(T, v.target) && v.pointerType != null ? x(Fe(v.target, T), v.pointerType) : v.isOverTarget && v.pointerType != null && x(Fe(v.target, T), v.pointerType, !1), v.isPressed = !1, v.isOverTarget = !1, v.activePointerId = null, v.pointerType = null, E(), s || ln(v.target), "ontouchend" in v.target && T.pointerType !== "mouse" && g(v.target, "touchend", $, {
+        T.pointerId === v.activePointerId && v.isPressed && T.button === 0 && v.target && (yt(T, v.target) && v.pointerType != null ? x(Fe(v.target, T), v.pointerType) : v.isOverTarget && v.pointerType != null && x(Fe(v.target, T), v.pointerType, !1), v.isPressed = !1, v.isOverTarget = !1, v.activePointerId = null, v.pointerType = null, E(), s || on(v.target), "ontouchend" in v.target && T.pointerType !== "mouse" && g(v.target, "touchend", $, {
           once: !0
         }));
       }, $ = (T) => {
@@ -1509,7 +1509,7 @@ function ze(t) {
           return;
         }
         let F = Kl($.nativeEvent, v.activePointerId), T = !0;
-        F && yt(F, $.currentTarget) && v.pointerType != null ? (k(Ye(v.target, $), v.pointerType), T = x(Ye(v.target, $), v.pointerType)) : v.isOverTarget && v.pointerType != null && (T = x(Ye(v.target, $), v.pointerType, !1)), T && $.stopPropagation(), v.isPressed = !1, v.activePointerId = null, v.isOverTarget = !1, v.ignoreEmulatedMouseEvents = !0, v.target && !s && ln(v.target), E();
+        F && yt(F, $.currentTarget) && v.pointerType != null ? (k(Ye(v.target, $), v.pointerType), T = x(Ye(v.target, $), v.pointerType)) : v.isOverTarget && v.pointerType != null && (T = x(Ye(v.target, $), v.pointerType, !1)), T && $.stopPropagation(), v.isPressed = !1, v.activePointerId = null, v.isOverTarget = !1, v.ignoreEmulatedMouseEvents = !0, v.target && !s && on(v.target), E();
       }, B.onTouchCancel = ($) => {
         $.currentTarget.contains($.target) && ($.stopPropagation(), v.isPressed && C(Ye(v.target, $)));
       };
@@ -1541,7 +1541,7 @@ function ze(t) {
   ]);
   return L(() => () => {
     var v;
-    s || ln((v = y.current.target) !== null && v !== void 0 ? v : void 0);
+    s || on((v = y.current.target) !== null && v !== void 0 ? v : void 0);
   }, [
     s
   ]), {
@@ -1634,7 +1634,7 @@ function Mi(t, e) {
 }
 const Ad = /* @__PURE__ */ A.forwardRef(({ children: t, ...e }, n) => {
   let r = I(!1), l = Y(Vt);
-  n = Pn(n || (l == null ? void 0 : l.ref));
+  n = Dn(n || (l == null ? void 0 : l.ref));
   let i = H(l || {}, {
     ...e,
     ref: n,
@@ -1721,7 +1721,7 @@ function Ii(t) {
     n
   ]);
 }
-function Tn(t) {
+function An(t) {
   let { isDisabled: e, onFocus: n, onBlur: r, onFocusChange: l } = t;
   const i = X((u) => {
     if (u.target === u.currentTarget)
@@ -1749,34 +1749,34 @@ const Md = {
   Tab: !0,
   Escape: !0
 };
-function An(t, e) {
+function Bn(t, e) {
   for (let n of Ht) n(t, e);
 }
 function Id(t) {
   return !(t.metaKey || !tt() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
 }
-function vn(t) {
-  st = !0, Id(t) && (je = "keyboard", An("keyboard", t));
+function hn(t) {
+  st = !0, Id(t) && (je = "keyboard", Bn("keyboard", t));
 }
 function we(t) {
-  je = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (st = !0, An("pointer", t));
+  je = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (st = !0, Bn("pointer", t));
 }
 function Fi(t) {
   vr(t) && (st = !0, je = "virtual");
 }
 function _i(t) {
-  t.target === window || t.target === document || (!st && !br && (je = "virtual", An("virtual", t)), st = !1, br = !1);
+  t.target === window || t.target === document || (!st && !br && (je = "virtual", Bn("virtual", t)), st = !1, br = !1);
 }
 function Ri() {
   st = !1, br = !0;
 }
-function hn(t) {
+function mn(t) {
   if (typeof window > "u" || zt.get(Pe(t))) return;
   const e = Pe(t), n = ne(t);
   let r = e.HTMLElement.prototype.focus;
   e.HTMLElement.prototype.focus = function() {
     st = !0, r.apply(this, arguments);
-  }, n.addEventListener("keydown", vn, !0), n.addEventListener("keyup", vn, !0), n.addEventListener("click", Fi, !0), e.addEventListener("focus", _i, !0), e.addEventListener("blur", Ri, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", we, !0), n.addEventListener("pointermove", we, !0), n.addEventListener("pointerup", we, !0)) : (n.addEventListener("mousedown", we, !0), n.addEventListener("mousemove", we, !0), n.addEventListener("mouseup", we, !0)), e.addEventListener("beforeunload", () => {
+  }, n.addEventListener("keydown", hn, !0), n.addEventListener("keyup", hn, !0), n.addEventListener("click", Fi, !0), e.addEventListener("focus", _i, !0), e.addEventListener("blur", Ri, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", we, !0), n.addEventListener("pointermove", we, !0), n.addEventListener("pointerup", we, !0)) : (n.addEventListener("mousedown", we, !0), n.addEventListener("mousemove", we, !0), n.addEventListener("mouseup", we, !0)), e.addEventListener("beforeunload", () => {
     Ni(t);
   }, {
     once: !0
@@ -1786,27 +1786,27 @@ function hn(t) {
 }
 const Ni = (t, e) => {
   const n = Pe(t), r = ne(t);
-  e && r.removeEventListener("DOMContentLoaded", e), zt.has(n) && (n.HTMLElement.prototype.focus = zt.get(n).focus, r.removeEventListener("keydown", vn, !0), r.removeEventListener("keyup", vn, !0), r.removeEventListener("click", Fi, !0), n.removeEventListener("focus", _i, !0), n.removeEventListener("blur", Ri, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", we, !0), r.removeEventListener("pointermove", we, !0), r.removeEventListener("pointerup", we, !0)) : (r.removeEventListener("mousedown", we, !0), r.removeEventListener("mousemove", we, !0), r.removeEventListener("mouseup", we, !0)), zt.delete(n));
+  e && r.removeEventListener("DOMContentLoaded", e), zt.has(n) && (n.HTMLElement.prototype.focus = zt.get(n).focus, r.removeEventListener("keydown", hn, !0), r.removeEventListener("keyup", hn, !0), r.removeEventListener("click", Fi, !0), n.removeEventListener("focus", _i, !0), n.removeEventListener("blur", Ri, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", we, !0), r.removeEventListener("pointermove", we, !0), r.removeEventListener("pointerup", we, !0)) : (r.removeEventListener("mousedown", we, !0), r.removeEventListener("mousemove", we, !0), r.removeEventListener("mouseup", we, !0)), zt.delete(n));
 };
 function Fd(t) {
   const e = ne(t);
   let n;
-  return e.readyState !== "loading" ? hn(t) : (n = () => {
-    hn(t);
+  return e.readyState !== "loading" ? mn(t) : (n = () => {
+    mn(t);
   }, e.addEventListener("DOMContentLoaded", n)), () => Ni(t, n);
 }
 typeof document < "u" && Fd();
 function ct() {
   return je !== "pointer";
 }
-function mn() {
+function bn() {
   return je;
 }
 function Li(t) {
-  je = t, An(t, null);
+  je = t, Bn(t, null);
 }
 function Oi() {
-  hn();
+  mn();
   let [t, e] = z(je);
   return L(() => {
     let n = () => {
@@ -1834,7 +1834,7 @@ function Rd(t, e, n) {
   return t = t || (n == null ? void 0 : n.target) instanceof l && !_d.has(n == null || (r = n.target) === null || r === void 0 ? void 0 : r.type) || (n == null ? void 0 : n.target) instanceof i || (n == null ? void 0 : n.target) instanceof o && (n == null ? void 0 : n.target.isContentEditable), !(t && e === "keyboard" && n instanceof a && !Md[n.key]);
 }
 function Nd(t, e, n) {
-  hn(), L(() => {
+  mn(), L(() => {
     let r = (l, i) => {
       Rd(!!(n != null && n.isTextInput), l, i) && t(ct());
     };
@@ -1872,10 +1872,10 @@ function qt(t) {
     }
   };
 }
-let bn = !1, Jn = 0;
+let gn = !1, Jn = 0;
 function gr() {
-  bn = !0, setTimeout(() => {
-    bn = !1;
+  gn = !0, setTimeout(() => {
+    gn = !1;
   }, 50);
 }
 function Il(t) {
@@ -1916,13 +1916,13 @@ function kt(t) {
       }), n && n(!1), o(!1);
     }, f = {};
     return typeof PointerEvent < "u" ? (f.onPointerEnter = (p) => {
-      bn && p.pointerType === "mouse" || s(p, p.pointerType);
+      gn && p.pointerType === "mouse" || s(p, p.pointerType);
     }, f.onPointerLeave = (p) => {
       !l && p.currentTarget.contains(p.target) && d(p, p.pointerType);
     }) : (f.onTouchStart = () => {
       a.ignoreEmulatedMouseEvents = !0;
     }, f.onMouseEnter = (p) => {
-      !a.ignoreEmulatedMouseEvents && !bn && s(p, "mouse"), a.ignoreEmulatedMouseEvents = !1;
+      !a.ignoreEmulatedMouseEvents && !gn && s(p, "mouse"), a.ignoreEmulatedMouseEvents = !1;
     }, f.onMouseLeave = (p) => {
       !l && p.currentTarget.contains(p.target) && d(p, "mouse");
     }), {
@@ -1952,7 +1952,7 @@ function zi(t) {
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
   }), o = oe((u) => {
-    n && un(u, e) && (l && l(u), i.current.isPointerDown = !0);
+    n && sn(u, e) && (l && l(u), i.current.isPointerDown = !0);
   }), a = oe((u) => {
     n && n(u);
   });
@@ -1962,16 +1962,16 @@ function zi(t) {
     const c = e.current, s = ne(c);
     if (typeof PointerEvent < "u") {
       let d = (f) => {
-        u.isPointerDown && un(f, e) && a(f), u.isPointerDown = !1;
+        u.isPointerDown && sn(f, e) && a(f), u.isPointerDown = !1;
       };
       return s.addEventListener("pointerdown", o, !0), s.addEventListener("pointerup", d, !0), () => {
         s.removeEventListener("pointerdown", o, !0), s.removeEventListener("pointerup", d, !0);
       };
     } else {
       let d = (p) => {
-        u.ignoreEmulatedMouseEvents ? u.ignoreEmulatedMouseEvents = !1 : u.isPointerDown && un(p, e) && a(p), u.isPointerDown = !1;
+        u.ignoreEmulatedMouseEvents ? u.ignoreEmulatedMouseEvents = !1 : u.isPointerDown && sn(p, e) && a(p), u.isPointerDown = !1;
       }, f = (p) => {
-        u.ignoreEmulatedMouseEvents = !0, u.isPointerDown && un(p, e) && a(p), u.isPointerDown = !1;
+        u.ignoreEmulatedMouseEvents = !0, u.isPointerDown && sn(p, e) && a(p), u.isPointerDown = !1;
       };
       return s.addEventListener("mousedown", o, !0), s.addEventListener("mouseup", d, !0), s.addEventListener("touchstart", o, !0), s.addEventListener("touchend", f, !0), () => {
         s.removeEventListener("mousedown", o, !0), s.removeEventListener("mouseup", d, !0), s.removeEventListener("touchstart", o, !0), s.removeEventListener("touchend", f, !0);
@@ -1984,7 +1984,7 @@ function zi(t) {
     a
   ]);
 }
-function un(t, e) {
+function sn(t, e) {
   if (t.button > 0) return !1;
   if (t.target) {
     const n = t.target.ownerDocument;
@@ -2060,14 +2060,14 @@ function Vi(t) {
         type: "longpressend"
       });
     }
-  }), d = Dn(l && !e ? o : void 0);
+  }), d = kn(l && !e ? o : void 0);
   return {
     longPressProps: H(s, d)
   };
 }
 function ve(t) {
   const e = ne(t);
-  if (mn() === "virtual") {
+  if (bn() === "virtual") {
     let n = e.activeElement;
     Pi(() => {
       e.activeElement === n && t.isConnected && Le(t);
@@ -2094,7 +2094,7 @@ function Hi(t, e) {
 }
 const _l = /* @__PURE__ */ A.createContext(null), yr = "react-aria-focus-scope-restore";
 let te = null;
-function Bn(t) {
+function Xt(t) {
   let { children: e, contain: n, restoreFocus: r, autoFocus: l } = t, i = I(null), o = I(null), a = I([]), { parentNode: u } = Y(_l) || {}, c = V(() => new xr({
     scopeRef: a
   }), [
@@ -2102,7 +2102,7 @@ function Bn(t) {
   ]);
   J(() => {
     let f = u || se.root;
-    if (se.getTreeNode(f.scopeRef) && te && !yn(te, f.scopeRef)) {
+    if (se.getTreeNode(f.scopeRef) && te && !$n(te, f.scopeRef)) {
       let p = se.getTreeNode(te);
       p && (f = p);
     }
@@ -2137,7 +2137,7 @@ function Bn(t) {
   ]), J(() => () => {
     var f, p, m;
     let y = (m = (p = se.getTreeNode(a)) === null || p === void 0 || (f = p.parent) === null || f === void 0 ? void 0 : f.scopeRef) !== null && m !== void 0 ? m : null;
-    (a === te || yn(a, te)) && (!y || se.getTreeNode(y)) && (te = y), se.removeTreeNode(a);
+    (a === te || $n(a, te)) && (!y || se.getTreeNode(y)) && (te = y), se.removeTreeNode(a);
   }, [
     a
   ]);
@@ -2249,10 +2249,10 @@ function Ud(t, e) {
       let m = c.shiftKey ? p.previousNode() : p.nextNode();
       m || (p.currentNode = c.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, m = c.shiftKey ? p.previousNode() : p.nextNode()), c.preventDefault(), m && Oe(m, !0);
     }, a = (c) => {
-      (!te || yn(te, t)) && de(c.target, t.current) ? (te = t, n.current = c.target) : Lt(t) && !gn(c.target, t) ? n.current ? n.current.focus() : te && te.current && $r(te.current) : Lt(t) && (n.current = c.target);
+      (!te || $n(te, t)) && de(c.target, t.current) ? (te = t, n.current = c.target) : Lt(t) && !yn(c.target, t) ? n.current ? n.current.focus() : te && te.current && $r(te.current) : Lt(t) && (n.current = c.target);
     }, u = (c) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-        if (i.activeElement && Lt(t) && !gn(i.activeElement, t))
+        if (i.activeElement && Lt(t) && !yn(i.activeElement, t))
           if (te = t, i.body.contains(c.target)) {
             var s;
             n.current = c.target, (s = n.current) === null || s === void 0 || s.focus();
@@ -2272,21 +2272,21 @@ function Ud(t, e) {
   ]);
 }
 function Wi(t) {
-  return gn(t);
+  return yn(t);
 }
 function de(t, e) {
   return !t || !e ? !1 : e.some((n) => n.contains(t));
 }
-function gn(t, e = null) {
+function yn(t, e = null) {
   if (t instanceof Element && t.closest("[data-react-aria-top-layer]")) return !0;
   for (let { scopeRef: n } of se.traverse(se.getTreeNode(e)))
     if (n && de(t, n.current)) return !0;
   return !1;
 }
 function Gd(t) {
-  return gn(t, te);
+  return yn(t, te);
 }
-function yn(t, e) {
+function $n(t, e) {
   var n;
   let r = (n = se.getTreeNode(e)) === null || n === void 0 ? void 0 : n.parent;
   for (; r; ) {
@@ -2364,7 +2364,7 @@ function Zd(t, e, n) {
     const i = ne(l ? l[0] : void 0);
     if (!e || n) return;
     let o = () => {
-      (!te || yn(te, t)) && de(i.activeElement, t.current) && (te = t);
+      (!te || $n(te, t)) && de(i.activeElement, t.current) && (te = t);
     };
     return i.addEventListener("focusin", o, !1), l == null || l.forEach((a) => a.addEventListener("focusin", o, !1)), () => {
       i.removeEventListener("focusin", o, !1), l == null || l.forEach((a) => a.removeEventListener("focusin", o, !1));
@@ -2513,7 +2513,7 @@ class xr {
   }
 }
 let se = new Wr();
-function Xt(t = {}) {
+function Zt(t = {}) {
   let { autoFocus: e = !1, isTextInput: n, within: r } = t, l = I({
     isFocused: !1,
     isFocusVisible: e || ct()
@@ -2527,7 +2527,7 @@ function Xt(t = {}) {
   }, [], {
     isTextInput: n
   });
-  let { focusProps: d } = Tn({
+  let { focusProps: d } = An({
     isDisabled: r,
     onFocusChange: s
   }), { focusWithinProps: f } = qt({
@@ -2548,7 +2548,7 @@ function Jd(t) {
   return r;
 }
 function Qd(t, e) {
-  let { children: n, ...r } = t, l = Pn(e), i = {
+  let { children: n, ...r } = t, l = Dn(e), i = {
     ...r,
     ref: l
   };
@@ -2558,7 +2558,7 @@ function Qd(t, e) {
 }
 let ef = /* @__PURE__ */ A.forwardRef(Qd);
 function Tt(t, e) {
-  let { focusProps: n } = Tn(t), { keyboardProps: r } = ji(t), l = H(n, r), i = Jd(e), o = t.isDisabled ? {} : i, a = I(t.autoFocus);
+  let { focusProps: n } = An(t), { keyboardProps: r } = ji(t), l = H(n, r), i = Jd(e), o = t.isDisabled ? {} : i, a = I(t.autoFocus);
   return L(() => {
     a.current && e.current && ve(e.current), a.current = !1;
   }, [
@@ -2828,7 +2828,7 @@ function In(t, e) {
 }
 const qi = 7e3;
 let Be = null;
-function $n(t, e = "assertive", n = qi) {
+function xn(t, e = "assertive", n = qi) {
   Be ? Be.announce(t, e, n) : (Be = new mf(), (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") ? Be.announce(t, e, n) : setTimeout(() => {
     Be != null && Be.isAttached() && (Be == null || Be.announce(t, e, n));
   }, 100));
@@ -3052,7 +3052,7 @@ function Sf(t, e, n) {
   }), { focusableProps: x } = Tt(t, n), k = H(y, x), C = fe(t, {
     labelable: !0
   });
-  return kn(n, e.isSelected, e.setSelected), {
+  return Tn(n, e.isSelected, e.setSelected), {
     labelProps: H(E, {
       onClick: (D) => D.preventDefault()
     }),
@@ -3187,7 +3187,7 @@ function eo(t, e) {
     type: o,
     pattern: t.pattern
   };
-  return kn(e, u, c), Ur(t, d, e), L(() => {
+  return Tn(e, u, c), Ur(t, d, e), L(() => {
     if (e.current instanceof Pe(e.current).HTMLTextAreaElement) {
       let C = e.current;
       Object.defineProperty(C, "defaultValue", {
@@ -3248,7 +3248,7 @@ const Ke = {
   bottom: "top",
   left: "left",
   right: "left"
-}, xn = {
+}, En = {
   top: "bottom",
   bottom: "top",
   left: "right",
@@ -3262,7 +3262,7 @@ const Ke = {
 }, to = {
   width: "totalWidth",
   height: "totalHeight"
-}, sn = {};
+}, cn = {};
 let be = typeof document < "u" && window.visualViewport;
 function Wl(t) {
   let e = 0, n = 0, r = 0, l = 0, i = 0, o = 0, a = {}, u = (be == null ? void 0 : be.scale) > 1;
@@ -3307,18 +3307,18 @@ function Df(t) {
   };
 }
 function Gl(t) {
-  if (sn[t]) return sn[t];
+  if (cn[t]) return cn[t];
   let [e, n] = t.split(" "), r = Ke[e] || "right", l = wf[r];
   Ke[n] || (n = "center");
   let i = Cr[r], o = Cr[l];
-  return sn[t] = {
+  return cn[t] = {
     placement: e,
     crossPlacement: n,
     axis: r,
     crossAxis: l,
     size: i,
     crossSize: o
-  }, sn[t];
+  }, cn[t];
 }
 function tr(t, e, n, r, l, i, o, a, u, c) {
   let { placement: s, crossPlacement: d, axis: f, crossAxis: p, size: m, crossSize: y } = r, g = {};
@@ -3326,7 +3326,7 @@ function tr(t, e, n, r, l, i, o, a, u, c) {
   const E = t[p] - n[y] + u + c, S = t[p] + t[y] - u - c;
   if (g[p] = hr(g[p], E, S), s === f) {
     const x = a ? o[m] : e[to[m]];
-    g[xn[f]] = Math.floor(x - t[f] + l);
+    g[En[f]] = Math.floor(x - t[f] + l);
   } else g[f] = Math.floor(t[f] + t[m] + l);
   return g;
 }
@@ -3340,12 +3340,12 @@ function kf(t, e, n, r, l, i, o, a) {
 }
 function Yl(t, e, n, r, l, i) {
   let { placement: o, axis: a, size: u } = i;
-  return o === a ? Math.max(0, n[a] - t[a] - t.scroll[a] + e[a] - r[a] - r[xn[a]] - l) : Math.max(0, t[u] + t[a] + t.scroll[a] - e[a] - n[a] - n[u] - r[a] - r[xn[a]] - l);
+  return o === a ? Math.max(0, n[a] - t[a] - t.scroll[a] + e[a] - r[a] - r[En[a]] - l) : Math.max(0, t[u] + t[a] + t.scroll[a] - e[a] - n[a] - n[u] - r[a] - r[En[a]] - l);
 }
 function Tf(t, e, n, r, l, i, o, a, u, c, s, d, f, p, m, y) {
   let g = Gl(t), { size: E, crossAxis: S, crossSize: x, placement: k, crossPlacement: C } = g, D = tr(e, a, n, g, s, d, c, f, m, y), _ = s, v = Yl(a, c, e, l, i + s, g);
   if (o && r[E] > v) {
-    let $e = Gl(`${xn[k]} ${C}`), Ae = tr(e, a, n, $e, s, d, c, f, m, y);
+    let $e = Gl(`${En[k]} ${C}`), Ae = tr(e, a, n, $e, s, d, c, f, m, y);
     Yl(a, c, e, l, i + s, $e) > v && (g = $e, D = Ae, _ = s);
   }
   let B = "bottom";
@@ -3640,13 +3640,13 @@ const nr = typeof document < "u" && window.visualViewport, Ff = /* @__PURE__ */
   "submit",
   "reset"
 ]);
-let cn = 0, rr;
+let dn = 0, rr;
 function _f(t = {}) {
   let { isDisabled: e } = t;
   J(() => {
     if (!e)
-      return cn++, cn === 1 && (wn() ? rr = Nf() : rr = Rf()), () => {
-        cn--, cn === 0 && rr();
+      return dn++, dn === 1 && (Pn() ? rr = Nf() : rr = Rf()), () => {
+        dn--, dn === 0 && rr();
       };
   }, [
     e
@@ -3771,7 +3771,7 @@ function Vf(t) {
     n
   ]), !n) return null;
   let l = /* @__PURE__ */ A.createElement(jf, r);
-  return /* @__PURE__ */ Sn.createPortal(l, n);
+  return /* @__PURE__ */ Cn.createPortal(l, n);
 }
 var io = {};
 io = {
@@ -4069,12 +4069,12 @@ function Xf(t) {
   ]), { getContainer: a } = qf();
   if (!t.portalContainer && a && (n = a()), !n) return null;
   let u = t.children;
-  return t.disableFocusManagement || (u = /* @__PURE__ */ A.createElement(Bn, {
+  return t.disableFocusManagement || (u = /* @__PURE__ */ A.createElement(Xt, {
     restoreFocus: !0,
     contain: l && !r
   }, u)), u = /* @__PURE__ */ A.createElement(zo.Provider, {
     value: o
-  }, /* @__PURE__ */ A.createElement(Bd, null, u)), /* @__PURE__ */ Sn.createPortal(u, n);
+  }, /* @__PURE__ */ A.createElement(Bd, null, u)), /* @__PURE__ */ Cn.createPortal(u, n);
 }
 function Zf() {
   let t = Y(zo), e = t == null ? void 0 : t.setContain;
@@ -4242,7 +4242,7 @@ function Vo(t) {
       } else f || (p.current.scrollTop = S.current.top, p.current.scrollLeft = S.current.left);
       if (e.focusedKey != null) {
         let $ = p.current.querySelector(`[data-key="${CSS.escape(e.focusedKey.toString())}"]`);
-        $ && ($.contains(document.activeElement) || Le($), mn() === "keyboard" && Ze($, {
+        $ && ($.contains(document.activeElement) || Le($), bn() === "keyboard" && Ze($, {
           containingElement: r.current
         }));
       }
@@ -4268,7 +4268,7 @@ function Vo(t) {
   let D = I(e.focusedKey);
   L(() => {
     if (e.isFocused && e.focusedKey != null && (e.focusedKey !== D.current || C.current) && (p != null && p.current)) {
-      let P = mn(), w = r.current.querySelector(`[data-key="${CSS.escape(e.focusedKey.toString())}"]`);
+      let P = bn(), w = r.current.querySelector(`[data-key="${CSS.escape(e.focusedKey.toString())}"]`);
       if (!w)
         return;
       (P === "keyboard" || C.current) && (Ai(p.current, w), P !== "virtual" && Ze(w, {
@@ -5283,7 +5283,7 @@ function Ma(t, e, n) {
       }
     },
     onKeyUp: E
-  }), { focusProps: pt } = Tn({
+  }), { focusProps: pt } = An({
     onBlur: k,
     onFocus: S,
     onFocusChange: x
@@ -5516,7 +5516,7 @@ function xt(t, e) {
   };
 }
 function gp(t) {
-  let { isDisabled: e } = t, n = I(!1), { focusProps: r } = Tn({
+  let { isDisabled: e } = t, n = I(!1), { focusProps: r } = An({
     onFocusChange: (s) => {
       n.current = s;
     }
@@ -6224,7 +6224,7 @@ function xp(t, e) {
     }
     e.selectionManager.selectionMode === "multiple" && (s.length === 0 || l === "all" || l.size > 1 || i.current === "all" || ((o = i.current) === null || o === void 0 ? void 0 : o.size) > 1) && s.push(l === "all" ? r.format("selectedAll") : r.format("selectedCount", {
       count: l.size
-    })), s.length > 0 && $n(s.join(" ")), i.current = l;
+    })), s.length > 0 && xn(s.join(" ")), i.current = l;
   }, [
     l
   ]);
@@ -6249,7 +6249,7 @@ function Sp(t) {
     e,
     r
   ]);
-  return Dn(l);
+  return kn(l);
 }
 function Cp(t, e, n) {
   let { isVirtualized: r, keyboardDelegate: l, focusMode: i, scrollRef: o, getRowText: a, onRowAction: u, onCellAction: c } = t, { selectionManager: s } = e;
@@ -6478,7 +6478,7 @@ function Dp(t, e, n) {
   }), x = -1;
   e.selectedValue != null ? e.selectedValue === r && (x = 0) : (e.lastFocusedValue === r || e.lastFocusedValue == null) && (x = 0), a && (x = void 0);
   let { name: k, descriptionId: C, errorMessageId: D, validationBehavior: _ } = gu.get(e);
-  return kn(n, e.selectedValue, e.setSelectedValue), Ur({
+  return Tn(n, e.selectedValue, e.setSelectedValue), Ur({
     validationBehavior: _
   }, e, n), {
     labelProps: H(m, {
@@ -6885,7 +6885,7 @@ function ts(t, e, n) {
 }
 function Bp(t, e, n) {
   let r = es.get(e) || {}, { autoComplete: l, name: i = r.name, isDisabled: o = r.isDisabled } = t, { validationBehavior: a, isRequired: u } = r, c = Oi(), { visuallyHiddenProps: s } = Qi();
-  kn(t.selectRef, e.selectedKey, e.setSelectedKey), Ur({
+  Tn(t.selectRef, e.selectedKey, e.setSelectedKey), Ur({
     validationBehavior: a,
     focus: () => n.current.focus()
   }, e, t.selectRef);
@@ -7505,7 +7505,7 @@ class Fp extends _a {
   }
 }
 let _p = !1;
-function En() {
+function Sn() {
   return _p;
 }
 function Rp(t) {
@@ -7541,7 +7541,7 @@ function Np(t, e, n) {
     id: d,
     keyboardDelegate: s
   }, e, n);
-  l && (f["aria-rowcount"] = e.collection.size + e.collection.headerRows.length), En() && "expandedKeys" in e && (f.role = "treegrid");
+  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 || {}, y = ft(Rp(ll), "@react-aria/table"), g = V(() => {
     var S;
     let x = (S = e.collection.columns.find((k) => k.key === p)) === null || S === void 0 ? void 0 : S.textValue;
@@ -7552,9 +7552,9 @@ function Np(t, e, n) {
     m,
     p,
     e.collection.columns
-  ]), E = Dn(g);
+  ]), E = kn(g);
   return Ti(() => {
-    $n(g, "assertive", 500);
+    xn(g, "assertive", 500);
   }, [
     g
   ]), {
@@ -7582,10 +7582,10 @@ function Op(t, e, n) {
     },
     ref: n
   }), { focusableProps: s } = Tt({}, 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 && !pn() && (d = f ? p : "none");
+  i.props.allowsSorting && !vn() && (d = f ? p : "none");
   let m = ft(Lp(ll), "@react-aria/table"), y;
-  o && (y = `${m.format("sortable")}`, f && p && pn() && (y = `${y}, ${m.format(p)}`));
-  let g = Dn(y), E = e.collection.size === 0;
+  o && (y = `${m.format("sortable")}`, f && p && vn() && (y = `${y}, ${m.format(p)}`));
+  let g = kn(y), E = e.collection.size === 0;
   return L(() => {
     E && e.selectionManager.focusedKey === i.key && e.selectionManager.setFocusedKey(null);
   }, [
@@ -7623,9 +7623,9 @@ const oi = {
 };
 function zp(t, e, n) {
   let { node: r, isVirtualized: l } = t, { rowProps: i, ...o } = Pp(t, e, n), { direction: a } = He();
-  l && !(En() && "expandedKeys" in e) ? i["aria-rowindex"] = r.index + 1 + e.collection.headerRows.length : delete i["aria-rowindex"];
+  l && !(Sn() && "expandedKeys" in e) ? i["aria-rowindex"] = r.index + 1 + e.collection.headerRows.length : delete i["aria-rowindex"];
   let u = {};
-  if (En() && "expandedKeys" in e) {
+  if (Sn() && "expandedKeys" in e) {
     let m = e.keyMap.get(r.key);
     if (m != null) {
       var c, s, d;
@@ -7654,7 +7654,7 @@ function jp(t, e, n) {
   let { node: r, isVirtualized: l } = t, i = {
     role: "row"
   };
-  return l && !(En() && "expandedKeys" in e) && (i["aria-rowindex"] = r.index + 1), {
+  return l && !(Sn() && "expandedKeys" in e) && (i["aria-rowindex"] = r.index + 1), {
     rowProps: i
   };
 }
@@ -7700,7 +7700,7 @@ function Up(t, e, n) {
     e
   ]);
   let s = () => {
-    l !== "focus" && (mn() === "pointer" ? o.current = !0 : o.current = !1, u());
+    l !== "focus" && (bn() === "pointer" ? o.current = !0 : o.current = !1, u());
   }, d = () => {
     l !== "focus" && (a.current = !1, o.current = !1, c());
   }, f = () => {
@@ -8964,7 +8964,7 @@ const vv = ({ children: t }) => {
       l.style.setProperty(i, o);
     }), l;
   })();
-  return Sn.createPortal(t, r);
+  return Cn.createPortal(t, r);
 }, Us = ({
   id: t,
   isOpen: e,
@@ -9062,7 +9062,7 @@ const vv = ({ children: t }) => {
             className: W("proton-ActionMenu__card", f),
             "data-testid": "ActionMenu-content",
             style: { height: `${g}px` },
-            children: /* @__PURE__ */ b.jsx("div", { ref: x, children: /* @__PURE__ */ b.jsx("div", { ...v, ref: S, children: w ? /* @__PURE__ */ b.jsxs(Bn, { autoFocus: !0, contain: !0, children: [
+            children: /* @__PURE__ */ b.jsx("div", { ref: x, children: /* @__PURE__ */ b.jsx("div", { ...v, ref: S, children: w ? /* @__PURE__ */ b.jsxs(Xt, { autoFocus: !0, contain: !0, children: [
               i && /* @__PURE__ */ b.jsx("div", { className: "proton-ActionMenu__content", children: typeof i == "function" ? i({ close: D }) : i }),
               C && /* @__PURE__ */ b.jsx(
                 "div",
@@ -9308,22 +9308,22 @@ const qs = {
     icon: ke.GRAY_MEDIUM_LIGHT
   },
   success: {
-    background: en.SUPER_LIGHT,
-    title: en.DARK,
-    content: en.MEDIUM,
-    icon: en.LIGHT
-  },
-  warning: {
     background: tn.SUPER_LIGHT,
     title: tn.DARK,
     content: tn.MEDIUM,
     icon: tn.LIGHT
   },
-  danger: {
+  warning: {
     background: nn.SUPER_LIGHT,
     title: nn.DARK,
     content: nn.MEDIUM,
     icon: nn.LIGHT
+  },
+  danger: {
+    background: rn.SUPER_LIGHT,
+    title: rn.DARK,
+    content: rn.MEDIUM,
+    icon: rn.LIGHT
   }
 }, yv = {
   default: "default",
@@ -10422,8 +10422,8 @@ function tc(t, e) {
   }
   return n;
 }
-function Zt(t, e, n) {
-  let r = tc(n, t.slot) || {}, { ref: l, ...i } = r, o = Pn(V(() => ed(e, l), [
+function Jt(t, e, n) {
+  let r = tc(n, t.slot) || {}, { ref: l, ...i } = r, o = Dn(V(() => ed(e, l), [
     e,
     l
   ])), a = H(i, t);
@@ -10475,7 +10475,7 @@ function nc(t, e, n) {
       let l = window.getComputedStyle(t.current);
       if (l.animationName && l.animationName !== "none" && l.animation !== r.current) {
         let i = (a) => {
-          a.target === t.current && (o.removeEventListener("animationend", i), Sn.flushSync(() => {
+          a.target === t.current && (o.removeEventListener("animationend", i), Cn.flushSync(() => {
             n();
           }));
         }, o = t.current;
@@ -10501,8 +10501,8 @@ const Qv = /* @__PURE__ */ Q(null), eh = /* @__PURE__ */ new Set([
   "value"
 ]), th = /* @__PURE__ */ Q({});
 function nh(t, e) {
-  [t, e] = Zt(t, e, th), t = rh(t);
-  let n = t, { isPending: r } = n, { buttonProps: l, isPressed: i } = In(t, e), { focusProps: o, isFocused: a, isFocusVisible: u } = Xt(t), { hoverProps: c, isHovered: s } = kt({
+  [t, e] = Jt(t, e, th), t = rh(t);
+  let n = t, { isPending: r } = n, { buttonProps: l, isPressed: i } = In(t, e), { focusProps: o, isFocused: a, isFocusVisible: u } = Zt(t), { hoverProps: c, isHovered: s } = kt({
     ...t,
     isDisabled: t.isDisabled || r
   }), d = {
@@ -10523,7 +10523,7 @@ function nh(t, e) {
     let E = {
       "aria-labelledby": y || p
     };
-    (!g.current && a && r || g.current && a && !r) && $n(E, "assertive"), g.current = r;
+    (!g.current && a && r || g.current && a && !r) && xn(E, "assertive"), g.current = r;
   }, [
     r,
     a,
@@ -10559,7 +10559,7 @@ const rc = /* @__PURE__ */ Mv(nh), lh = /* @__PURE__ */ Q({}), ih = /* @__PURE__
   placement: "bottom"
 });
 function ah(t, e) {
-  [t, e] = Zt(t, e, lc);
+  [t, e] = Jt(t, e, lc);
   let n = t.placement, r = {
     position: "absolute",
     [n]: "100%",
@@ -10635,7 +10635,7 @@ function dh(t) {
 }
 const fh = /* @__PURE__ */ Q(null);
 function ph(t, e) {
-  return [t, e] = Zt(t, e, ic), /* @__PURE__ */ A.createElement(Rv, {
+  return [t, e] = Jt(t, e, ic), /* @__PURE__ */ A.createElement(Rv, {
     content: /* @__PURE__ */ A.createElement(Wv, t)
   }, (n) => n.size > 0 && /* @__PURE__ */ A.createElement(vh, {
     props: t,
@@ -10680,7 +10680,7 @@ function vh({ props: t, collection: e, menuRef: n }) {
     style: t.style,
     values: {}
   });
-  return /* @__PURE__ */ A.createElement(Bn, null, /* @__PURE__ */ A.createElement("div", {
+  return /* @__PURE__ */ A.createElement(Xt, null, /* @__PURE__ */ A.createElement("div", {
     ...fe(t),
     ...u,
     ...y,
@@ -10767,12 +10767,12 @@ function mh(t, e, n) {
 }
 const Rr = /* @__PURE__ */ Q(null), bh = /* @__PURE__ */ Vv("item", function(e, n, r) {
   var l;
-  [e, n] = Zt(e, n, Rr);
-  let i = (l = tc(Rr)) === null || l === void 0 ? void 0 : l.id, o = Y(sl), a = Pn(n), { menuItemProps: u, labelProps: c, descriptionProps: s, keyboardShortcutProps: d, ...f } = Ma({
+  [e, n] = Jt(e, n, Rr);
+  let i = (l = tc(Rr)) === null || l === void 0 ? void 0 : l.id, o = Y(sl), a = Dn(n), { menuItemProps: u, labelProps: c, descriptionProps: s, keyboardShortcutProps: d, ...f } = Ma({
     ...e,
     id: i,
     key: r.key
-  }, o, a), { isFocusVisible: p, focusProps: m } = Xt(), { hoverProps: y, isHovered: g } = kt({
+  }, o, a), { isFocusVisible: p, focusProps: m } = Zt(), { hoverProps: y, isHovered: g } = kt({
     isDisabled: f.isDisabled
   }), E = At({
     ...e,
@@ -10842,7 +10842,7 @@ function gh(t) {
   }, t.children));
 }
 function yh({ UNSTABLE_portalContainer: t, ...e }, n) {
-  [e, n] = Zt(e, n, ac);
+  [e, n] = Jt(e, n, ac);
   let r = Y(cl), l = Hs(e), i = e.isOpen != null || e.defaultOpen != null || !r ? l : r, o = Jv(n, i.isOpen) || e.isExiting || !1;
   return !i.isOpen && !o ? null : /* @__PURE__ */ A.createElement(Vf, {
     portalContainer: t
@@ -11012,7 +11012,7 @@ function r4({
 }
 const Nr = (t) => {
   let e = I(null), { state: n } = t, { listBoxProps: r } = np(t, n, e);
-  return /* @__PURE__ */ b.jsx(Bn, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ b.jsx(
+  return /* @__PURE__ */ b.jsx(Xt, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ b.jsx(
     "ul",
     {
       ...r,
@@ -11340,7 +11340,7 @@ function Dh({ column: t, state: e }) {
     n
   );
   const { align: l = "left" } = t.props;
-  let { isFocusVisible: i, focusProps: o } = Xt(), a = ((u = e.sortDescriptor) == null ? void 0 : u.direction) === "ascending" ? "▲" : "▼";
+  let { isFocusVisible: i, focusProps: o } = Zt(), a = ((u = e.sortDescriptor) == null ? void 0 : u.direction) === "ascending" ? "▲" : "▼";
   return /* @__PURE__ */ b.jsxs(
     "th",
     {
@@ -11390,7 +11390,7 @@ function kh({ item: t, children: e, state: n }) {
     },
     n,
     r
-  ), { isFocusVisible: a, focusProps: u } = Xt();
+  ), { isFocusVisible: a, focusProps: u } = Zt();
   return /* @__PURE__ */ b.jsx(
     "tr",
     {
@@ -11407,7 +11407,7 @@ function kh({ item: t, children: e, state: n }) {
   );
 }
 function Th({ cell: t, state: e, ...n }) {
-  let r = I(), { gridCellProps: l } = Vp({ node: t }, e, r), { isFocusVisible: i, focusProps: o } = Xt();
+  let r = I(), { gridCellProps: l } = Vp({ node: t }, e, r), { isFocusVisible: i, focusProps: o } = Zt();
   const { align: a } = t.props;
   return /* @__PURE__ */ b.jsx(
     "td",
@@ -11783,7 +11783,7 @@ function Nh({
     return document.addEventListener("keydown", i), () => {
       document.removeEventListener("keydown", i);
     };
-  }, [e]), /* @__PURE__ */ b.jsxs(
+  }, [e]), /* @__PURE__ */ b.jsx(
     "div",
     {
       ...l,
@@ -11797,10 +11797,10 @@ function Nh({
         t ? "proton-Backdrop__fade-in" : "proton-Backdrop__overlay"
       ),
       onClick: () => e == null ? void 0 : e(),
-      children: [
-        e && /* @__PURE__ */ b.jsx("div", { className: "proton-Backdrop__close-button", "aria-hidden": "true", children: "ESC" }),
-        n
-      ]
+      children: /* @__PURE__ */ b.jsxs(Xt, { contain: !0, autoFocus: !0, children: [
+        n,
+        e && /* @__PURE__ */ b.jsx("div", { className: "proton-Backdrop__close-button", "aria-hidden": "true", children: "ESC" })
+      ] })
     }
   );
 }
@@ -11814,13 +11814,22 @@ const Lh = (t) => {
 };
 function f4({
   image: t,
-  onBackgroundEvent: e
+  imageUrl: e = "",
+  onLoad: n,
+  onBackgroundEvent: r
 }) {
-  const { palette: n } = Ie();
-  console.log(n);
-  const r = Nc(n.BASE_COLOR), l = Lh(r);
-  return console.log(l), /* @__PURE__ */ b.jsxs(Nh, { fadeIn: !1, onBackgroundEvent: e, children: [
-    t && t,
+  const { palette: l } = Ie(), i = Nc(l.BASE_COLOR), o = Lh(i);
+  return /* @__PURE__ */ b.jsxs(Nh, { fadeIn: !1, onBackgroundEvent: r, children: [
+    t ? /* @__PURE__ */ b.jsx("div", { className: "proton-Backdrop__image", "aria-hidden": "true", children: t }) : /* @__PURE__ */ b.jsx(
+      "img",
+      {
+        alt: "",
+        src: e,
+        className: "proton-Backdrop__image",
+        onLoad: (a) => n == null ? void 0 : n(a.currentTarget),
+        "aria-hidden": "true"
+      }
+    ),
     /* @__PURE__ */ b.jsx(
       "div",
       {
@@ -11831,7 +11840,7 @@ function f4({
           WebkitBackdropFilter: "blur(24px) brightness(75%)",
           backdropFilter: "blur(24px) brightness(75%)",
           filter: "brightness(50%)",
-          background: l
+          background: o
         }
       }
     )