@purpurds/modal 6.12.4 → 7.0.0

package/dist/modal.es.js

@@ -1,39 +1,39 @@
-import { jsx as p, Fragment as ie, jsxs as R } from "react/jsx-runtime";
+import { jsx as p, Fragment as ie, jsxs as D } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as be, forwardRef as Oe, useRef as we, useCallback as er, useEffect as Ee } from "react";
-import * as tr from "react-dom";
-import rr from "react-dom";
+import { useState as be, forwardRef as xe, useRef as we, useCallback as Jt, useEffect as Ee } from "react";
+import * as er from "react-dom";
+import tr from "react-dom";
 function I(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), r === !1 || !a.defaultPrevented)
       return t == null ? void 0 : t(a);
   };
 }
-function Ie(e, t) {
+function $e(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function pt(...e) {
+function dt(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
-      const n = Ie(a, t);
+      const n = $e(a, t);
       return !r && typeof n == "function" && (r = !0), n;
     });
     if (r)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : Ie(e[a], null);
+          typeof n == "function" ? n() : $e(e[a], null);
         }
       };
   };
 }
-function B(...e) {
-  return s.useCallback(pt(...e), e);
+function j(...e) {
+  return s.useCallback(dt(...e), e);
 }
-function nr(e, t) {
+function rr(e, t) {
   const r = s.createContext(t), o = (n) => {
     const { children: i, ...u } = n, d = s.useMemo(() => u, Object.values(u));
     return /* @__PURE__ */ p(r.Provider, { value: d, children: i });
@@ -47,25 +47,25 @@ function nr(e, t) {
   }
   return [o, a];
 }
-function or(e, t = []) {
+function nr(e, t = []) {
   let r = [];
   function o(n, i) {
     const u = s.createContext(i), d = r.length;
     r = [...r, i];
-    const c = (v) => {
+    const l = (v) => {
       var _;
-      const { scope: h, children: g, ...b } = v, l = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[d]) || u, m = s.useMemo(() => b, Object.values(b));
-      return /* @__PURE__ */ p(l.Provider, { value: m, children: g });
+      const { scope: h, children: g, ...b } = v, c = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[d]) || u, m = s.useMemo(() => b, Object.values(b));
+      return /* @__PURE__ */ p(c.Provider, { value: m, children: g });
     };
-    c.displayName = n + "Provider";
+    l.displayName = n + "Provider";
     function f(v, h) {
-      var l;
-      const g = ((l = h == null ? void 0 : h[e]) == null ? void 0 : l[d]) || u, b = s.useContext(g);
+      var c;
+      const g = ((c = h == null ? void 0 : h[e]) == null ? void 0 : c[d]) || u, b = s.useContext(g);
       if (b) return b;
       if (i !== void 0) return i;
       throw new Error(`\`${v}\` must be used within \`${n}\``);
     }
-    return [c, f];
+    return [l, f];
   }
   const a = () => {
     const n = r.map((i) => s.createContext(i));
@@ -77,9 +77,9 @@ function or(e, t = []) {
       );
     };
   };
-  return a.scopeName = e, [o, ar(a, ...t)];
+  return a.scopeName = e, [o, or(a, ...t)];
 }
-function ar(...e) {
+function or(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -88,8 +88,8 @@ function ar(...e) {
       scopeName: a.scopeName
     }));
     return function(n) {
-      const i = o.reduce((u, { useScope: d, scopeName: c }) => {
-        const v = d(n)[`__scope${c}`];
+      const i = o.reduce((u, { useScope: d, scopeName: l }) => {
+        const v = d(n)[`__scope${l}`];
         return { ...u, ...v };
       }, {});
       return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
@@ -98,15 +98,15 @@ function ar(...e) {
   return r.scopeName = t.scopeName, r;
 }
 var ue = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
-}, ir = s.useId || (() => {
-}), ur = 0;
+}, ar = s.useId || (() => {
+}), ir = 0;
 function de(e) {
-  const [t, r] = s.useState(ir());
+  const [t, r] = s.useState(ar());
   return ue(() => {
-    r((o) => o ?? String(ur++));
+    r((o) => o ?? String(ir++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-function W(e) {
+function F(e) {
   const t = s.useRef(e);
   return s.useEffect(() => {
     t.current = e;
@@ -115,56 +115,56 @@ function W(e) {
     return (o = t.current) == null ? void 0 : o.call(t, ...r);
   }, []);
 }
-function sr({
+function ur({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
   }
 }) {
-  const [o, a] = cr({ defaultProp: t, onChange: r }), n = e !== void 0, i = n ? e : o, u = W(r), d = s.useCallback(
-    (c) => {
+  const [o, a] = sr({ defaultProp: t, onChange: r }), n = e !== void 0, i = n ? e : o, u = F(r), d = s.useCallback(
+    (l) => {
       if (n) {
-        const v = typeof c == "function" ? c(e) : c;
+        const v = typeof l == "function" ? l(e) : l;
         v !== e && u(v);
       } else
-        a(c);
+        a(l);
     },
     [n, e, a, u]
   );
   return [i, d];
 }
-function cr({
+function sr({
   defaultProp: e,
   onChange: t
 }) {
-  const r = s.useState(e), [o] = r, a = s.useRef(o), n = W(t);
+  const r = s.useState(e), [o] = r, a = s.useRef(o), n = F(t);
   return s.useEffect(() => {
     a.current !== o && (n(o), a.current = o);
   }, [o, a, n]), r;
 }
-var xe = s.forwardRef((e, t) => {
-  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(dr);
+var Oe = s.forwardRef((e, t) => {
+  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(lr);
   if (n) {
     const i = n.props.children, u = a.map((d) => d === n ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : d);
     return /* @__PURE__ */ p(Ce, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
   }
   return /* @__PURE__ */ p(Ce, { ...o, ref: t, children: r });
 });
-xe.displayName = "Slot";
+Oe.displayName = "Slot";
 var Ce = s.forwardRef((e, t) => {
   const { children: r, ...o } = e;
   if (s.isValidElement(r)) {
-    const a = fr(r), n = pr(o, r.props);
-    return r.type !== s.Fragment && (n.ref = t ? pt(t, a) : a), s.cloneElement(r, n);
+    const a = pr(r), n = dr(o, r.props);
+    return r.type !== s.Fragment && (n.ref = t ? dt(t, a) : a), s.cloneElement(r, n);
   }
   return s.Children.count(r) > 1 ? s.Children.only(null) : null;
 });
 Ce.displayName = "SlotClone";
-var lr = ({ children: e }) => /* @__PURE__ */ p(ie, { children: e });
-function dr(e) {
-  return s.isValidElement(e) && e.type === lr;
+var cr = ({ children: e }) => /* @__PURE__ */ p(ie, { children: e });
+function lr(e) {
+  return s.isValidElement(e) && e.type === cr;
 }
-function pr(e, t) {
+function dr(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
@@ -174,12 +174,12 @@ function pr(e, t) {
   }
   return { ...e, ...r };
 }
-function fr(e) {
+function pr(e) {
   var o, a;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var vr = [
+var fr = [
   "a",
   "button",
   "div",
@@ -196,18 +196,18 @@ var vr = [
   "span",
   "svg",
   "ul"
-], M = vr.reduce((e, t) => {
+], M = fr.reduce((e, t) => {
   const r = s.forwardRef((o, a) => {
-    const { asChild: n, ...i } = o, u = n ? xe : t;
+    const { asChild: n, ...i } = o, u = n ? Oe : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...i, ref: a });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
-function hr(e, t) {
-  e && tr.flushSync(() => e.dispatchEvent(t));
+function vr(e, t) {
+  e && er.flushSync(() => e.dispatchEvent(t));
 }
-function mr(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = W(e);
+function hr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = F(e);
   s.useEffect(() => {
     const o = (a) => {
       a.key === "Escape" && r(a);
@@ -215,11 +215,11 @@ function mr(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
   }, [r, t]);
 }
-var gr = "DismissableLayer", Se = "dismissableLayer.update", _r = "dismissableLayer.pointerDownOutside", yr = "dismissableLayer.focusOutside", Le, ft = s.createContext({
+var mr = "DismissableLayer", Se = "dismissableLayer.update", gr = "dismissableLayer.pointerDownOutside", _r = "dismissableLayer.focusOutside", Ie, pt = s.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), vt = s.forwardRef(
+}), ft = s.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: r = !1,
@@ -229,23 +229,23 @@ var gr = "DismissableLayer", Se = "dismissableLayer.update", _r = "dismissableLa
       onInteractOutside: i,
       onDismiss: u,
       ...d
-    } = e, c = s.useContext(ft), [f, v] = s.useState(null), h = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), b = B(t, (y) => v(y)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), S = f ? l.indexOf(f) : -1, w = c.layersWithOutsidePointerEventsDisabled.size > 0, E = S >= _, C = Er((y) => {
-      const O = y.target, L = [...c.branches].some((D) => D.contains(O));
-      !E || L || (a == null || a(y), i == null || i(y), y.defaultPrevented || u == null || u());
-    }, h), x = Cr((y) => {
-      const O = y.target;
-      [...c.branches].some((D) => D.contains(O)) || (n == null || n(y), i == null || i(y), y.defaultPrevented || u == null || u());
+    } = e, l = s.useContext(pt), [f, v] = s.useState(null), h = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), b = j(t, (y) => v(y)), c = Array.from(l.layers), [m] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), _ = c.indexOf(m), S = f ? c.indexOf(f) : -1, w = l.layersWithOutsidePointerEventsDisabled.size > 0, E = S >= _, C = wr((y) => {
+      const R = y.target, O = [...l.branches].some((H) => H.contains(R));
+      !E || O || (a == null || a(y), i == null || i(y), y.defaultPrevented || u == null || u());
+    }, h), P = Er((y) => {
+      const R = y.target;
+      [...l.branches].some((H) => H.contains(R)) || (n == null || n(y), i == null || i(y), y.defaultPrevented || u == null || u());
     }, h);
-    return mr((y) => {
-      S === c.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && u && (y.preventDefault(), u()));
+    return hr((y) => {
+      S === l.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && u && (y.preventDefault(), u()));
     }, h), s.useEffect(() => {
       if (f)
-        return r && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Le = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(f)), c.layers.add(f), ke(), () => {
-          r && c.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = Le);
+        return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Ie = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), Le(), () => {
+          r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = Ie);
         };
-    }, [f, h, r, c]), s.useEffect(() => () => {
-      f && (c.layers.delete(f), c.layersWithOutsidePointerEventsDisabled.delete(f), ke());
-    }, [f, c]), s.useEffect(() => {
+    }, [f, h, r, l]), s.useEffect(() => () => {
+      f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), Le());
+    }, [f, l]), s.useEffect(() => {
       const y = () => g({});
       return document.addEventListener(Se, y), () => document.removeEventListener(Se, y);
     }, []), /* @__PURE__ */ p(
@@ -257,8 +257,8 @@ var gr = "DismissableLayer", Se = "dismissableLayer.update", _r = "dismissableLa
           pointerEvents: w ? E ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: I(e.onFocusCapture, x.onFocusCapture),
-        onBlurCapture: I(e.onBlurCapture, x.onBlurCapture),
+        onFocusCapture: I(e.onFocusCapture, P.onFocusCapture),
+        onBlurCapture: I(e.onBlurCapture, P.onBlurCapture),
         onPointerDownCapture: I(
           e.onPointerDownCapture,
           C.onPointerDownCapture
@@ -267,9 +267,9 @@ var gr = "DismissableLayer", Se = "dismissableLayer.update", _r = "dismissableLa
     );
   }
 );
-vt.displayName = gr;
-var br = "DismissableLayerBranch", wr = s.forwardRef((e, t) => {
-  const r = s.useContext(ft), o = s.useRef(null), a = B(t, o);
+ft.displayName = mr;
+var yr = "DismissableLayerBranch", br = s.forwardRef((e, t) => {
+  const r = s.useContext(pt), o = s.useRef(null), a = j(t, o);
   return s.useEffect(() => {
     const n = o.current;
     if (n)
@@ -278,22 +278,22 @@ var br = "DismissableLayerBranch", wr = s.forwardRef((e, t) => {
       };
   }, [r.branches]), /* @__PURE__ */ p(M.div, { ...e, ref: a });
 });
-wr.displayName = br;
-function Er(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = W(e), o = s.useRef(!1), a = s.useRef(() => {
+br.displayName = yr;
+function wr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = F(e), o = s.useRef(!1), a = s.useRef(() => {
   });
   return s.useEffect(() => {
     const n = (u) => {
       if (u.target && !o.current) {
         let d = function() {
-          ht(
-            _r,
+          vt(
+            gr,
             r,
-            c,
+            l,
             { discrete: !0 }
           );
         };
-        const c = { originalEvent: u };
+        const l = { originalEvent: u };
         u.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = d, t.addEventListener("click", a.current, { once: !0 })) : d();
       } else
         t.removeEventListener("click", a.current);
@@ -309,11 +309,11 @@ function Er(e, t = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function Cr(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = W(e), o = s.useRef(!1);
+function Er(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = F(e), o = s.useRef(!1);
   return s.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && ht(yr, r, { originalEvent: n }, {
+      n.target && !o.current && vt(_r, r, { originalEvent: n }, {
         discrete: !1
       });
     };
@@ -323,22 +323,22 @@ function Cr(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function ke() {
+function Le() {
   const e = new CustomEvent(Se);
   document.dispatchEvent(e);
 }
-function ht(e, t, r, { discrete: o }) {
+function vt(e, t, r, { discrete: o }) {
   const a = r.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
-  t && a.addEventListener(e, t, { once: !0 }), o ? hr(a, n) : a.dispatchEvent(n);
+  t && a.addEventListener(e, t, { once: !0 }), o ? vr(a, n) : a.dispatchEvent(n);
 }
-var pe = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", Fe = { bubbles: !1, cancelable: !0 }, Sr = "FocusScope", mt = s.forwardRef((e, t) => {
+var pe = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", ke = { bubbles: !1, cancelable: !0 }, Cr = "FocusScope", ht = s.forwardRef((e, t) => {
   const {
     loop: r = !1,
     trapped: o = !1,
     onMountAutoFocus: a,
     onUnmountAutoFocus: n,
     ...i
-  } = e, [u, d] = s.useState(null), c = W(a), f = W(n), v = s.useRef(null), h = B(t, (l) => d(l)), g = s.useRef({
+  } = e, [u, d] = s.useState(null), l = F(a), f = F(n), v = s.useRef(null), h = j(t, (c) => d(c)), g = s.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -349,7 +349,7 @@ var pe = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", Fe
   }).current;
   s.useEffect(() => {
     if (o) {
-      let l = function(w) {
+      let c = function(w) {
         if (g.paused || !u) return;
         const E = w.target;
         u.contains(E) ? v.current = E : $(v.current, { select: !0 });
@@ -362,52 +362,52 @@ var pe = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", Fe
           for (const C of w)
             C.removedNodes.length > 0 && $(u);
       };
-      document.addEventListener("focusin", l), document.addEventListener("focusout", m);
+      document.addEventListener("focusin", c), document.addEventListener("focusout", m);
       const S = new MutationObserver(_);
       return u && S.observe(u, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", l), document.removeEventListener("focusout", m), S.disconnect();
+        document.removeEventListener("focusin", c), document.removeEventListener("focusout", m), S.disconnect();
       };
     }
   }, [o, u, g.paused]), s.useEffect(() => {
     if (u) {
-      je.add(g);
-      const l = document.activeElement;
-      if (!u.contains(l)) {
-        const _ = new CustomEvent(pe, Fe);
-        u.addEventListener(pe, c), u.dispatchEvent(_), _.defaultPrevented || (Nr(Ar(gt(u)), { select: !0 }), document.activeElement === l && $(u));
+      We.add(g);
+      const c = document.activeElement;
+      if (!u.contains(c)) {
+        const _ = new CustomEvent(pe, ke);
+        u.addEventListener(pe, l), u.dispatchEvent(_), _.defaultPrevented || (Sr(Rr(mt(u)), { select: !0 }), document.activeElement === c && $(u));
       }
       return () => {
-        u.removeEventListener(pe, c), setTimeout(() => {
-          const _ = new CustomEvent(fe, Fe);
-          u.addEventListener(fe, f), u.dispatchEvent(_), _.defaultPrevented || $(l ?? document.body, { select: !0 }), u.removeEventListener(fe, f), je.remove(g);
+        u.removeEventListener(pe, l), setTimeout(() => {
+          const _ = new CustomEvent(fe, ke);
+          u.addEventListener(fe, f), u.dispatchEvent(_), _.defaultPrevented || $(c ?? document.body, { select: !0 }), u.removeEventListener(fe, f), We.remove(g);
         }, 0);
       };
     }
-  }, [u, c, f, g]);
+  }, [u, l, f, g]);
   const b = s.useCallback(
-    (l) => {
+    (c) => {
       if (!r && !o || g.paused) return;
-      const m = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, _ = document.activeElement;
+      const m = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, _ = document.activeElement;
       if (m && _) {
-        const S = l.currentTarget, [w, E] = Pr(S);
-        w && E ? !l.shiftKey && _ === E ? (l.preventDefault(), r && $(w, { select: !0 })) : l.shiftKey && _ === w && (l.preventDefault(), r && $(E, { select: !0 })) : _ === S && l.preventDefault();
+        const S = c.currentTarget, [w, E] = Nr(S);
+        w && E ? !c.shiftKey && _ === E ? (c.preventDefault(), r && $(w, { select: !0 })) : c.shiftKey && _ === w && (c.preventDefault(), r && $(E, { select: !0 })) : _ === S && c.preventDefault();
       }
     },
     [r, o, g.paused]
   );
   return /* @__PURE__ */ p(M.div, { tabIndex: -1, ...i, ref: h, onKeyDown: b });
 });
-mt.displayName = Sr;
-function Nr(e, { select: t = !1 } = {}) {
+ht.displayName = Cr;
+function Sr(e, { select: t = !1 } = {}) {
   const r = document.activeElement;
   for (const o of e)
     if ($(o, { select: t }), document.activeElement !== r) return;
 }
-function Pr(e) {
-  const t = gt(e), r = We(t, e), o = We(t.reverse(), e);
+function Nr(e) {
+  const t = mt(e), r = Fe(t, e), o = Fe(t.reverse(), e);
   return [r, o];
 }
-function gt(e) {
+function mt(e) {
   const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -417,11 +417,11 @@ function gt(e) {
   for (; r.nextNode(); ) t.push(r.currentNode);
   return t;
 }
-function We(e, t) {
+function Fe(e, t) {
   for (const r of e)
-    if (!Or(r, { upTo: t })) return r;
+    if (!Pr(r, { upTo: t })) return r;
 }
-function Or(e, { upTo: t }) {
+function Pr(e, { upTo: t }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (t !== void 0 && e === t) return !1;
@@ -439,45 +439,45 @@ function $(e, { select: t = !1 } = {}) {
     e.focus({ preventScroll: !0 }), e !== r && xr(e) && t && e.select();
   }
 }
-var je = Rr();
-function Rr() {
+var We = Or();
+function Or() {
   let e = [];
   return {
     add(t) {
       const r = e[0];
-      t !== r && (r == null || r.pause()), e = Be(e, t), e.unshift(t);
+      t !== r && (r == null || r.pause()), e = je(e, t), e.unshift(t);
     },
     remove(t) {
       var r;
-      e = Be(e, t), (r = e[0]) == null || r.resume();
+      e = je(e, t), (r = e[0]) == null || r.resume();
     }
   };
 }
-function Be(e, t) {
+function je(e, t) {
   const r = [...e], o = r.indexOf(t);
   return o !== -1 && r.splice(o, 1), r;
 }
-function Ar(e) {
+function Rr(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Dr = "Portal", _t = s.forwardRef((e, t) => {
+var Ar = "Portal", gt = s.forwardRef((e, t) => {
   var u;
   const { container: r, ...o } = e, [a, n] = s.useState(!1);
   ue(() => n(!0), []);
   const i = r || a && ((u = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : u.body);
-  return i ? rr.createPortal(/* @__PURE__ */ p(M.div, { ...o, ref: t }), i) : null;
+  return i ? tr.createPortal(/* @__PURE__ */ p(M.div, { ...o, ref: t }), i) : null;
 });
-_t.displayName = Dr;
-function Tr(e, t) {
+gt.displayName = Ar;
+function Dr(e, t) {
   return s.useReducer((r, o) => t[r][o] ?? r, e);
 }
 var ce = (e) => {
-  const { present: t, children: r } = e, o = Mr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = B(o.ref, $r(a));
+  const { present: t, children: r } = e, o = Tr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = j(o.ref, Mr(a));
   return typeof r == "function" || o.isPresent ? s.cloneElement(a, { ref: n }) : null;
 };
 ce.displayName = "Presence";
-function Mr(e) {
-  const [t, r] = s.useState(), o = s.useRef({}), a = s.useRef(e), n = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, d] = Tr(i, {
+function Tr(e) {
+  const [t, r] = s.useState(), o = s.useRef({}), a = s.useRef(e), n = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, d] = Dr(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -491,22 +491,22 @@ function Mr(e) {
     }
   });
   return s.useEffect(() => {
-    const c = Z(o.current);
-    n.current = u === "mounted" ? c : "none";
+    const l = Z(o.current);
+    n.current = u === "mounted" ? l : "none";
   }, [u]), ue(() => {
-    const c = o.current, f = a.current;
+    const l = o.current, f = a.current;
     if (f !== e) {
-      const h = n.current, g = Z(c);
-      e ? d("MOUNT") : g === "none" || (c == null ? void 0 : c.display) === "none" ? d("UNMOUNT") : d(f && h !== g ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      const h = n.current, g = Z(l);
+      e ? d("MOUNT") : g === "none" || (l == null ? void 0 : l.display) === "none" ? d("UNMOUNT") : d(f && h !== g ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [e, d]), ue(() => {
     if (t) {
-      let c;
+      let l;
       const f = t.ownerDocument.defaultView ?? window, v = (g) => {
-        const l = Z(o.current).includes(g.animationName);
-        if (g.target === t && l && (d("ANIMATION_END"), !a.current)) {
+        const c = Z(o.current).includes(g.animationName);
+        if (g.target === t && c && (d("ANIMATION_END"), !a.current)) {
           const m = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", c = f.setTimeout(() => {
+          t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = m);
           });
         }
@@ -514,27 +514,27 @@ function Mr(e) {
         g.target === t && (n.current = Z(o.current));
       };
       return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", v), t.addEventListener("animationend", v), () => {
-        f.clearTimeout(c), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
+        f.clearTimeout(l), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
       };
     } else
       d("ANIMATION_END");
   }, [t, d]), {
     isPresent: ["mounted", "unmountSuspended"].includes(u),
-    ref: s.useCallback((c) => {
-      c && (o.current = getComputedStyle(c)), r(c);
+    ref: s.useCallback((l) => {
+      l && (o.current = getComputedStyle(l)), r(l);
     }, [])
   };
 }
 function Z(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function $r(e) {
+function Mr(e) {
   var o, a;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 var ve = 0;
-function Ir() {
+function $r() {
   s.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
     return document.body.insertAdjacentElement("afterbegin", e[0] ?? qe()), document.body.insertAdjacentElement("beforeend", e[1] ?? qe()), ve++, () => {
@@ -555,7 +555,7 @@ var T = function() {
     return t;
   }, T.apply(this, arguments);
 };
-function yt(e, t) {
+function _t(e, t) {
   var r = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -563,16 +563,16 @@ function yt(e, t) {
       t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (r[o[a]] = e[o[a]]);
   return r;
 }
-function Lr(e, t, r) {
+function Ir(e, t, r) {
   if (r || arguments.length === 2) for (var o = 0, a = t.length, n; o < a; o++)
     (n || !(o in t)) && (n || (n = Array.prototype.slice.call(t, 0, o)), n[o] = t[o]);
   return e.concat(n || Array.prototype.slice.call(t));
 }
-var oe = "right-scroll-bar-position", ae = "width-before-scroll-bar", kr = "with-scroll-bars-hidden", Fr = "--removed-body-scroll-bar-size";
+var oe = "right-scroll-bar-position", ae = "width-before-scroll-bar", Lr = "with-scroll-bars-hidden", kr = "--removed-body-scroll-bar-size";
 function he(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function Wr(e, t) {
+function Fr(e, t) {
   var r = be(function() {
     return {
       // value
@@ -593,15 +593,15 @@ function Wr(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var jr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, Ue = /* @__PURE__ */ new WeakMap();
-function Br(e, t) {
-  var r = Wr(null, function(o) {
+var Wr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, Be = /* @__PURE__ */ new WeakMap();
+function jr(e, t) {
+  var r = Fr(null, function(o) {
     return e.forEach(function(a) {
       return he(a, o);
     });
   });
-  return jr(function() {
-    var o = Ue.get(r);
+  return Wr(function() {
+    var o = Be.get(r);
     if (o) {
       var a = new Set(o), n = new Set(e), i = r.current;
       a.forEach(function(u) {
@@ -610,13 +610,13 @@ function Br(e, t) {
         a.has(u) || he(u, i);
       });
     }
-    Ue.set(r, e);
+    Be.set(r, e);
   }, [e]), r;
 }
 function qr(e) {
   return e;
 }
-function Ur(e, t) {
+function Br(e, t) {
   t === void 0 && (t = qr);
   var r = [], o = !1, a = {
     read: function() {
@@ -656,12 +656,12 @@ function Ur(e, t) {
       var d = function() {
         var f = i;
         i = [], f.forEach(n);
-      }, c = function() {
+      }, l = function() {
         return Promise.resolve().then(d);
       };
-      c(), r = {
+      l(), r = {
         push: function(f) {
-          i.push(f), c();
+          i.push(f), l();
         },
         filter: function(f) {
           return i = i.filter(f), r;
@@ -671,13 +671,13 @@ function Ur(e, t) {
   };
   return a;
 }
-function Vr(e) {
+function Ur(e) {
   e === void 0 && (e = {});
-  var t = Ur(null);
+  var t = Br(null);
   return t.options = T({ async: !0, ssr: !1 }, e), t;
 }
-var bt = function(e) {
-  var t = e.sideCar, r = yt(e, ["sideCar"]);
+var yt = function(e) {
+  var t = e.sideCar, r = _t(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = t.read();
@@ -685,22 +685,22 @@ var bt = function(e) {
     throw new Error("Sidecar medium not found");
   return s.createElement(o, T({}, r));
 };
-bt.isSideCarExport = !0;
-function zr(e, t) {
-  return e.useMedium(t), bt;
+yt.isSideCarExport = !0;
+function Vr(e, t) {
+  return e.useMedium(t), yt;
 }
-var wt = Vr(), me = function() {
+var bt = Ur(), me = function() {
 }, le = s.forwardRef(function(e, t) {
   var r = s.useRef(null), o = s.useState({
     onScrollCapture: me,
     onWheelCapture: me,
     onTouchMoveCapture: me
-  }), a = o[0], n = o[1], i = e.forwardProps, u = e.children, d = e.className, c = e.removeScrollBar, f = e.enabled, v = e.shards, h = e.sideCar, g = e.noIsolation, b = e.inert, l = e.allowPinchZoom, m = e.as, _ = m === void 0 ? "div" : m, S = e.gapMode, w = yt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = h, C = Br([r, t]), x = T(T({}, w), a);
+  }), a = o[0], n = o[1], i = e.forwardProps, u = e.children, d = e.className, l = e.removeScrollBar, f = e.enabled, v = e.shards, h = e.sideCar, g = e.noIsolation, b = e.inert, c = e.allowPinchZoom, m = e.as, _ = m === void 0 ? "div" : m, S = e.gapMode, w = _t(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = h, C = jr([r, t]), P = T(T({}, w), a);
   return s.createElement(
     s.Fragment,
     null,
-    f && s.createElement(E, { sideCar: wt, removeScrollBar: c, shards: v, noIsolation: g, inert: b, setCallbacks: n, allowPinchZoom: !!l, lockRef: r, gapMode: S }),
-    i ? s.cloneElement(s.Children.only(u), T(T({}, x), { ref: C })) : s.createElement(_, T({}, x, { className: d, ref: C }), u)
+    f && s.createElement(E, { sideCar: bt, removeScrollBar: l, shards: v, noIsolation: g, inert: b, setCallbacks: n, allowPinchZoom: !!c, lockRef: r, gapMode: S }),
+    i ? s.cloneElement(s.Children.only(u), T(T({}, P), { ref: C })) : s.createElement(_, T({}, P, { className: d, ref: C }), u)
   );
 });
 le.defaultProps = {
@@ -712,22 +712,22 @@ le.classNames = {
   fullWidth: ae,
   zeroRight: oe
 };
-var Hr = function() {
+var zr = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function Gr() {
+function Hr() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var t = Hr();
+  var t = zr();
   return t && e.setAttribute("nonce", t), e;
 }
-function Kr(e, t) {
+function Gr(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function Xr(e) {
+function Kr(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
@@ -735,13 +735,13 @@ var Yr = function() {
   var e = 0, t = null;
   return {
     add: function(r) {
-      e == 0 && (t = Gr()) && (Kr(t, r), Xr(t)), e++;
+      e == 0 && (t = Hr()) && (Gr(t, r), Kr(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
     }
   };
-}, Zr = function() {
+}, Xr = function() {
   var e = Yr();
   return function(t, r) {
     s.useEffect(function() {
@@ -750,40 +750,40 @@ var Yr = function() {
       };
     }, [t && r]);
   };
-}, Et = function() {
-  var e = Zr(), t = function(r) {
+}, wt = function() {
+  var e = Xr(), t = function(r) {
     var o = r.styles, a = r.dynamic;
     return e(o, a), null;
   };
   return t;
-}, Qr = {
+}, Zr = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, ge = function(e) {
   return parseInt(e || "", 10) || 0;
-}, Jr = function(e) {
+}, Qr = function(e) {
   var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
   return [ge(r), ge(o), ge(a)];
-}, en = function(e) {
+}, Jr = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return Qr;
-  var t = Jr(e), r = document.documentElement.clientWidth, o = window.innerWidth;
+    return Zr;
+  var t = Qr(e), r = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: t[0],
     top: t[1],
     right: t[2],
     gap: Math.max(0, o - r + t[2] - t[0])
   };
-}, tn = Et(), H = "data-scroll-locked", rn = function(e, t, r, o) {
+}, en = wt(), z = "data-scroll-locked", tn = function(e, t, r, o) {
   var a = e.left, n = e.top, i = e.right, u = e.gap;
   return r === void 0 && (r = "margin"), `
-  .`.concat(kr, ` {
+  .`.concat(Lr, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(u, "px ").concat(o, `;
   }
-  body[`).concat(H, `] {
+  body[`).concat(z, `] {
     overflow: hidden `).concat(o, `;
     overscroll-behavior: contain;
     `).concat([
@@ -816,27 +816,27 @@ var Yr = function() {
     margin-right: 0 `).concat(o, `;
   }
   
-  body[`).concat(H, `] {
-    `).concat(Fr, ": ").concat(u, `px;
+  body[`).concat(z, `] {
+    `).concat(kr, ": ").concat(u, `px;
   }
 `);
-}, Ve = function() {
-  var e = parseInt(document.body.getAttribute(H) || "0", 10);
+}, Ue = function() {
+  var e = parseInt(document.body.getAttribute(z) || "0", 10);
   return isFinite(e) ? e : 0;
-}, nn = function() {
+}, rn = function() {
   s.useEffect(function() {
-    return document.body.setAttribute(H, (Ve() + 1).toString()), function() {
-      var e = Ve() - 1;
-      e <= 0 ? document.body.removeAttribute(H) : document.body.setAttribute(H, e.toString());
+    return document.body.setAttribute(z, (Ue() + 1).toString()), function() {
+      var e = Ue() - 1;
+      e <= 0 ? document.body.removeAttribute(z) : document.body.setAttribute(z, e.toString());
     };
   }, []);
-}, on = function(e) {
+}, nn = function(e) {
   var t = e.noRelative, r = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
-  nn();
+  rn();
   var n = s.useMemo(function() {
-    return en(a);
+    return Jr(a);
   }, [a]);
-  return s.createElement(tn, { styles: rn(n, !t, a, r ? "" : "!important") });
+  return s.createElement(en, { styles: tn(n, !t, a, r ? "" : "!important") });
 }, Ne = !1;
 if (typeof window < "u")
   try {
@@ -849,202 +849,202 @@ if (typeof window < "u")
   } catch {
     Ne = !1;
   }
-var U = Ne ? { passive: !1 } : !1, an = function(e) {
+var B = Ne ? { passive: !1 } : !1, on = function(e) {
   return e.tagName === "TEXTAREA";
-}, Ct = function(e, t) {
+}, Et = function(e, t) {
   if (!(e instanceof Element))
     return !1;
   var r = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     r[t] !== "hidden" && // contains scroll inside self
-    !(r.overflowY === r.overflowX && !an(e) && r[t] === "visible")
+    !(r.overflowY === r.overflowX && !on(e) && r[t] === "visible")
   );
+}, an = function(e) {
+  return Et(e, "overflowY");
 }, un = function(e) {
-  return Ct(e, "overflowY");
-}, sn = function(e) {
-  return Ct(e, "overflowX");
-}, ze = function(e, t) {
+  return Et(e, "overflowX");
+}, Ve = function(e, t) {
   var r = t.ownerDocument, o = t;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = St(e, o);
+    var a = Ct(e, o);
     if (a) {
-      var n = Nt(e, o), i = n[1], u = n[2];
+      var n = St(e, o), i = n[1], u = n[2];
       if (i > u)
         return !0;
     }
     o = o.parentNode;
   } while (o && o !== r.body);
   return !1;
-}, cn = function(e) {
+}, sn = function(e) {
   var t = e.scrollTop, r = e.scrollHeight, o = e.clientHeight;
   return [
     t,
     r,
     o
   ];
-}, ln = function(e) {
+}, cn = function(e) {
   var t = e.scrollLeft, r = e.scrollWidth, o = e.clientWidth;
   return [
     t,
     r,
     o
   ];
+}, Ct = function(e, t) {
+  return e === "v" ? an(t) : un(t);
 }, St = function(e, t) {
-  return e === "v" ? un(t) : sn(t);
-}, Nt = function(e, t) {
-  return e === "v" ? cn(t) : ln(t);
-}, dn = function(e, t) {
+  return e === "v" ? sn(t) : cn(t);
+}, ln = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
-}, pn = function(e, t, r, o, a) {
-  var n = dn(e, window.getComputedStyle(t).direction), i = n * o, u = r.target, d = t.contains(u), c = !1, f = i > 0, v = 0, h = 0;
+}, dn = function(e, t, r, o, a) {
+  var n = ln(e, window.getComputedStyle(t).direction), i = n * o, u = r.target, d = t.contains(u), l = !1, f = i > 0, v = 0, h = 0;
   do {
-    var g = Nt(e, u), b = g[0], l = g[1], m = g[2], _ = l - m - n * b;
-    (b || _) && St(e, u) && (v += _, h += b), u instanceof ShadowRoot ? u = u.host : u = u.parentNode;
+    var g = St(e, u), b = g[0], c = g[1], m = g[2], _ = c - m - n * b;
+    (b || _) && Ct(e, u) && (v += _, h += b), u instanceof ShadowRoot ? u = u.host : u = u.parentNode;
   } while (
     // portaled content
     !d && u !== document.body || // self content
     d && (t.contains(u) || t === u)
   );
-  return (f && Math.abs(v) < 1 || !f && Math.abs(h) < 1) && (c = !0), c;
+  return (f && Math.abs(v) < 1 || !f && Math.abs(h) < 1) && (l = !0), l;
 }, J = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, He = function(e) {
+}, ze = function(e) {
   return [e.deltaX, e.deltaY];
-}, Ge = function(e) {
+}, He = function(e) {
   return e && "current" in e ? e.current : e;
-}, fn = function(e, t) {
+}, pn = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
-}, vn = function(e) {
+}, fn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, hn = 0, V = [];
-function mn(e) {
-  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(hn++)[0], n = s.useState(Et)[0], i = s.useRef(e);
+}, vn = 0, U = [];
+function hn(e) {
+  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(vn++)[0], n = s.useState(wt)[0], i = s.useRef(e);
   s.useEffect(function() {
     i.current = e;
   }, [e]), s.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var l = Lr([e.lockRef.current], (e.shards || []).map(Ge), !0).filter(Boolean);
-      return l.forEach(function(m) {
+      var c = Ir([e.lockRef.current], (e.shards || []).map(He), !0).filter(Boolean);
+      return c.forEach(function(m) {
         return m.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), l.forEach(function(m) {
+        document.body.classList.remove("block-interactivity-".concat(a)), c.forEach(function(m) {
           return m.classList.remove("allow-interactivity-".concat(a));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var u = s.useCallback(function(l, m) {
-    if ("touches" in l && l.touches.length === 2 || l.type === "wheel" && l.ctrlKey)
+  var u = s.useCallback(function(c, m) {
+    if ("touches" in c && c.touches.length === 2 || c.type === "wheel" && c.ctrlKey)
       return !i.current.allowPinchZoom;
-    var _ = J(l), S = r.current, w = "deltaX" in l ? l.deltaX : S[0] - _[0], E = "deltaY" in l ? l.deltaY : S[1] - _[1], C, x = l.target, y = Math.abs(w) > Math.abs(E) ? "h" : "v";
-    if ("touches" in l && y === "h" && x.type === "range")
+    var _ = J(c), S = r.current, w = "deltaX" in c ? c.deltaX : S[0] - _[0], E = "deltaY" in c ? c.deltaY : S[1] - _[1], C, P = c.target, y = Math.abs(w) > Math.abs(E) ? "h" : "v";
+    if ("touches" in c && y === "h" && P.type === "range")
       return !1;
-    var O = ze(y, x);
-    if (!O)
+    var R = Ve(y, P);
+    if (!R)
       return !0;
-    if (O ? C = y : (C = y === "v" ? "h" : "v", O = ze(y, x)), !O)
+    if (R ? C = y : (C = y === "v" ? "h" : "v", R = Ve(y, P)), !R)
       return !1;
-    if (!o.current && "changedTouches" in l && (w || E) && (o.current = C), !C)
+    if (!o.current && "changedTouches" in c && (w || E) && (o.current = C), !C)
       return !0;
-    var L = o.current || C;
-    return pn(L, m, l, L === "h" ? w : E);
-  }, []), d = s.useCallback(function(l) {
-    var m = l;
-    if (!(!V.length || V[V.length - 1] !== n)) {
-      var _ = "deltaY" in m ? He(m) : J(m), S = t.current.filter(function(C) {
-        return C.name === m.type && (C.target === m.target || m.target === C.shadowParent) && fn(C.delta, _);
+    var O = o.current || C;
+    return dn(O, m, c, O === "h" ? w : E);
+  }, []), d = s.useCallback(function(c) {
+    var m = c;
+    if (!(!U.length || U[U.length - 1] !== n)) {
+      var _ = "deltaY" in m ? ze(m) : J(m), S = t.current.filter(function(C) {
+        return C.name === m.type && (C.target === m.target || m.target === C.shadowParent) && pn(C.delta, _);
       })[0];
       if (S && S.should) {
         m.cancelable && m.preventDefault();
         return;
       }
       if (!S) {
-        var w = (i.current.shards || []).map(Ge).filter(Boolean).filter(function(C) {
+        var w = (i.current.shards || []).map(He).filter(Boolean).filter(function(C) {
           return C.contains(m.target);
         }), E = w.length > 0 ? u(m, w[0]) : !i.current.noIsolation;
         E && m.cancelable && m.preventDefault();
       }
     }
-  }, []), c = s.useCallback(function(l, m, _, S) {
-    var w = { name: l, delta: m, target: _, should: S, shadowParent: gn(_) };
+  }, []), l = s.useCallback(function(c, m, _, S) {
+    var w = { name: c, delta: m, target: _, should: S, shadowParent: mn(_) };
     t.current.push(w), setTimeout(function() {
       t.current = t.current.filter(function(E) {
         return E !== w;
       });
     }, 1);
-  }, []), f = s.useCallback(function(l) {
-    r.current = J(l), o.current = void 0;
-  }, []), v = s.useCallback(function(l) {
-    c(l.type, He(l), l.target, u(l, e.lockRef.current));
-  }, []), h = s.useCallback(function(l) {
-    c(l.type, J(l), l.target, u(l, e.lockRef.current));
+  }, []), f = s.useCallback(function(c) {
+    r.current = J(c), o.current = void 0;
+  }, []), v = s.useCallback(function(c) {
+    l(c.type, ze(c), c.target, u(c, e.lockRef.current));
+  }, []), h = s.useCallback(function(c) {
+    l(c.type, J(c), c.target, u(c, e.lockRef.current));
   }, []);
   s.useEffect(function() {
-    return V.push(n), e.setCallbacks({
+    return U.push(n), e.setCallbacks({
       onScrollCapture: v,
       onWheelCapture: v,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", d, U), document.addEventListener("touchmove", d, U), document.addEventListener("touchstart", f, U), function() {
-      V = V.filter(function(l) {
-        return l !== n;
-      }), document.removeEventListener("wheel", d, U), document.removeEventListener("touchmove", d, U), document.removeEventListener("touchstart", f, U);
+    }), document.addEventListener("wheel", d, B), document.addEventListener("touchmove", d, B), document.addEventListener("touchstart", f, B), function() {
+      U = U.filter(function(c) {
+        return c !== n;
+      }), document.removeEventListener("wheel", d, B), document.removeEventListener("touchmove", d, B), document.removeEventListener("touchstart", f, B);
     };
   }, []);
   var g = e.removeScrollBar, b = e.inert;
   return s.createElement(
     s.Fragment,
     null,
-    b ? s.createElement(n, { styles: vn(a) }) : null,
-    g ? s.createElement(on, { gapMode: e.gapMode }) : null
+    b ? s.createElement(n, { styles: fn(a) }) : null,
+    g ? s.createElement(nn, { gapMode: e.gapMode }) : null
   );
 }
-function gn(e) {
+function mn(e) {
   for (var t = null; e !== null; )
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const _n = zr(wt, mn);
-var Pt = s.forwardRef(function(e, t) {
-  return s.createElement(le, T({}, e, { ref: t, sideCar: _n }));
+const gn = Vr(bt, hn);
+var Nt = s.forwardRef(function(e, t) {
+  return s.createElement(le, T({}, e, { ref: t, sideCar: gn }));
 });
-Pt.classNames = le.classNames;
-var yn = function(e) {
+Nt.classNames = le.classNames;
+var _n = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, z = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {}, _e = 0, Ot = function(e) {
-  return e && (e.host || Ot(e.parentNode));
-}, bn = function(e, t) {
+}, V = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {}, _e = 0, Pt = function(e) {
+  return e && (e.host || Pt(e.parentNode));
+}, yn = function(e, t) {
   return t.map(function(r) {
     if (e.contains(r))
       return r;
-    var o = Ot(r);
+    var o = Pt(r);
     return o && e.contains(o) ? o : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(r) {
     return !!r;
   });
-}, wn = function(e, t, r, o) {
-  var a = bn(t, Array.isArray(e) ? e : [e]);
+}, bn = function(e, t, r, o) {
+  var a = yn(t, Array.isArray(e) ? e : [e]);
   te[r] || (te[r] = /* @__PURE__ */ new WeakMap());
-  var n = te[r], i = [], u = /* @__PURE__ */ new Set(), d = new Set(a), c = function(v) {
-    !v || u.has(v) || (u.add(v), c(v.parentNode));
+  var n = te[r], i = [], u = /* @__PURE__ */ new Set(), d = new Set(a), l = function(v) {
+    !v || u.has(v) || (u.add(v), l(v.parentNode));
   };
-  a.forEach(c);
+  a.forEach(l);
   var f = function(v) {
     !v || d.has(v) || Array.prototype.forEach.call(v.children, function(h) {
       if (u.has(h))
         f(h);
       else
         try {
-          var g = h.getAttribute(o), b = g !== null && g !== "false", l = (z.get(h) || 0) + 1, m = (n.get(h) || 0) + 1;
-          z.set(h, l), n.set(h, m), i.push(h), l === 1 && b && ee.set(h, !0), m === 1 && h.setAttribute(r, "true"), b || h.setAttribute(o, "true");
+          var g = h.getAttribute(o), b = g !== null && g !== "false", c = (V.get(h) || 0) + 1, m = (n.get(h) || 0) + 1;
+          V.set(h, c), n.set(h, m), i.push(h), c === 1 && b && ee.set(h, !0), m === 1 && h.setAttribute(r, "true"), b || h.setAttribute(o, "true");
         } catch (_) {
           console.error("aria-hidden: cannot operate on ", h, _);
         }
@@ -1052,17 +1052,17 @@ var yn = function(e) {
   };
   return f(t), u.clear(), _e++, function() {
     i.forEach(function(v) {
-      var h = z.get(v) - 1, g = n.get(v) - 1;
-      z.set(v, h), n.set(v, g), h || (ee.has(v) || v.removeAttribute(o), ee.delete(v)), g || v.removeAttribute(r);
-    }), _e--, _e || (z = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {});
+      var h = V.get(v) - 1, g = n.get(v) - 1;
+      V.set(v, h), n.set(v, g), h || (ee.has(v) || v.removeAttribute(o), ee.delete(v)), g || v.removeAttribute(r);
+    }), _e--, _e || (V = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {});
   };
-}, En = function(e, t, r) {
+}, wn = function(e, t, r) {
   r === void 0 && (r = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = yn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), wn(o, a, r, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = _n(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), bn(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, Re = "Dialog", [xt, Uo] = or(Re), [Cn, A] = xt(Re), Rt = (e) => {
+}, Re = "Dialog", [xt, qo] = nr(Re), [En, A] = xt(Re), Ot = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -1070,13 +1070,13 @@ var yn = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: i = !0
-  } = e, u = s.useRef(null), d = s.useRef(null), [c = !1, f] = sr({
+  } = e, u = s.useRef(null), d = s.useRef(null), [l = !1, f] = ur({
     prop: o,
     defaultProp: a,
     onChange: n
   });
   return /* @__PURE__ */ p(
-    Cn,
+    En,
     {
       scope: t,
       triggerRef: u,
@@ -1084,7 +1084,7 @@ var yn = function(e) {
       contentId: de(),
       titleId: de(),
       descriptionId: de(),
-      open: c,
+      open: l,
       onOpenChange: f,
       onOpenToggle: s.useCallback(() => f((v) => !v), [f]),
       modal: i,
@@ -1092,10 +1092,10 @@ var yn = function(e) {
     }
   );
 };
-Rt.displayName = Re;
-var At = "DialogTrigger", Dt = s.forwardRef(
+Ot.displayName = Re;
+var Rt = "DialogTrigger", At = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(At, r), n = B(t, a.triggerRef);
+    const { __scopeDialog: r, ...o } = e, a = A(Rt, r), n = j(t, a.triggerRef);
     return /* @__PURE__ */ p(
       M.button,
       {
@@ -1111,28 +1111,28 @@ var At = "DialogTrigger", Dt = s.forwardRef(
     );
   }
 );
-Dt.displayName = At;
-var Ae = "DialogPortal", [Sn, Tt] = xt(Ae, {
+At.displayName = Rt;
+var Ae = "DialogPortal", [Cn, Dt] = xt(Ae, {
   forceMount: void 0
-}), Mt = (e) => {
+}), Tt = (e) => {
   const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = A(Ae, t);
-  return /* @__PURE__ */ p(Sn, { scope: t, forceMount: r, children: s.Children.map(o, (i) => /* @__PURE__ */ p(ce, { present: r || n.open, children: /* @__PURE__ */ p(_t, { asChild: !0, container: a, children: i }) })) });
+  return /* @__PURE__ */ p(Cn, { scope: t, forceMount: r, children: s.Children.map(o, (i) => /* @__PURE__ */ p(ce, { present: r || n.open, children: /* @__PURE__ */ p(gt, { asChild: !0, container: a, children: i }) })) });
 };
-Mt.displayName = Ae;
-var se = "DialogOverlay", $t = s.forwardRef(
+Tt.displayName = Ae;
+var se = "DialogOverlay", Mt = s.forwardRef(
   (e, t) => {
-    const r = Tt(se, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(se, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ p(ce, { present: o || n.open, children: /* @__PURE__ */ p(Nn, { ...a, ref: t }) }) : null;
+    const r = Dt(se, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(se, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ p(ce, { present: o || n.open, children: /* @__PURE__ */ p(Sn, { ...a, ref: t }) }) : null;
   }
 );
-$t.displayName = se;
-var Nn = s.forwardRef(
+Mt.displayName = se;
+var Sn = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = A(se, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ p(Pt, { as: xe, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ p(
+      /* @__PURE__ */ p(Nt, { as: Oe, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ p(
         M.div,
         {
           "data-state": Te(a.open),
@@ -1143,21 +1143,21 @@ var Nn = s.forwardRef(
       ) })
     );
   }
-), j = "DialogContent", It = s.forwardRef(
+), W = "DialogContent", $t = s.forwardRef(
   (e, t) => {
-    const r = Tt(j, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(j, e.__scopeDialog);
-    return /* @__PURE__ */ p(ce, { present: o || n.open, children: n.modal ? /* @__PURE__ */ p(Pn, { ...a, ref: t }) : /* @__PURE__ */ p(On, { ...a, ref: t }) });
+    const r = Dt(W, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(W, e.__scopeDialog);
+    return /* @__PURE__ */ p(ce, { present: o || n.open, children: n.modal ? /* @__PURE__ */ p(Nn, { ...a, ref: t }) : /* @__PURE__ */ p(Pn, { ...a, ref: t }) });
   }
 );
-It.displayName = j;
-var Pn = s.forwardRef(
+$t.displayName = W;
+var Nn = s.forwardRef(
   (e, t) => {
-    const r = A(j, e.__scopeDialog), o = s.useRef(null), a = B(t, r.contentRef, o);
+    const r = A(W, e.__scopeDialog), o = s.useRef(null), a = j(t, r.contentRef, o);
     return s.useEffect(() => {
       const n = o.current;
-      if (n) return En(n);
+      if (n) return wn(n);
     }, []), /* @__PURE__ */ p(
-      Lt,
+      It,
       {
         ...e,
         ref: a,
@@ -1178,11 +1178,11 @@ var Pn = s.forwardRef(
       }
     );
   }
-), On = s.forwardRef(
+), Pn = s.forwardRef(
   (e, t) => {
-    const r = A(j, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
+    const r = A(W, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
     return /* @__PURE__ */ p(
-      Lt,
+      It,
       {
         ...e,
         ref: t,
@@ -1193,20 +1193,20 @@ var Pn = s.forwardRef(
           (i = e.onCloseAutoFocus) == null || i.call(e, n), n.defaultPrevented || (o.current || (u = r.triggerRef.current) == null || u.focus(), n.preventDefault()), o.current = !1, a.current = !1;
         },
         onInteractOutside: (n) => {
-          var d, c;
+          var d, l;
           (d = e.onInteractOutside) == null || d.call(e, n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
           const i = n.target;
-          ((c = r.triggerRef.current) == null ? void 0 : c.contains(i)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
+          ((l = r.triggerRef.current) == null ? void 0 : l.contains(i)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
         }
       }
     );
   }
-), Lt = s.forwardRef(
+), It = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, u = A(j, r), d = s.useRef(null), c = B(t, d);
-    return Ir(), /* @__PURE__ */ R(ie, { children: [
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, u = A(W, r), d = s.useRef(null), l = j(t, d);
+    return $r(), /* @__PURE__ */ D(ie, { children: [
       /* @__PURE__ */ p(
-        mt,
+        ht,
         {
           asChild: !0,
           loop: !0,
@@ -1214,7 +1214,7 @@ var Pn = s.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: n,
           children: /* @__PURE__ */ p(
-            vt,
+            ft,
             {
               role: "dialog",
               id: u.contentId,
@@ -1222,35 +1222,35 @@ var Pn = s.forwardRef(
               "aria-labelledby": u.titleId,
               "data-state": Te(u.open),
               ...i,
-              ref: c,
+              ref: l,
               onDismiss: () => u.onOpenChange(!1)
             }
           )
         }
       ),
-      /* @__PURE__ */ R(ie, { children: [
+      /* @__PURE__ */ D(ie, { children: [
         /* @__PURE__ */ p(xn, { titleId: u.titleId }),
-        /* @__PURE__ */ p(An, { contentRef: d, descriptionId: u.descriptionId })
+        /* @__PURE__ */ p(Rn, { contentRef: d, descriptionId: u.descriptionId })
       ] })
     ] });
   }
-), De = "DialogTitle", kt = s.forwardRef(
+), De = "DialogTitle", Lt = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = A(De, r);
     return /* @__PURE__ */ p(M.h2, { id: a.titleId, ...o, ref: t });
   }
 );
-kt.displayName = De;
-var Ft = "DialogDescription", Wt = s.forwardRef(
+Lt.displayName = De;
+var kt = "DialogDescription", Ft = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(Ft, r);
+    const { __scopeDialog: r, ...o } = e, a = A(kt, r);
     return /* @__PURE__ */ p(M.p, { id: a.descriptionId, ...o, ref: t });
   }
 );
-Wt.displayName = Ft;
-var jt = "DialogClose", Bt = s.forwardRef(
+Ft.displayName = kt;
+var Wt = "DialogClose", jt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(jt, r);
+    const { __scopeDialog: r, ...o } = e, a = A(Wt, r);
     return /* @__PURE__ */ p(
       M.button,
       {
@@ -1262,16 +1262,16 @@ var jt = "DialogClose", Bt = s.forwardRef(
     );
   }
 );
-Bt.displayName = jt;
+jt.displayName = Wt;
 function Te(e) {
   return e ? "open" : "closed";
 }
-var qt = "DialogTitleWarning", [Vo, Ut] = nr(qt, {
-  contentName: j,
+var qt = "DialogTitleWarning", [Bo, Bt] = rr(qt, {
+  contentName: W,
   titleName: De,
   docsSlug: "dialog"
 }), xn = ({ titleId: e }) => {
-  const t = Ut(qt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+  const t = Bt(qt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -1279,28 +1279,28 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return s.useEffect(() => {
     e && (document.getElementById(e) || console.error(r));
   }, [r, e]), null;
-}, Rn = "DialogDescriptionWarning", An = ({ contentRef: e, descriptionId: t }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ut(Rn).contentName}}.`;
+}, On = "DialogDescriptionWarning", Rn = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Bt(On).contentName}}.`;
   return s.useEffect(() => {
     var n;
     const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, Dn = Rt, Tn = Dt, Mn = Mt, $n = $t, In = It, Ln = kt, Ke = Wt, kn = Bt;
-const Fn = {
+}, An = Ot, Dn = At, Tn = Tt, Mn = Mt, $n = $t, In = Lt, Ge = Ft, Ln = jt;
+const kn = {
   LG: "lg"
 };
-function Wn(e) {
+function Fn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Xe = { exports: {} };
+var Ke = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
 var Ye;
-function jn() {
+function Wn() {
   return Ye || (Ye = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -1330,10 +1330,10 @@ function jn() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(Xe)), Xe.exports;
+  }(Ke)), Ke.exports;
 }
-var Bn = jn();
-const Ze = /* @__PURE__ */ Wn(Bn), qn = "_rotate_1xozj_1", Un = "_dash_1xozj_1", G = {
+var jn = Wn();
+const Xe = /* @__PURE__ */ Fn(jn), qn = "_rotate_1xozj_1", Bn = "_dash_1xozj_1", G = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: qn,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -1342,27 +1342,27 @@ const Ze = /* @__PURE__ */ Wn(Bn), qn = "_rotate_1xozj_1", Un = "_dash_1xozj_1",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: Un,
+  dash: Bn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, K = "purpur-spinner", Vn = {
+}, K = "purpur-spinner", Un = {
   SM: "sm"
-}, zn = ({
+}, Vn = ({
   ["data-testid"]: e,
   disabled: t = !1,
   negative: r = !1,
-  size: o = Vn.SM,
+  size: o = Un.SM,
   ...a
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: Ze([G[K], G[`${K}--${o}`]]),
+    className: Xe([G[K], G[`${K}--${o}`]]),
     "data-testid": e,
     ...a,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: Ze(G[`${K}__circle`], {
+        className: Xe(G[`${K}__circle`], {
           [G[`${K}__circle--disabled`]]: t,
           [G[`${K}__circle--negative`]]: r
         }),
@@ -1373,18 +1373,18 @@ const Ze = /* @__PURE__ */ Wn(Bn), qn = "_rotate_1xozj_1", Un = "_dash_1xozj_1",
     ) })
   }
 );
-function Hn(e) {
+function zn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Qe = { exports: {} };
+var Ze = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Je;
-function Gn() {
-  return Je || (Je = 1, function(e) {
+var Qe;
+function Hn() {
+  return Qe || (Qe = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1413,10 +1413,10 @@ function Gn() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(Qe)), Qe.exports;
+  }(Ze)), Ze.exports;
 }
-var Kn = Gn();
-const Xn = /* @__PURE__ */ Hn(Kn), Yn = {
+var Gn = Hn();
+const Kn = /* @__PURE__ */ zn(Gn), Yn = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1438,7 +1438,7 @@ const Xn = /* @__PURE__ */ Hn(Kn), Yn = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, Zn = Xn.bind(Yn), F = "purpur-button", Qn = ({
+}, Xn = Kn.bind(Yn), k = "purpur-button", Zn = ({
   children: e,
   className: t,
   ["data-testid"]: r,
@@ -1448,30 +1448,30 @@ const Xn = /* @__PURE__ */ Hn(Kn), Yn = {
   loading: i = !1,
   negative: u = !1,
   onClick: d,
-  size: c = "md",
+  size: l = "md",
   variant: f,
   type: v = "button",
   ...h
 }, g) => {
   if (n && f === "destructive")
     return null;
-  const b = Zn(
+  const b = Xn(
     [
-      F,
-      `${F}--${u ? `${f}-negative` : f}`,
-      `${F}--${c}`
+      k,
+      `${k}--${u ? `${f}-negative` : f}`,
+      `${k}--${l}`
     ],
     {
-      [`${F}--icon-only`]: n,
-      [`${F}--negative`]: u,
-      [`${F}--full-width`]: a,
-      [`${F}--disabled`]: o || i
+      [`${k}--icon-only`]: n,
+      [`${k}--negative`]: u,
+      [`${k}--full-width`]: a,
+      [`${k}--disabled`]: o || i
     },
     t
-  ), l = (_) => {
+  ), c = (_) => {
     o || i ? _.preventDefault() : d && d(_);
   }, m = !!h["aria-disabled"] || o || i;
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ D(
     "button",
     {
       className: b,
@@ -1479,29 +1479,29 @@ const Xn = /* @__PURE__ */ Hn(Kn), Yn = {
       type: v,
       ref: g,
       "aria-disabled": m,
-      onClick: l,
+      onClick: c,
       ...h,
       children: [
-        i && /* @__PURE__ */ p(zn, { size: c === Fn.LG ? "xs" : "xxs", negative: u, disabled: m }),
+        i && /* @__PURE__ */ p(Vn, { size: l === kn.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         e
       ]
     }
   );
-}, Me = Oe(Qn);
-Me.displayName = "Button";
-function Jn(e) {
+}, Ut = xe(Zn);
+Ut.displayName = "Button";
+function Qn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var et = { exports: {} };
+var Je = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var tt;
-function eo() {
-  return tt || (tt = 1, function(e) {
+var et;
+function Jn() {
+  return et || (et = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1530,10 +1530,10 @@ function eo() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(et)), et.exports;
+  }(Je)), Je.exports;
 }
-var to = eo();
-const ro = /* @__PURE__ */ Jn(to), re = {
+var eo = Jn();
+const to = /* @__PURE__ */ Qn(eo), re = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1549,7 +1549,7 @@ const ro = /* @__PURE__ */ Jn(to), re = {
   "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
   "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
-}, no = {
+}, ro = {
   TITLE100: "title-100"
 }, ne = "purpur-heading", Vt = ({
   children: e,
@@ -1557,10 +1557,10 @@ const ro = /* @__PURE__ */ Jn(to), re = {
   enableHyphenation: r = !1,
   negative: o = !1,
   tag: a,
-  variant: n = no.TITLE100,
+  variant: n = ro.TITLE100,
   ...i
 }) => {
-  const u = a, d = ro([
+  const u = a, d = to([
     t,
     re[ne],
     re[`${ne}--${n}`],
@@ -1572,18 +1572,18 @@ const ro = /* @__PURE__ */ Jn(to), re = {
   return /* @__PURE__ */ p(u, { className: d, ...i, children: e });
 };
 Vt.displayName = "Heading";
-function oo(e) {
+function no(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var rt = { exports: {} };
+var tt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var nt;
-function ao() {
-  return nt || (nt = 1, function(e) {
+var rt;
+function oo() {
+  return rt || (rt = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1612,10 +1612,10 @@ function ao() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(rt)), rt.exports;
+  }(tt)), tt.exports;
 }
-var io = ao();
-const uo = /* @__PURE__ */ oo(io), so = {
+var ao = oo();
+const io = /* @__PURE__ */ no(ao), uo = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1623,30 +1623,29 @@ const uo = /* @__PURE__ */ oo(io), so = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, co = uo.bind(so), ot = "purpur-icon", lo = "md", po = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), fo = ({ content: e = "", title: t } = {}) => {
+}, so = io.bind(uo), nt = "purpur-icon", co = "md", lo = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), po = ({ content: e = "", title: t } = {}) => {
   const r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
-  return `<svg ${po(r)}>${o}${e}</svg>`;
-}, vo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), zt = ({
+  return `<svg ${lo(r)}>${o}${e}</svg>`;
+}, fo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), zt = ({
   ["data-testid"]: e,
   svg: t,
   allyTitle: r,
   className: o,
-  size: a = lo,
+  size: a = co,
   ...n
 }) => {
-  const i = fo({
-    content: vo(t.svg),
+  const i = po({
+    content: fo(t.svg),
     title: r
-  }), u = co(o, ot, `${ot}--${a}`);
+  }), u = so(o, nt, `${nt}--${a}`);
   return /* @__PURE__ */ p(
     "span",
     {
-      "aria-label": r,
       className: u,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: i },
@@ -1655,25 +1654,25 @@ const uo = /* @__PURE__ */ oo(io), so = {
   );
 };
 zt.displayName = "Icon";
-const ho = {
+const vo = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, Ht = (e) => /* @__PURE__ */ p(zt, { ...e, svg: ho });
+}, Ht = (e) => /* @__PURE__ */ p(zt, { ...e, svg: vo });
 Ht.displayName = "IconClose";
-function mo(e) {
+function ho(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var at = { exports: {} };
+var ot = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var it;
-function go() {
-  return it || (it = 1, function(e) {
+var at;
+function mo() {
+  return at || (at = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1702,10 +1701,10 @@ function go() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(at)), at.exports;
+  }(ot)), ot.exports;
 }
-var _o = go();
-const yo = /* @__PURE__ */ mo(_o), X = {
+var go = mo();
+const _o = /* @__PURE__ */ ho(go), Y = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1720,54 +1719,54 @@ const yo = /* @__PURE__ */ mo(_o), X = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, bo = {
+}, yo = {
   PARAGRAPH100: "paragraph-100"
-}, Y = "purpur-paragraph", Gt = ({
+}, X = "purpur-paragraph", Gt = ({
   ["data-testid"]: e,
   children: t,
   className: r,
   disabled: o,
   enableHyphenation: a = !1,
   negative: n = !1,
-  variant: i = bo.PARAGRAPH100,
+  variant: i = yo.PARAGRAPH100,
   ...u
 }) => {
-  const d = yo([
+  const d = _o([
     r,
-    X[Y],
-    X[`${Y}--${i}`],
+    Y[X],
+    Y[`${X}--${i}`],
     {
-      [X[`${Y}--hyphens`]]: a,
-      [X[`${Y}--disabled`]]: o,
-      [X[`${Y}--negative`]]: n
+      [Y[`${X}--hyphens`]]: a,
+      [Y[`${X}--disabled`]]: o,
+      [Y[`${X}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ p("p", { ...u, className: d, "data-testid": e, children: t });
 };
 Gt.displayName = "Paragraph";
-function ut(e, t) {
+function it(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function wo(...e) {
+function bo(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
-      const n = ut(a, t);
+      const n = it(a, t);
       return !r && typeof n == "function" && (r = !0), n;
     });
     if (r)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : ut(e[a], null);
+          typeof n == "function" ? n() : it(e[a], null);
         }
       };
   };
 }
 var Kt = s.forwardRef((e, t) => {
-  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(Co);
+  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(Eo);
   if (n) {
     const i = n.props.children, u = a.map((d) => d === n ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : d);
     return /* @__PURE__ */ p(Pe, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
@@ -1778,17 +1777,17 @@ Kt.displayName = "Slot";
 var Pe = s.forwardRef((e, t) => {
   const { children: r, ...o } = e;
   if (s.isValidElement(r)) {
-    const a = No(r), n = So(o, r.props);
-    return r.type !== s.Fragment && (n.ref = t ? wo(t, a) : a), s.cloneElement(r, n);
+    const a = So(r), n = Co(o, r.props);
+    return r.type !== s.Fragment && (n.ref = t ? bo(t, a) : a), s.cloneElement(r, n);
   }
   return s.Children.count(r) > 1 ? s.Children.only(null) : null;
 });
 Pe.displayName = "SlotClone";
-var Eo = ({ children: e }) => /* @__PURE__ */ p(ie, { children: e });
-function Co(e) {
-  return s.isValidElement(e) && e.type === Eo;
+var wo = ({ children: e }) => /* @__PURE__ */ p(ie, { children: e });
+function Eo(e) {
+  return s.isValidElement(e) && e.type === wo;
 }
-function So(e, t) {
+function Co(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
@@ -1798,12 +1797,12 @@ function So(e, t) {
   }
   return { ...e, ...r };
 }
-function No(e) {
+function So(e) {
   var t, r;
   let o = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning;
   return a ? e.ref : (o = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var Po = [
+var No = [
   "a",
   "button",
   "div",
@@ -1820,15 +1819,15 @@ var Po = [
   "span",
   "svg",
   "ul"
-], Oo = Po.reduce((e, t) => {
+], Po = No.reduce((e, t) => {
   const r = s.forwardRef((o, a) => {
     const { asChild: n, ...i } = o, u = n ? Kt : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...i, ref: a });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
-}, {}), xo = "VisuallyHidden", Xt = s.forwardRef(
+}, {}), xo = "VisuallyHidden", Yt = s.forwardRef(
   (e, t) => /* @__PURE__ */ p(
-    Oo.span,
+    Po.span,
     {
       ...e,
       ref: t,
@@ -1849,15 +1848,15 @@ var Po = [
     }
   )
 );
-Xt.displayName = xo;
-var Ro = Xt;
-const Ao = ({
+Yt.displayName = xo;
+var Oo = Yt;
+const Ro = ({
   asChild: e,
   children: t,
   className: r = "",
   ["data-testid"]: o
-}) => /* @__PURE__ */ p(Ro, { asChild: e, "data-testid": o, className: r, children: t });
-function Do(e) {
+}) => /* @__PURE__ */ p(Oo, { asChild: e, "data-testid": o, className: r, children: t });
+function Ao(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ye = { exports: {} };
@@ -1866,9 +1865,9 @@ var ye = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var st;
-function To() {
-  return st || (st = 1, function(e) {
+var ut;
+function Do() {
+  return ut || (ut = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1899,29 +1898,28 @@ function To() {
     })();
   }(ye)), ye.exports;
 }
-var Mo = To();
-const $o = /* @__PURE__ */ Do(Mo), Io = "_fadeIn_1bcc3_1", Lo = {
-  "purpur-modal-content": "_purpur-modal-content_1bcc3_1",
-  fadeIn: Io,
-  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_1bcc3_30",
-  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_1bcc3_37",
-  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_1bcc3_47",
-  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_1bcc3_57",
-  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_1bcc3_61",
-  "purpur-modal-content__header": "_purpur-modal-content__header_1bcc3_84",
-  "purpur-modal-content__title": "_purpur-modal-content__title_1bcc3_97",
-  "purpur-modal-content__description": "_purpur-modal-content__description_1bcc3_100",
-  "purpur-modal-content__body": "_purpur-modal-content__body_1bcc3_103",
-  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_1bcc3_111",
-  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_1bcc3_123",
-  "purpur-modal-content__actions-button": "_purpur-modal-content__actions-button_1bcc3_123",
-  "purpur-modal-content__notification": "_purpur-modal-content__notification_1bcc3_146",
-  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_1bcc3_149",
-  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_1bcc3_149",
-  "purpur-modal-content__actions": "_purpur-modal-content__actions_1bcc3_123",
-  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_1bcc3_180",
-  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_1bcc3_190"
-}, ct = (e) => e.showCloseButton === !0, P = $o.bind(Lo), N = "purpur-modal-content", ko = Oe(
+var To = Do();
+const Mo = /* @__PURE__ */ Ao(To), $o = "_fadeIn_4aird_1", Io = {
+  "purpur-modal-content": "_purpur-modal-content_4aird_1",
+  fadeIn: $o,
+  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_4aird_30",
+  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_4aird_37",
+  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_4aird_47",
+  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_4aird_57",
+  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_4aird_61",
+  "purpur-modal-content__header": "_purpur-modal-content__header_4aird_84",
+  "purpur-modal-content__title": "_purpur-modal-content__title_4aird_97",
+  "purpur-modal-content__description": "_purpur-modal-content__description_4aird_100",
+  "purpur-modal-content__body": "_purpur-modal-content__body_4aird_103",
+  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_4aird_111",
+  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_4aird_123",
+  "purpur-modal-content__notification": "_purpur-modal-content__notification_4aird_141",
+  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_4aird_144",
+  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_4aird_144",
+  "purpur-modal-content__actions": "_purpur-modal-content__actions_4aird_123",
+  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_4aird_175",
+  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_4aird_185"
+}, st = (e) => e.showCloseButton === !0, x = Mo.bind(Io), N = "purpur-modal-content", Lo = xe(
   ({
     ["data-testid"]: e,
     actions: t,
@@ -1931,188 +1929,153 @@ const $o = /* @__PURE__ */ Do(Mo), Io = "_fadeIn_1bcc3_1", Lo = {
     disableCloseOnClickOutside: n,
     hideDescription: i,
     image: u,
-    primaryActionVariant: d = "primary",
-    stickyButtons: c = !0,
-    title: f,
-    notification: v = void 0,
-    zIndex: h,
-    onCloseAutoFocus: g,
-    ...b
-  }, l) => {
-    const { closeButtonAllyLabel: m, showCloseButton: _, ...S } = b, [w, E] = be(!1), [C, x] = be(0), y = we(null), O = we(null), L = P([
+    stickyButtons: d = !0,
+    title: l,
+    notification: f = void 0,
+    zIndex: v,
+    onCloseAutoFocus: h,
+    ...g
+  }, b) => {
+    const { closeButtonAriaLabel: c, showCloseButton: m, ..._ } = g, [S, w] = be(!1), [E, C] = be(0), P = we(null), y = we(null), R = x([
       N,
       { [`${N}--with-image`]: !!u },
-      { [`${N}--overflow`]: w },
-      { [`${N}--sticky-footer`]: c },
+      { [`${N}--overflow`]: S },
+      { [`${N}--sticky-footer`]: d },
       o
-    ]), D = (k) => e ? `${e} ${k}` : void 0, Yt = (k) => {
-      n && k.preventDefault();
-    }, q = er(() => {
-      if (!y.current || !O.current)
+    ]), O = (L) => e ? `${e} ${L}` : void 0, H = (L) => {
+      n && L.preventDefault();
+    }, q = Jt(() => {
+      if (!P.current || !y.current)
         return;
-      const k = window.getComputedStyle(y.current, null), Qt = parseFloat(k.getPropertyValue("height")), Jt = O.current.offsetHeight;
-      E(Qt < Jt), x(
-        (y.current.offsetWidth ?? 0) - (y.current.clientWidth ?? 0)
+      const L = window.getComputedStyle(P.current, null), Zt = parseFloat(L.getPropertyValue("height")), Qt = y.current.offsetHeight;
+      w(Zt < Qt), C(
+        (P.current.offsetWidth ?? 0) - (P.current.clientWidth ?? 0)
       );
-    }, []), Zt = (k) => {
-      n && !_ && k.preventDefault();
+    }, []), Xt = (L) => {
+      n && !m && L.preventDefault();
     };
     return Ee(() => (window.addEventListener("resize", q), () => {
       window.removeEventListener("resize", q);
     }), [q]), Ee(() => {
       q();
-    }, [v, r, q]), /* @__PURE__ */ R(Mn, { children: [
-      /* @__PURE__ */ p($n, { className: P(`${N}__overlay`), style: { zIndex: h } }),
-      /* @__PURE__ */ R(
-        In,
+    }, [f, r, q]), /* @__PURE__ */ D(Tn, { children: [
+      /* @__PURE__ */ p(Mn, { className: x(`${N}__overlay`), style: { zIndex: v } }),
+      /* @__PURE__ */ D(
+        $n,
         {
-          ...S,
-          className: L,
+          ..._,
+          className: R,
           "data-testid": e,
-          ref: l,
+          ref: b,
           ...!a && { "aria-describedby": void 0 },
-          onPointerDownOutside: Yt,
+          onPointerDownOutside: H,
           onOpenAutoFocus: q,
-          onEscapeKeyDown: Zt,
-          onCloseAutoFocus: g,
-          style: { zIndex: `calc(${h} + 1)` },
+          onEscapeKeyDown: Xt,
+          onCloseAutoFocus: h,
+          style: { zIndex: `calc(${v} + 1)` },
           children: [
-            /* @__PURE__ */ R("div", { ref: y, className: P(`${N}__wrapper`), children: [
-              ct(b) && m && u && /* @__PURE__ */ p(
-                lt,
+            /* @__PURE__ */ D("div", { ref: P, className: x(`${N}__wrapper`), children: [
+              st(g) && c && u && /* @__PURE__ */ p(
+                ct,
                 {
-                  allyLabel: m,
+                  "aria-label": c,
                   hasImage: !0,
-                  scrollbarWidth: C,
-                  "data-testid": D("close-button")
+                  scrollbarWidth: E,
+                  "data-testid": O("close-button")
                 }
               ),
-              /* @__PURE__ */ R("div", { ref: O, className: P(`${N}__wrapper-inner`), children: [
-                /* @__PURE__ */ R("div", { className: P(`${N}__header`), children: [
-                  ct(b) && m && !u && /* @__PURE__ */ p(
-                    lt,
+              /* @__PURE__ */ D("div", { ref: y, className: x(`${N}__wrapper-inner`), children: [
+                /* @__PURE__ */ D("div", { className: x(`${N}__header`), children: [
+                  st(g) && c && !u && /* @__PURE__ */ p(
+                    ct,
                     {
-                      allyLabel: m,
-                      "data-testid": D("close-button")
+                      "aria-label": c,
+                      "data-testid": O("close-button")
                     }
                   ),
                   /* @__PURE__ */ p(
-                    Ln,
+                    In,
                     {
                       asChild: !0,
-                      className: P(`${N}__title`),
-                      "data-testid": D("title"),
-                      children: /* @__PURE__ */ p(Vt, { tag: "h2", variant: "title-200", children: f })
+                      className: x(`${N}__title`),
+                      "data-testid": O("title"),
+                      children: /* @__PURE__ */ p(Vt, { tag: "h2", variant: "title-200", children: l })
                     }
                   )
                 ] }),
                 u && /* @__PURE__ */ p(
                   "div",
                   {
-                    className: P(`${N}__image-wrapper`),
-                    "data-testid": D("image"),
+                    className: x(`${N}__image-wrapper`),
+                    "data-testid": O("image"),
                     children: u
                   }
                 ),
-                /* @__PURE__ */ p("div", { className: P(`${N}__body`), children: /* @__PURE__ */ R("div", { className: P(`${N}__body-inner`), children: [
-                  a && i && /* @__PURE__ */ p(Ao, { asChild: !0, children: /* @__PURE__ */ p(Ke, { "data-testid": D("description"), children: a }) }),
+                /* @__PURE__ */ p("div", { className: x(`${N}__body`), children: /* @__PURE__ */ D("div", { className: x(`${N}__body-inner`), children: [
+                  a && i && /* @__PURE__ */ p(Ro, { asChild: !0, children: /* @__PURE__ */ p(Ge, { "data-testid": O("description"), children: a }) }),
                   a && !i && /* @__PURE__ */ p(
-                    Ke,
+                    Ge,
                     {
                       asChild: !0,
-                      className: P(`${N}__description`),
-                      "data-testid": D("description"),
+                      className: x(`${N}__description`),
+                      "data-testid": O("description"),
                       children: /* @__PURE__ */ p(Gt, { variant: "paragraph-100", children: a })
                     }
                   ),
                   /* @__PURE__ */ p("div", { children: r }),
-                  !c && /* @__PURE__ */ p(
-                    dt,
-                    {
-                      actions: t,
-                      primaryActionVariant: d,
-                      notification: v
-                    }
-                  )
+                  !d && /* @__PURE__ */ p(lt, { actions: t, notification: f })
                 ] }) })
               ] })
             ] }),
-            c && /* @__PURE__ */ p(
-              dt,
-              {
-                actions: t,
-                primaryActionVariant: d,
-                notification: v
-              }
-            )
+            d && /* @__PURE__ */ p(lt, { actions: t, notification: f })
           ]
         }
       )
     ] });
   }
-), lt = ({
-  allyLabel: e,
+), ct = ({
+  ["aria-label"]: e,
   hasImage: t,
   scrollbarWidth: r,
   ["data-testid"]: o
-}) => /* @__PURE__ */ p(kn, { asChild: !0, children: /* @__PURE__ */ p(
-  Me,
+}) => /* @__PURE__ */ p(Ln, { asChild: !0, children: /* @__PURE__ */ p(
+  Ut,
   {
     variant: t ? "primary" : "tertiary-purple",
     negative: t,
     size: "sm",
     iconOnly: !0,
     "aria-label": e,
-    className: P(`${N}__close-button`),
+    className: x(`${N}__close-button`),
     style: { right: `calc(var(--purpur-spacing-100) + ${r || 0}px)` },
     "data-testid": o,
     children: /* @__PURE__ */ p(Ht, {})
   }
-) }), Fo = 3, dt = ({
+) }), lt = ({
   actions: e,
-  primaryActionVariant: t,
-  notification: r
+  notification: t
 }) => {
-  const o = we(null), a = [t, "secondary", "text"];
+  const r = we(null);
   return Ee(() => {
-    var n, i;
-    r && ((i = (n = o == null ? void 0 : o.current) == null ? void 0 : n.scrollIntoView) == null || i.call(n, !1));
-  }, [r]), e && e.length > 0 ? /* @__PURE__ */ R("div", { className: P(`${N}__actions`), children: [
-    /* @__PURE__ */ p("div", { className: P(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, Fo).map(
-      ({ label: n, onClick: i, disabled: u, loading: d, iconPosition: c = "right", icon: f, ...v }, h) => /* @__PURE__ */ R(
-        Me,
-        {
-          "data-testid": "modal actions button",
-          variant: a[h] || "",
-          onClick: i,
-          disabled: u,
-          loading: d,
-          className: P(`${N}__actions-button`),
-          ...v,
-          children: [
-            c === "left" && f && f,
-            n,
-            c === "right" && f && f
-          ]
-        },
-        n
-      )
-    ) }),
-    r && /* @__PURE__ */ p("div", { className: P(`${N}__notification`), ref: o, children: r }),
-    /* @__PURE__ */ p("span", { className: P(`${N}__actions-separator`) })
+    var o, a;
+    t && ((a = (o = r == null ? void 0 : r.current) == null ? void 0 : o.scrollIntoView) == null || a.call(o, !1));
+  }, [t]), e ? /* @__PURE__ */ D("div", { className: x(`${N}__actions`), children: [
+    /* @__PURE__ */ p("div", { className: x(`${N}__actions-buttons`), "data-testid": "modal actions", children: e }),
+    t && /* @__PURE__ */ p("div", { className: x(`${N}__notification`), ref: r, children: t }),
+    /* @__PURE__ */ p("span", { className: x(`${N}__actions-separator`) })
   ] }) : null;
-}, Wo = Oe(
-  ({ ["data-testid"]: e, children: t, className: r, ...o }, a) => /* @__PURE__ */ p(Tn, { asChild: !0, ref: a, "data-testid": e, className: r, ...o, children: t })
-), $e = ({
+}, ko = xe(
+  ({ ["data-testid"]: e, children: t, className: r, ...o }, a) => /* @__PURE__ */ p(Dn, { asChild: !0, ref: a, "data-testid": e, className: r, ...o, children: t })
+), Me = ({
   ["data-testid"]: e,
   children: t,
   open: r,
   onOpenChange: o
-}) => /* @__PURE__ */ p(Dn, { open: r, onOpenChange: o, "data-testid": e, children: t });
-$e.Trigger = Wo;
-$e.Content = ko;
-$e.displayName = "Modal";
+}) => /* @__PURE__ */ p(An, { open: r, onOpenChange: o, "data-testid": e, children: t });
+Me.Trigger = ko;
+Me.Content = Lo;
+Me.displayName = "Modal";
 export {
-  $e as Modal
+  Me as Modal
 };
 //# sourceMappingURL=modal.es.js.map