@purpurds/modal 5.1.1 → 5.2.0

package/dist/modal.es.js

@@ -1,55 +1,55 @@
-import { jsxs as j, jsx as _ } from "react/jsx-runtime";
+import { jsxs as U, jsx as _ } from "react/jsx-runtime";
 import * as m from "react";
-import { useCallback as Q, createContext as Ce, useMemo as me, createElement as g, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as V, forwardRef as S, Children as M, isValidElement as q, cloneElement as ae, Fragment as Ie, useReducer as Dt } from "react";
-import It, { flushSync as nt } from "react-dom";
-function P() {
-  return P = Object.assign ? Object.assign.bind() : function(e) {
+import { useCallback as J, createContext as Oe, useMemo as ge, createElement as g, useContext as nt, useLayoutEffect as Dt, useRef as C, useEffect as A, useState as K, forwardRef as S, Children as D, isValidElement as z, cloneElement as ue, Fragment as Re, useReducer as It } from "react";
+import Rt, { flushSync as rt } from "react-dom";
+function N() {
+  return N = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, P.apply(this, arguments);
+  }, N.apply(this, arguments);
 }
-function B(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+function W(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), t === !1 || !a.defaultPrevented)
       return n == null ? void 0 : n(a);
   };
 }
-function Rt(e, n) {
+function Mt(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function rt(...e) {
+function ot(...e) {
   return (n) => e.forEach(
-    (t) => Rt(t, n)
+    (t) => Mt(t, n)
   );
 }
-function J(...e) {
-  return Q(rt(...e), e);
+function ee(...e) {
+  return J(ot(...e), e);
 }
-function Mt(e, n = []) {
+function kt(e, n = []) {
   let t = [];
   function o(r, i) {
-    const u = /* @__PURE__ */ Ce(i), s = t.length;
+    const u = /* @__PURE__ */ Oe(i), s = t.length;
     t = [
       ...t,
       i
     ];
     function d(l) {
-      const { scope: h, children: f, ...E } = l, c = (h == null ? void 0 : h[e][s]) || u, v = me(
-        () => E,
-        Object.values(E)
+      const { scope: f, children: v, ...$ } = l, c = (f == null ? void 0 : f[e][s]) || u, h = ge(
+        () => $,
+        Object.values($)
       );
       return /* @__PURE__ */ g(c.Provider, {
-        value: v
-      }, f);
+        value: h
+      }, v);
     }
-    function p(l, h) {
-      const f = (h == null ? void 0 : h[e][s]) || u, E = tt(f);
-      if (E)
-        return E;
+    function p(l, f) {
+      const v = (f == null ? void 0 : f[e][s]) || u, $ = nt(v);
+      if ($)
+        return $;
       if (i !== void 0)
         return i;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -60,10 +60,10 @@ function Mt(e, n = []) {
     ];
   }
   const a = () => {
-    const r = t.map((i) => /* @__PURE__ */ Ce(i));
+    const r = t.map((i) => /* @__PURE__ */ Oe(i));
     return function(u) {
       const s = (u == null ? void 0 : u[e]) || r;
-      return me(
+      return ge(
         () => ({
           [`__scope${e}`]: {
             ...u,
@@ -101,7 +101,7 @@ function Lt(...e) {
           ...l
         };
       }, {});
-      return me(
+      return ge(
         () => ({
           [`__scope${n.scopeName}`]: i
         }),
@@ -113,25 +113,25 @@ function Lt(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-const Oe = globalThis != null && globalThis.document ? Tt : () => {
-}, kt = m.useId || (() => {
+const Pe = globalThis != null && globalThis.document ? Dt : () => {
+}, Ft = m.useId || (() => {
 });
-let Ft = 0;
-function be(e) {
-  const [n, t] = m.useState(kt());
-  return Oe(() => {
+let jt = 0;
+function $e(e) {
+  const [n, t] = m.useState(Ft());
+  return Pe(() => {
     e || t(
-      (o) => o ?? String(Ft++)
+      (o) => o ?? String(jt++)
     );
   }, [
     e
   ]), e || (n ? `radix-${n}` : "");
 }
 function G(e) {
-  const n = O(e);
+  const n = C(e);
   return A(() => {
     n.current = e;
-  }), me(
+  }), ge(
     () => (...t) => {
       var o;
       return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
@@ -139,12 +139,12 @@ function G(e) {
     []
   );
 }
-function jt({ prop: e, defaultProp: n, onChange: t = () => {
+function Bt({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [o, a] = Bt({
+  const [o, a] = Ut({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, i = r ? e : o, u = G(t), s = Q((d) => {
+  }), r = e !== void 0, i = r ? e : o, u = G(t), s = J((d) => {
     if (r) {
       const l = typeof d == "function" ? d(e) : d;
       l !== e && u(l);
@@ -161,8 +161,8 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
     s
   ];
 }
-function Bt({ defaultProp: e, onChange: n }) {
-  const t = V(e), [o] = t, a = O(o), r = G(n);
+function Ut({ defaultProp: e, onChange: n }) {
+  const t = K(e), [o] = t, a = C(o), r = G(n);
   return A(() => {
     a.current !== o && (r(o), a.current = o);
   }, [
@@ -171,32 +171,32 @@ function Bt({ defaultProp: e, onChange: n }) {
     r
   ]), t;
 }
-const Re = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(Ut);
+const Me = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...o } = e, a = D.toArray(t), r = a.find(zt);
   if (r) {
-    const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ q(i) ? i.props.children : null : s);
-    return /* @__PURE__ */ g(Pe, P({}, o, {
+    const i = r.props.children, u = a.map((s) => s === r ? D.count(i) > 1 ? D.only(null) : /* @__PURE__ */ z(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ g(Ne, N({}, o, {
       ref: n
-    }), /* @__PURE__ */ q(i) ? /* @__PURE__ */ ae(i, void 0, u) : null);
+    }), /* @__PURE__ */ z(i) ? /* @__PURE__ */ ue(i, void 0, u) : null);
   }
-  return /* @__PURE__ */ g(Pe, P({}, o, {
+  return /* @__PURE__ */ g(Ne, N({}, o, {
     ref: n
   }), t);
 });
-Re.displayName = "Slot";
-const Pe = /* @__PURE__ */ S((e, n) => {
+Me.displayName = "Slot";
+const Ne = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ q(t) ? /* @__PURE__ */ ae(t, {
-    ...Wt(o, t.props),
-    ref: n ? rt(n, t.ref) : t.ref
-  }) : M.count(t) > 1 ? M.only(null) : null;
+  return /* @__PURE__ */ z(t) ? /* @__PURE__ */ ue(t, {
+    ...qt(o, t.props),
+    ref: n ? ot(n, t.ref) : t.ref
+  }) : D.count(t) > 1 ? D.only(null) : null;
 });
-Pe.displayName = "SlotClone";
-const qt = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
-function Ut(e) {
-  return /* @__PURE__ */ q(e) && e.type === qt;
+Ne.displayName = "SlotClone";
+const Wt = ({ children: e }) => /* @__PURE__ */ g(Re, null, e);
+function zt(e) {
+  return /* @__PURE__ */ z(e) && e.type === Wt;
 }
-function Wt(e, n) {
+function qt(e, n) {
   const t = {
     ...n
   };
@@ -217,7 +217,7 @@ function Wt(e, n) {
     ...t
   };
 }
-const zt = [
+const Ht = [
   "a",
   "button",
   "div",
@@ -234,12 +234,12 @@ const zt = [
   "span",
   "svg",
   "ul"
-], U = zt.reduce((e, n) => {
+], q = Ht.reduce((e, n) => {
   const t = /* @__PURE__ */ S((o, a) => {
-    const { asChild: r, ...i } = o, u = r ? Re : n;
+    const { asChild: r, ...i } = o, u = r ? Me : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ g(u, P({}, i, {
+    }, []), /* @__PURE__ */ g(u, N({}, i, {
       ref: a
     }));
   });
@@ -248,12 +248,12 @@ const zt = [
     [n]: t
   };
 }, {});
-function Ht(e, n) {
-  e && nt(
+function Vt(e, n) {
+  e && rt(
     () => e.dispatchEvent(n)
   );
 }
-function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
+function Kt(e, n = globalThis == null ? void 0 : globalThis.document) {
   const t = G(e);
   A(() => {
     const o = (a) => {
@@ -265,73 +265,73 @@ function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
     n
   ]);
 }
-const Ne = "dismissableLayer.update", Gt = "dismissableLayer.pointerDownOutside", Kt = "dismissableLayer.focusOutside";
-let Fe;
-const Xt = /* @__PURE__ */ Ce({
+const Ae = "dismissableLayer.update", Gt = "dismissableLayer.pointerDownOutside", Xt = "dismissableLayer.focusOutside";
+let je;
+const Yt = /* @__PURE__ */ Oe({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Yt = /* @__PURE__ */ S((e, n) => {
+}), Zt = /* @__PURE__ */ S((e, n) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: s, ...d } = e, p = tt(Xt), [l, h] = V(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = V({}), c = J(
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: s, ...d } = e, p = nt(Yt), [l, f] = K(null), v = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, $] = K({}), c = ee(
     n,
-    (w) => h(w)
-  ), v = Array.from(p.layers), [b] = [
+    (b) => f(b)
+  ), h = Array.from(p.layers), [y] = [
     ...p.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), C = v.indexOf(b), y = l ? v.indexOf(l) : -1, $ = p.layersWithOutsidePointerEventsDisabled.size > 0, x = y >= C, W = Zt((w) => {
-    const I = w.target, ie = [
+  ].slice(-1), O = h.indexOf(y), E = l ? h.indexOf(l) : -1, w = p.layersWithOutsidePointerEventsDisabled.size > 0, x = E >= O, k = Qt((b) => {
+    const L = b.target, F = [
       ...p.branches
     ].some(
-      (R) => R.contains(I)
+      (te) => te.contains(L)
     );
-    !x || ie || (r == null || r(w), u == null || u(w), w.defaultPrevented || s == null || s());
-  }, f), T = Qt((w) => {
-    const I = w.target;
+    !x || F || (r == null || r(b), u == null || u(b), b.defaultPrevented || s == null || s());
+  }, v), R = Jt((b) => {
+    const L = b.target;
     [
       ...p.branches
     ].some(
-      (R) => R.contains(I)
-    ) || (i == null || i(w), u == null || u(w), w.defaultPrevented || s == null || s());
-  }, f);
-  return Vt((w) => {
-    y === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && s && (w.preventDefault(), s()));
-  }, f), A(() => {
+      (te) => te.contains(L)
+    ) || (i == null || i(b), u == null || u(b), b.defaultPrevented || s == null || s());
+  }, v);
+  return Kt((b) => {
+    E === p.layers.size - 1 && (a == null || a(b), !b.defaultPrevented && s && (b.preventDefault(), s()));
+  }, v), A(() => {
     if (l)
-      return o && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (Fe = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(l)), p.layers.add(l), je(), () => {
-        o && p.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = Fe);
+      return o && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (je = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(l)), p.layers.add(l), Be(), () => {
+        o && p.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = je);
       };
   }, [
     l,
-    f,
+    v,
     o,
     p
   ]), A(() => () => {
-    l && (p.layers.delete(l), p.layersWithOutsidePointerEventsDisabled.delete(l), je());
+    l && (p.layers.delete(l), p.layersWithOutsidePointerEventsDisabled.delete(l), Be());
   }, [
     l,
     p
   ]), A(() => {
-    const w = () => E({});
-    return document.addEventListener(Ne, w), () => document.removeEventListener(Ne, w);
-  }, []), /* @__PURE__ */ g(U.div, P({}, d, {
+    const b = () => $({});
+    return document.addEventListener(Ae, b), () => document.removeEventListener(Ae, b);
+  }, []), /* @__PURE__ */ g(q.div, N({}, d, {
     ref: c,
     style: {
-      pointerEvents: $ ? x ? "auto" : "none" : void 0,
+      pointerEvents: w ? x ? "auto" : "none" : void 0,
       ...e.style
     },
-    onFocusCapture: B(e.onFocusCapture, T.onFocusCapture),
-    onBlurCapture: B(e.onBlurCapture, T.onBlurCapture),
-    onPointerDownCapture: B(e.onPointerDownCapture, W.onPointerDownCapture)
+    onFocusCapture: W(e.onFocusCapture, R.onFocusCapture),
+    onBlurCapture: W(e.onBlurCapture, R.onBlurCapture),
+    onPointerDownCapture: W(e.onPointerDownCapture, k.onPointerDownCapture)
   }));
 });
-function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = G(e), o = O(!1), a = O(() => {
+function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = G(e), o = C(!1), a = C(() => {
   });
   return A(() => {
     const r = (u) => {
       if (u.target && !o.current) {
         let d = function() {
-          ot(Gt, t, s, {
+          at(Gt, t, s, {
             discrete: !0
           });
         };
@@ -358,11 +358,11 @@ function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = G(e), o = O(!1);
+function Jt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = G(e), o = C(!1);
   return A(() => {
     const a = (r) => {
-      r.target && !o.current && ot(Kt, t, {
+      r.target && !o.current && at(Xt, t, {
         originalEvent: r
       }, {
         discrete: !1
@@ -377,11 +377,11 @@ function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function je() {
-  const e = new CustomEvent(Ne);
+function Be() {
+  const e = new CustomEvent(Ae);
   document.dispatchEvent(e);
 }
-function ot(e, n, t, { discrete: o }) {
+function at(e, n, t, { discrete: o }) {
   const a = t.originalEvent.target, r = new CustomEvent(e, {
     bubbles: !1,
     cancelable: !0,
@@ -389,16 +389,16 @@ function ot(e, n, t, { discrete: o }) {
   });
   n && a.addEventListener(e, n, {
     once: !0
-  }), o ? Ht(a, r) : a.dispatchEvent(r);
+  }), o ? Vt(a, r) : a.dispatchEvent(r);
 }
-const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount", Be = {
+const ye = "focusScope.autoFocusOnMount", Ee = "focusScope.autoFocusOnUnmount", Ue = {
   bubbles: !1,
   cancelable: !0
-}, Jt = /* @__PURE__ */ S((e, n) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, s] = V(null), d = G(a), p = G(r), l = O(null), h = J(
+}, en = /* @__PURE__ */ S((e, n) => {
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, s] = K(null), d = G(a), p = G(r), l = C(null), f = ee(
     n,
     (c) => s(c)
-  ), f = O({
+  ), v = C({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -409,54 +409,54 @@ const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount",
   }).current;
   A(() => {
     if (o) {
-      let c = function(y) {
-        if (f.paused || !u)
+      let c = function(E) {
+        if (v.paused || !u)
           return;
-        const $ = y.target;
-        u.contains($) ? l.current = $ : F(l.current, {
+        const w = E.target;
+        u.contains(w) ? l.current = w : B(l.current, {
           select: !0
         });
-      }, v = function(y) {
-        if (f.paused || !u)
+      }, h = function(E) {
+        if (v.paused || !u)
           return;
-        const $ = y.relatedTarget;
-        $ !== null && (u.contains($) || F(l.current, {
+        const w = E.relatedTarget;
+        w !== null && (u.contains(w) || B(l.current, {
           select: !0
         }));
-      }, b = function(y) {
+      }, y = function(E) {
         if (document.activeElement === document.body)
-          for (const x of y)
-            x.removedNodes.length > 0 && F(u);
+          for (const x of E)
+            x.removedNodes.length > 0 && B(u);
       };
-      document.addEventListener("focusin", c), document.addEventListener("focusout", v);
-      const C = new MutationObserver(b);
-      return u && C.observe(u, {
+      document.addEventListener("focusin", c), document.addEventListener("focusout", h);
+      const O = new MutationObserver(y);
+      return u && O.observe(u, {
         childList: !0,
         subtree: !0
       }), () => {
-        document.removeEventListener("focusin", c), document.removeEventListener("focusout", v), C.disconnect();
+        document.removeEventListener("focusin", c), document.removeEventListener("focusout", h), O.disconnect();
       };
     }
   }, [
     o,
     u,
-    f.paused
+    v.paused
   ]), A(() => {
     if (u) {
-      Ue.add(f);
+      ze.add(v);
       const c = document.activeElement;
       if (!u.contains(c)) {
-        const b = new CustomEvent(ye, Be);
-        u.addEventListener(ye, d), u.dispatchEvent(b), b.defaultPrevented || (en(an(at(u)), {
+        const y = new CustomEvent(ye, Ue);
+        u.addEventListener(ye, d), u.dispatchEvent(y), y.defaultPrevented || (tn(un(it(u)), {
           select: !0
-        }), document.activeElement === c && F(u));
+        }), document.activeElement === c && B(u));
       }
       return () => {
         u.removeEventListener(ye, d), setTimeout(() => {
-          const b = new CustomEvent($e, Be);
-          u.addEventListener($e, p), u.dispatchEvent(b), b.defaultPrevented || F(c ?? document.body, {
+          const y = new CustomEvent(Ee, Ue);
+          u.addEventListener(Ee, p), u.dispatchEvent(y), y.defaultPrevented || B(c ?? document.body, {
             select: !0
-          }), u.removeEventListener($e, p), Ue.remove(f);
+          }), u.removeEventListener(Ee, p), ze.remove(v);
         }, 0);
       };
     }
@@ -464,48 +464,48 @@ const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount",
     u,
     d,
     p,
-    f
+    v
   ]);
-  const E = Q((c) => {
-    if (!t && !o || f.paused)
+  const $ = J((c) => {
+    if (!t && !o || v.paused)
       return;
-    const v = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, b = document.activeElement;
-    if (v && b) {
-      const C = c.currentTarget, [y, $] = tn(C);
-      y && $ ? !c.shiftKey && b === $ ? (c.preventDefault(), t && F(y, {
+    const h = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, y = document.activeElement;
+    if (h && y) {
+      const O = c.currentTarget, [E, w] = nn(O);
+      E && w ? !c.shiftKey && y === w ? (c.preventDefault(), t && B(E, {
         select: !0
-      })) : c.shiftKey && b === y && (c.preventDefault(), t && F($, {
+      })) : c.shiftKey && y === E && (c.preventDefault(), t && B(w, {
         select: !0
-      })) : b === C && c.preventDefault();
+      })) : y === O && c.preventDefault();
     }
   }, [
     t,
     o,
-    f.paused
+    v.paused
   ]);
-  return /* @__PURE__ */ g(U.div, P({
+  return /* @__PURE__ */ g(q.div, N({
     tabIndex: -1
   }, i, {
-    ref: h,
-    onKeyDown: E
+    ref: f,
+    onKeyDown: $
   }));
 });
-function en(e, { select: n = !1 } = {}) {
+function tn(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
-    if (F(o, {
+    if (B(o, {
       select: n
     }), document.activeElement !== t)
       return;
 }
-function tn(e) {
-  const n = at(e), t = qe(n, e), o = qe(n.reverse(), e);
+function nn(e) {
+  const n = it(e), t = We(n, e), o = We(n.reverse(), e);
   return [
     t,
     o
   ];
 }
-function at(e) {
+function it(e) {
   const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -516,14 +516,14 @@ function at(e) {
     n.push(t.currentNode);
   return n;
 }
-function qe(e, n) {
+function We(e, n) {
   for (const t of e)
-    if (!nn(t, {
+    if (!rn(t, {
       upTo: n
     }))
       return t;
 }
-function nn(e, { upTo: n }) {
+function rn(e, { upTo: n }) {
   if (getComputedStyle(e).visibility === "hidden")
     return !0;
   for (; e; ) {
@@ -535,66 +535,66 @@ function nn(e, { upTo: n }) {
   }
   return !1;
 }
-function rn(e) {
+function on(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function F(e, { select: n = !1 } = {}) {
+function B(e, { select: n = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
     e.focus({
       preventScroll: !0
-    }), e !== t && rn(e) && n && e.select();
+    }), e !== t && on(e) && n && e.select();
   }
 }
-const Ue = on();
-function on() {
+const ze = an();
+function an() {
   let e = [];
   return {
     add(n) {
       const t = e[0];
-      n !== t && (t == null || t.pause()), e = We(e, n), e.unshift(n);
+      n !== t && (t == null || t.pause()), e = qe(e, n), e.unshift(n);
     },
     remove(n) {
       var t;
-      e = We(e, n), (t = e[0]) === null || t === void 0 || t.resume();
+      e = qe(e, n), (t = e[0]) === null || t === void 0 || t.resume();
     }
   };
 }
-function We(e, n) {
+function qe(e, n) {
   const t = [
     ...e
   ], o = t.indexOf(n);
   return o !== -1 && t.splice(o, 1), t;
 }
-function an(e) {
+function un(e) {
   return e.filter(
     (n) => n.tagName !== "A"
   );
 }
-const un = /* @__PURE__ */ S((e, n) => {
+const cn = /* @__PURE__ */ S((e, n) => {
   var t;
   const { container: o = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...a } = e;
-  return o ? /* @__PURE__ */ It.createPortal(/* @__PURE__ */ g(U.div, P({}, a, {
+  return o ? /* @__PURE__ */ Rt.createPortal(/* @__PURE__ */ g(q.div, N({}, a, {
     ref: n
   })), o) : null;
 });
-function cn(e, n) {
-  return Dt((t, o) => {
+function sn(e, n) {
+  return It((t, o) => {
     const a = n[t][o];
     return a ?? t;
   }, e);
 }
-const ge = (e) => {
-  const { present: n, children: t } = e, o = sn(n), a = typeof t == "function" ? t({
+const _e = (e) => {
+  const { present: n, children: t } = e, o = ln(n), a = typeof t == "function" ? t({
     present: o.isPresent
-  }) : M.only(t), r = J(o.ref, a.ref);
-  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ ae(a, {
+  }) : D.only(t), r = ee(o.ref, a.ref);
+  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ ue(a, {
     ref: r
   }) : null;
 };
-ge.displayName = "Presence";
-function sn(e) {
-  const [n, t] = V(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, s] = cn(i, {
+_e.displayName = "Presence";
+function ln(e) {
+  const [n, t] = K(), o = C({}), a = C(e), r = C("none"), i = e ? "mounted" : "unmounted", [u, s] = sn(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -608,28 +608,28 @@ function sn(e) {
     }
   });
   return A(() => {
-    const d = ue(o.current);
+    const d = ce(o.current);
     r.current = u === "mounted" ? d : "none";
   }, [
     u
-  ]), Oe(() => {
+  ]), Pe(() => {
     const d = o.current, p = a.current;
     if (p !== e) {
-      const h = r.current, f = ue(d);
-      e ? s("MOUNT") : f === "none" || (d == null ? void 0 : d.display) === "none" ? s("UNMOUNT") : s(p && h !== f ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      const f = r.current, v = ce(d);
+      e ? s("MOUNT") : v === "none" || (d == null ? void 0 : d.display) === "none" ? s("UNMOUNT") : s(p && f !== v ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [
     e,
     s
-  ]), Oe(() => {
+  ]), Pe(() => {
     if (n) {
       const d = (l) => {
-        const f = ue(o.current).includes(l.animationName);
-        l.target === n && f && nt(
+        const v = ce(o.current).includes(l.animationName);
+        l.target === n && v && rt(
           () => s("ANIMATION_END")
         );
       }, p = (l) => {
-        l.target === n && (r.current = ue(o.current));
+        l.target === n && (r.current = ce(o.current));
       };
       return n.addEventListener("animationstart", p), n.addEventListener("animationcancel", d), n.addEventListener("animationend", d), () => {
         n.removeEventListener("animationstart", p), n.removeEventListener("animationcancel", d), n.removeEventListener("animationend", d);
@@ -644,41 +644,41 @@ function sn(e) {
       "mounted",
       "unmountSuspended"
     ].includes(u),
-    ref: Q((d) => {
+    ref: J((d) => {
       d && (o.current = getComputedStyle(d)), t(d);
     }, [])
   };
 }
-function ue(e) {
+function ce(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-let Ee = 0;
-function ln() {
+let we = 0;
+function dn() {
   A(() => {
     var e, n;
     const t = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : ze()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : ze()), Ee++, () => {
-      Ee === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
+    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : He()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : He()), we++, () => {
+      we === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
         (o) => o.remove()
-      ), Ee--;
+      ), we--;
     };
   }, []);
 }
-function ze() {
+function He() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
 }
-var k = function() {
-  return k = Object.assign || function(n) {
+var M = function() {
+  return M = Object.assign || function(n) {
     for (var t, o = 1, a = arguments.length; o < a; o++) {
       t = arguments[o];
       for (var r in t)
         Object.prototype.hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, k.apply(this, arguments);
+  }, M.apply(this, arguments);
 };
-function it(e, n) {
+function ut(e, n) {
   var t = {};
   for (var o in e)
     Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
@@ -687,18 +687,18 @@ function it(e, n) {
       n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
   return t;
 }
-function dn(e, n, t) {
+function pn(e, n, t) {
   if (t || arguments.length === 2)
     for (var o = 0, a = n.length, r; o < a; o++)
       (r || !(o in n)) && (r || (r = Array.prototype.slice.call(n, 0, o)), r[o] = n[o]);
   return e.concat(r || Array.prototype.slice.call(n));
 }
-var ve = "right-scroll-bar-position", he = "width-before-scroll-bar", pn = "with-scroll-bars-hidden", fn = "--removed-body-scroll-bar-size";
-function vn(e, n) {
+var he = "right-scroll-bar-position", me = "width-before-scroll-bar", fn = "with-scroll-bars-hidden", vn = "--removed-body-scroll-bar-size";
+function hn(e, n) {
   return typeof e == "function" ? e(n) : e && (e.current = n), e;
 }
-function hn(e, n) {
-  var t = V(function() {
+function mn(e, n) {
+  var t = K(function() {
     return {
       // value
       value: e,
@@ -718,18 +718,18 @@ function hn(e, n) {
   })[0];
   return t.callback = n, t.facade;
 }
-function mn(e, n) {
-  return hn(null, function(t) {
+function gn(e, n) {
+  return mn(null, function(t) {
     return e.forEach(function(o) {
-      return vn(o, t);
+      return hn(o, t);
     });
   });
 }
-function gn(e) {
+function _n(e) {
   return e;
 }
-function _n(e, n) {
-  n === void 0 && (n = gn);
+function bn(e, n) {
+  n === void 0 && (n = _n);
   var t = [], o = !1, a = {
     read: function() {
       if (o)
@@ -783,78 +783,78 @@ function _n(e, n) {
   };
   return a;
 }
-function bn(e) {
+function $n(e) {
   e === void 0 && (e = {});
-  var n = _n(null);
-  return n.options = k({ async: !0, ssr: !1 }, e), n;
+  var n = bn(null);
+  return n.options = M({ async: !0, ssr: !1 }, e), n;
 }
-var ut = function(e) {
-  var n = e.sideCar, t = it(e, ["sideCar"]);
+var ct = function(e) {
+  var n = e.sideCar, t = ut(e, ["sideCar"]);
   if (!n)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = n.read();
   if (!o)
     throw new Error("Sidecar medium not found");
-  return m.createElement(o, k({}, t));
+  return m.createElement(o, M({}, t));
 };
-ut.isSideCarExport = !0;
+ct.isSideCarExport = !0;
 function yn(e, n) {
-  return e.useMedium(n), ut;
+  return e.useMedium(n), ct;
 }
-var ct = bn(), we = function() {
-}, _e = m.forwardRef(function(e, n) {
+var st = $n(), xe = function() {
+}, be = m.forwardRef(function(e, n) {
   var t = m.useRef(null), o = m.useState({
-    onScrollCapture: we,
-    onWheelCapture: we,
-    onTouchMoveCapture: we
-  }), a = o[0], r = o[1], i = e.forwardProps, u = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, c = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, C = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), y = h, $ = mn([t, n]), x = k(k({}, C), a);
+    onScrollCapture: xe,
+    onWheelCapture: xe,
+    onTouchMoveCapture: xe
+  }), a = o[0], r = o[1], i = e.forwardProps, u = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, f = e.sideCar, v = e.noIsolation, $ = e.inert, c = e.allowPinchZoom, h = e.as, y = h === void 0 ? "div" : h, O = ut(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), E = f, w = gn([t, n]), x = M(M({}, O), a);
   return m.createElement(
     m.Fragment,
     null,
-    p && m.createElement(y, { sideCar: ct, removeScrollBar: d, shards: l, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!c, lockRef: t }),
-    i ? m.cloneElement(m.Children.only(u), k(k({}, x), { ref: $ })) : m.createElement(b, k({}, x, { className: s, ref: $ }), u)
+    p && m.createElement(E, { sideCar: st, removeScrollBar: d, shards: l, noIsolation: v, inert: $, setCallbacks: r, allowPinchZoom: !!c, lockRef: t }),
+    i ? m.cloneElement(m.Children.only(u), M(M({}, x), { ref: w })) : m.createElement(y, M({}, x, { className: s, ref: w }), u)
   );
 });
-_e.defaultProps = {
+be.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-_e.classNames = {
-  fullWidth: he,
-  zeroRight: ve
+be.classNames = {
+  fullWidth: me,
+  zeroRight: he
 };
-var $n = function() {
+var En = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function En() {
+function wn() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var n = $n();
+  var n = En();
   return n && e.setAttribute("nonce", n), e;
 }
-function wn(e, n) {
+function xn(e, n) {
   e.styleSheet ? e.styleSheet.cssText = n : e.appendChild(document.createTextNode(n));
 }
-function xn(e) {
+function Sn(e) {
   var n = document.head || document.getElementsByTagName("head")[0];
   n.appendChild(e);
 }
-var Sn = function() {
+var Cn = function() {
   var e = 0, n = null;
   return {
     add: function(t) {
-      e == 0 && (n = En()) && (wn(n, t), xn(n)), e++;
+      e == 0 && (n = wn()) && (xn(n, t), Sn(n)), e++;
     },
     remove: function() {
       e--, !e && n && (n.parentNode && n.parentNode.removeChild(n), n = null);
     }
   };
-}, Cn = function() {
-  var e = Sn();
+}, On = function() {
+  var e = Cn();
   return function(n, t) {
     m.useEffect(function() {
       return e.add(n), function() {
@@ -862,36 +862,36 @@ var Sn = function() {
       };
     }, [n && t]);
   };
-}, st = function() {
-  var e = Cn(), n = function(t) {
+}, lt = function() {
+  var e = On(), n = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
   };
   return n;
-}, On = {
+}, Pn = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
-}, xe = function(e) {
+}, Se = function(e) {
   return parseInt(e || "", 10) || 0;
-}, Pn = function(e) {
-  var n = window.getComputedStyle(document.body), t = n[e === "padding" ? "paddingLeft" : "marginLeft"], o = n[e === "padding" ? "paddingTop" : "marginTop"], a = n[e === "padding" ? "paddingRight" : "marginRight"];
-  return [xe(t), xe(o), xe(a)];
 }, Nn = function(e) {
+  var n = window.getComputedStyle(document.body), t = n[e === "padding" ? "paddingLeft" : "marginLeft"], o = n[e === "padding" ? "paddingTop" : "marginTop"], a = n[e === "padding" ? "paddingRight" : "marginRight"];
+  return [Se(t), Se(o), Se(a)];
+}, An = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return On;
-  var n = Pn(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+    return Pn;
+  var n = Nn(e), t = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: n[0],
     top: n[1],
     right: n[2],
     gap: Math.max(0, o - t + n[2] - n[0])
   };
-}, An = st(), Tn = function(e, n, t, o) {
+}, Tn = lt(), Dn = function(e, n, t, o) {
   var a = e.left, r = e.top, i = e.right, u = e.gap;
   return t === void 0 && (t = "margin"), `
-  .`.concat(pn, ` {
+  .`.concat(fn, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(u, "px ").concat(o, `;
   }
@@ -912,63 +912,63 @@ var Sn = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(ve, ` {
+  .`).concat(he, ` {
     right: `).concat(u, "px ").concat(o, `;
   }
   
-  .`).concat(he, ` {
+  .`).concat(me, ` {
     margin-right: `).concat(u, "px ").concat(o, `;
   }
   
-  .`).concat(ve, " .").concat(ve, ` {
+  .`).concat(he, " .").concat(he, ` {
     right: 0 `).concat(o, `;
   }
   
-  .`).concat(he, " .").concat(he, ` {
+  .`).concat(me, " .").concat(me, ` {
     margin-right: 0 `).concat(o, `;
   }
   
   body {
-    `).concat(fn, ": ").concat(u, `px;
+    `).concat(vn, ": ").concat(u, `px;
   }
 `);
-}, Dn = function(e) {
+}, In = function(e) {
   var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o, r = m.useMemo(function() {
-    return Nn(a);
+    return An(a);
   }, [a]);
-  return m.createElement(An, { styles: Tn(r, !n, a, t ? "" : "!important") });
-}, Ae = !1;
+  return m.createElement(Tn, { styles: Dn(r, !n, a, t ? "" : "!important") });
+}, Te = !1;
 if (typeof window < "u")
   try {
-    var ce = Object.defineProperty({}, "passive", {
+    var se = Object.defineProperty({}, "passive", {
       get: function() {
-        return Ae = !0, !0;
+        return Te = !0, !0;
       }
     });
-    window.addEventListener("test", ce, ce), window.removeEventListener("test", ce, ce);
+    window.addEventListener("test", se, se), window.removeEventListener("test", se, se);
   } catch {
-    Ae = !1;
+    Te = !1;
   }
-var K = Ae ? { passive: !1 } : !1, In = function(e) {
+var X = Te ? { passive: !1 } : !1, Rn = function(e) {
   return e.tagName === "TEXTAREA";
-}, lt = function(e, n) {
+}, dt = function(e, n) {
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[n] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !In(e) && t[n] === "visible")
+    !(t.overflowY === t.overflowX && !Rn(e) && t[n] === "visible")
   );
-}, Rn = function(e) {
-  return lt(e, "overflowY");
 }, Mn = function(e) {
-  return lt(e, "overflowX");
-}, He = function(e, n) {
+  return dt(e, "overflowY");
+}, kn = function(e) {
+  return dt(e, "overflowX");
+}, Ve = function(e, n) {
   var t = n;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
-    var o = dt(e, t);
+    var o = pt(e, t);
     if (o) {
-      var a = pt(e, t), r = a[1], i = a[2];
+      var a = ft(e, t), r = a[1], i = a[2];
       if (r > i)
         return !0;
     }
@@ -982,195 +982,195 @@ var K = Ae ? { passive: !1 } : !1, In = function(e) {
     t,
     o
   ];
-}, kn = function(e) {
+}, Fn = function(e) {
   var n = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     n,
     t,
     o
   ];
-}, dt = function(e, n) {
-  return e === "v" ? Rn(n) : Mn(n);
 }, pt = function(e, n) {
-  return e === "v" ? Ln(n) : kn(n);
-}, Fn = function(e, n) {
+  return e === "v" ? Mn(n) : kn(n);
+}, ft = function(e, n) {
+  return e === "v" ? Ln(n) : Fn(n);
+}, jn = function(e, n) {
   return e === "h" && n === "rtl" ? -1 : 1;
-}, jn = function(e, n, t, o, a) {
-  var r = Fn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, s = n.contains(u), d = !1, p = i > 0, l = 0, h = 0;
+}, Bn = function(e, n, t, o, a) {
+  var r = jn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, s = n.contains(u), d = !1, p = i > 0, l = 0, f = 0;
   do {
-    var f = pt(e, u), E = f[0], c = f[1], v = f[2], b = c - v - r * E;
-    (E || b) && dt(e, u) && (l += b, h += E), u = u.parentNode;
+    var v = ft(e, u), $ = v[0], c = v[1], h = v[2], y = c - h - r * $;
+    ($ || y) && pt(e, u) && (l += y, f += $), u = u.parentNode;
   } while (
     // portaled content
     !s && u !== document.body || // self content
     s && (n.contains(u) || n === u)
   );
-  return (p && (l === 0 || !a) || !p && (h === 0 || !a)) && (d = !0), d;
-}, se = function(e) {
+  return (p && (l === 0 || !a) || !p && (f === 0 || !a)) && (d = !0), d;
+}, le = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Ve = function(e) {
+}, Ke = function(e) {
   return [e.deltaX, e.deltaY];
 }, Ge = function(e) {
   return e && "current" in e ? e.current : e;
-}, Bn = function(e, n) {
+}, Un = function(e, n) {
   return e[0] === n[0] && e[1] === n[1];
-}, qn = function(e) {
+}, Wn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Un = 0, X = [];
-function Wn(e) {
-  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Un++)[0], r = m.useState(function() {
-    return st();
+}, zn = 0, Y = [];
+function qn(e) {
+  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(zn++)[0], r = m.useState(function() {
+    return lt();
   })[0], i = m.useRef(e);
   m.useEffect(function() {
     i.current = e;
   }, [e]), m.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var c = dn([e.lockRef.current], (e.shards || []).map(Ge), !0).filter(Boolean);
-      return c.forEach(function(v) {
-        return v.classList.add("allow-interactivity-".concat(a));
+      var c = pn([e.lockRef.current], (e.shards || []).map(Ge), !0).filter(Boolean);
+      return c.forEach(function(h) {
+        return h.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), c.forEach(function(v) {
-          return v.classList.remove("allow-interactivity-".concat(a));
+        document.body.classList.remove("block-interactivity-".concat(a)), c.forEach(function(h) {
+          return h.classList.remove("allow-interactivity-".concat(a));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var u = m.useCallback(function(c, v) {
+  var u = m.useCallback(function(c, h) {
     if ("touches" in c && c.touches.length === 2)
       return !i.current.allowPinchZoom;
-    var b = se(c), C = t.current, y = "deltaX" in c ? c.deltaX : C[0] - b[0], $ = "deltaY" in c ? c.deltaY : C[1] - b[1], x, W = c.target, T = Math.abs(y) > Math.abs($) ? "h" : "v";
-    if ("touches" in c && T === "h" && W.type === "range")
+    var y = le(c), O = t.current, E = "deltaX" in c ? c.deltaX : O[0] - y[0], w = "deltaY" in c ? c.deltaY : O[1] - y[1], x, k = c.target, R = Math.abs(E) > Math.abs(w) ? "h" : "v";
+    if ("touches" in c && R === "h" && k.type === "range")
       return !1;
-    var w = He(T, W);
-    if (!w)
+    var b = Ve(R, k);
+    if (!b)
       return !0;
-    if (w ? x = T : (x = T === "v" ? "h" : "v", w = He(T, W)), !w)
+    if (b ? x = R : (x = R === "v" ? "h" : "v", b = Ve(R, k)), !b)
       return !1;
-    if (!o.current && "changedTouches" in c && (y || $) && (o.current = x), !x)
+    if (!o.current && "changedTouches" in c && (E || w) && (o.current = x), !x)
       return !0;
-    var I = o.current || x;
-    return jn(I, v, c, I === "h" ? y : $, !0);
+    var L = o.current || x;
+    return Bn(L, h, c, L === "h" ? E : w, !0);
   }, []), s = m.useCallback(function(c) {
-    var v = c;
-    if (!(!X.length || X[X.length - 1] !== r)) {
-      var b = "deltaY" in v ? Ve(v) : se(v), C = n.current.filter(function(x) {
-        return x.name === v.type && x.target === v.target && Bn(x.delta, b);
+    var h = c;
+    if (!(!Y.length || Y[Y.length - 1] !== r)) {
+      var y = "deltaY" in h ? Ke(h) : le(h), O = n.current.filter(function(x) {
+        return x.name === h.type && x.target === h.target && Un(x.delta, y);
       })[0];
-      if (C && C.should) {
-        v.cancelable && v.preventDefault();
+      if (O && O.should) {
+        h.cancelable && h.preventDefault();
         return;
       }
-      if (!C) {
-        var y = (i.current.shards || []).map(Ge).filter(Boolean).filter(function(x) {
-          return x.contains(v.target);
-        }), $ = y.length > 0 ? u(v, y[0]) : !i.current.noIsolation;
-        $ && v.cancelable && v.preventDefault();
+      if (!O) {
+        var E = (i.current.shards || []).map(Ge).filter(Boolean).filter(function(x) {
+          return x.contains(h.target);
+        }), w = E.length > 0 ? u(h, E[0]) : !i.current.noIsolation;
+        w && h.cancelable && h.preventDefault();
       }
     }
-  }, []), d = m.useCallback(function(c, v, b, C) {
-    var y = { name: c, delta: v, target: b, should: C };
-    n.current.push(y), setTimeout(function() {
-      n.current = n.current.filter(function($) {
-        return $ !== y;
+  }, []), d = m.useCallback(function(c, h, y, O) {
+    var E = { name: c, delta: h, target: y, should: O };
+    n.current.push(E), setTimeout(function() {
+      n.current = n.current.filter(function(w) {
+        return w !== E;
       });
     }, 1);
   }, []), p = m.useCallback(function(c) {
-    t.current = se(c), o.current = void 0;
+    t.current = le(c), o.current = void 0;
   }, []), l = m.useCallback(function(c) {
-    d(c.type, Ve(c), c.target, u(c, e.lockRef.current));
-  }, []), h = m.useCallback(function(c) {
-    d(c.type, se(c), c.target, u(c, e.lockRef.current));
+    d(c.type, Ke(c), c.target, u(c, e.lockRef.current));
+  }, []), f = m.useCallback(function(c) {
+    d(c.type, le(c), c.target, u(c, e.lockRef.current));
   }, []);
   m.useEffect(function() {
-    return X.push(r), e.setCallbacks({
+    return Y.push(r), e.setCallbacks({
       onScrollCapture: l,
       onWheelCapture: l,
-      onTouchMoveCapture: h
-    }), document.addEventListener("wheel", s, K), document.addEventListener("touchmove", s, K), document.addEventListener("touchstart", p, K), function() {
-      X = X.filter(function(c) {
+      onTouchMoveCapture: f
+    }), document.addEventListener("wheel", s, X), document.addEventListener("touchmove", s, X), document.addEventListener("touchstart", p, X), function() {
+      Y = Y.filter(function(c) {
         return c !== r;
-      }), document.removeEventListener("wheel", s, K), document.removeEventListener("touchmove", s, K), document.removeEventListener("touchstart", p, K);
+      }), document.removeEventListener("wheel", s, X), document.removeEventListener("touchmove", s, X), document.removeEventListener("touchstart", p, X);
     };
   }, []);
-  var f = e.removeScrollBar, E = e.inert;
+  var v = e.removeScrollBar, $ = e.inert;
   return m.createElement(
     m.Fragment,
     null,
-    E ? m.createElement(r, { styles: qn(a) }) : null,
-    f ? m.createElement(Dn, { gapMode: "margin" }) : null
+    $ ? m.createElement(r, { styles: Wn(a) }) : null,
+    v ? m.createElement(In, { gapMode: "margin" }) : null
   );
 }
-const zn = yn(ct, Wn);
-var ft = m.forwardRef(function(e, n) {
-  return m.createElement(_e, k({}, e, { ref: n, sideCar: zn }));
+const Hn = yn(st, qn);
+var vt = m.forwardRef(function(e, n) {
+  return m.createElement(be, M({}, e, { ref: n, sideCar: Hn }));
 });
-ft.classNames = _e.classNames;
-var Hn = function(e) {
+vt.classNames = be.classNames;
+var Vn = function(e) {
   if (typeof document > "u")
     return null;
   var n = Array.isArray(e) ? e[0] : e;
   return n.ownerDocument.body;
-}, Y = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), de = {}, Se = 0, vt = function(e) {
-  return e && (e.host || vt(e.parentNode));
-}, Vn = function(e, n) {
+}, Z = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), pe = {}, Ce = 0, ht = function(e) {
+  return e && (e.host || ht(e.parentNode));
+}, Kn = function(e, n) {
   return n.map(function(t) {
     if (e.contains(t))
       return t;
-    var o = vt(t);
+    var o = ht(t);
     return o && e.contains(o) ? o : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(t) {
     return !!t;
   });
 }, Gn = function(e, n, t, o) {
-  var a = Vn(n, Array.isArray(e) ? e : [e]);
-  de[t] || (de[t] = /* @__PURE__ */ new WeakMap());
-  var r = de[t], i = [], u = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
+  var a = Kn(n, Array.isArray(e) ? e : [e]);
+  pe[t] || (pe[t] = /* @__PURE__ */ new WeakMap());
+  var r = pe[t], i = [], u = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
     !l || u.has(l) || (u.add(l), d(l.parentNode));
   };
   a.forEach(d);
   var p = function(l) {
-    !l || s.has(l) || Array.prototype.forEach.call(l.children, function(h) {
-      if (u.has(h))
-        p(h);
+    !l || s.has(l) || Array.prototype.forEach.call(l.children, function(f) {
+      if (u.has(f))
+        p(f);
       else {
-        var f = h.getAttribute(o), E = f !== null && f !== "false", c = (Y.get(h) || 0) + 1, v = (r.get(h) || 0) + 1;
-        Y.set(h, c), r.set(h, v), i.push(h), c === 1 && E && le.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
+        var v = f.getAttribute(o), $ = v !== null && v !== "false", c = (Z.get(f) || 0) + 1, h = (r.get(f) || 0) + 1;
+        Z.set(f, c), r.set(f, h), i.push(f), c === 1 && $ && de.set(f, !0), h === 1 && f.setAttribute(t, "true"), $ || f.setAttribute(o, "true");
       }
     });
   };
-  return p(n), u.clear(), Se++, function() {
+  return p(n), u.clear(), Ce++, function() {
     i.forEach(function(l) {
-      var h = Y.get(l) - 1, f = r.get(l) - 1;
-      Y.set(l, h), r.set(l, f), h || (le.has(l) || l.removeAttribute(o), le.delete(l)), f || l.removeAttribute(t);
-    }), Se--, Se || (Y = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), de = {});
+      var f = Z.get(l) - 1, v = r.get(l) - 1;
+      Z.set(l, f), r.set(l, v), f || (de.has(l) || l.removeAttribute(o), de.delete(l)), v || l.removeAttribute(t);
+    }), Ce--, Ce || (Z = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), pe = {});
   };
-}, Kn = function(e, n, t) {
+}, Xn = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = Hn(e);
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = Vn(e);
   return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Gn(o, a, t, "aria-hidden")) : function() {
     return null;
   };
 };
-const ht = "Dialog", [mt, bo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
-  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = O(null), s = O(null), [d = !1, p] = jt({
+const mt = "Dialog", [gt, $o] = kt(mt), [Yn, I] = gt(mt), Zn = (e) => {
+  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = C(null), s = C(null), [d = !1, p] = Bt({
     prop: o,
     defaultProp: a,
     onChange: r
   });
-  return /* @__PURE__ */ g(Xn, {
+  return /* @__PURE__ */ g(Yn, {
     scope: n,
     triggerRef: u,
     contentRef: s,
-    contentId: be(),
-    titleId: be(),
-    descriptionId: be(),
+    contentId: $e(),
+    titleId: $e(),
+    descriptionId: $e(),
     open: d,
     onOpenChange: p,
-    onOpenToggle: Q(
+    onOpenToggle: J(
       () => p(
         (l) => !l
       ),
@@ -1180,54 +1180,54 @@ const ht = "Dialog", [mt, bo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
     ),
     modal: i
   }, t);
-}, Zn = "DialogTrigger", Qn = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(Zn, t), r = J(n, a.triggerRef);
-  return /* @__PURE__ */ g(U.button, P({
+}, Qn = "DialogTrigger", Jn = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = I(Qn, t), r = ee(n, a.triggerRef);
+  return /* @__PURE__ */ g(q.button, N({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": a.open,
     "aria-controls": a.contentId,
-    "data-state": Me(a.open)
+    "data-state": ke(a.open)
   }, o, {
     ref: r,
-    onClick: B(e.onClick, a.onOpenToggle)
+    onClick: W(e.onClick, a.onOpenToggle)
   }));
-}), gt = "DialogPortal", [Jn, _t] = mt(gt, {
+}), _t = "DialogPortal", [er, bt] = gt(_t, {
   forceMount: void 0
-}), er = (e) => {
-  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(gt, n);
-  return /* @__PURE__ */ g(Jn, {
+}), tr = (e) => {
+  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = I(_t, n);
+  return /* @__PURE__ */ g(er, {
     scope: n,
     forceMount: t
-  }, M.map(
+  }, D.map(
     o,
-    (i) => /* @__PURE__ */ g(ge, {
+    (i) => /* @__PURE__ */ g(_e, {
       present: t || r.open
-    }, /* @__PURE__ */ g(un, {
+    }, /* @__PURE__ */ g(cn, {
       asChild: !0,
       container: a
     }, i))
   ));
-}, Te = "DialogOverlay", tr = /* @__PURE__ */ S((e, n) => {
-  const t = _t(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(Te, e.__scopeDialog);
-  return r.modal ? /* @__PURE__ */ g(ge, {
+}, De = "DialogOverlay", nr = /* @__PURE__ */ S((e, n) => {
+  const t = bt(De, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = I(De, e.__scopeDialog);
+  return r.modal ? /* @__PURE__ */ g(_e, {
     present: o || r.open
-  }, /* @__PURE__ */ g(nr, P({}, a, {
+  }, /* @__PURE__ */ g(rr, N({}, a, {
     ref: n
   }))) : null;
-}), nr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(Te, t);
+}), rr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = I(De, t);
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
-    /* @__PURE__ */ g(ft, {
-      as: Re,
+    /* @__PURE__ */ g(vt, {
+      as: Me,
       allowPinchZoom: !0,
       shards: [
         a.contentRef
       ]
-    }, /* @__PURE__ */ g(U.div, P({
-      "data-state": Me(a.open)
+    }, /* @__PURE__ */ g(q.div, N({
+      "data-state": ke(a.open)
     }, o, {
       ref: n,
       style: {
@@ -1236,41 +1236,41 @@ const ht = "Dialog", [mt, bo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
       }
     })))
   );
-}), oe = "DialogContent", rr = /* @__PURE__ */ S((e, n) => {
-  const t = _t(oe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(oe, e.__scopeDialog);
-  return /* @__PURE__ */ g(ge, {
+}), ie = "DialogContent", or = /* @__PURE__ */ S((e, n) => {
+  const t = bt(ie, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = I(ie, e.__scopeDialog);
+  return /* @__PURE__ */ g(_e, {
     present: o || r.open
-  }, r.modal ? /* @__PURE__ */ g(or, P({}, a, {
+  }, r.modal ? /* @__PURE__ */ g(ar, N({}, a, {
     ref: n
-  })) : /* @__PURE__ */ g(ar, P({}, a, {
+  })) : /* @__PURE__ */ g(ir, N({}, a, {
     ref: n
   })));
-}), or = /* @__PURE__ */ S((e, n) => {
-  const t = L(oe, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
+}), ar = /* @__PURE__ */ S((e, n) => {
+  const t = I(ie, e.__scopeDialog), o = C(null), a = ee(n, t.contentRef, o);
   return A(() => {
     const r = o.current;
     if (r)
-      return Kn(r);
-  }, []), /* @__PURE__ */ g(bt, P({}, e, {
+      return Xn(r);
+  }, []), /* @__PURE__ */ g($t, N({}, e, {
     ref: a,
     trapFocus: t.open,
     disableOutsidePointerEvents: !0,
-    onCloseAutoFocus: B(e.onCloseAutoFocus, (r) => {
+    onCloseAutoFocus: W(e.onCloseAutoFocus, (r) => {
       var i;
       r.preventDefault(), (i = t.triggerRef.current) === null || i === void 0 || i.focus();
     }),
-    onPointerDownOutside: B(e.onPointerDownOutside, (r) => {
+    onPointerDownOutside: W(e.onPointerDownOutside, (r) => {
       const i = r.detail.originalEvent, u = i.button === 0 && i.ctrlKey === !0;
       (i.button === 2 || u) && r.preventDefault();
     }),
-    onFocusOutside: B(
+    onFocusOutside: W(
       e.onFocusOutside,
       (r) => r.preventDefault()
     )
   }));
-}), ar = /* @__PURE__ */ S((e, n) => {
-  const t = L(oe, e.__scopeDialog), o = O(!1), a = O(!1);
-  return /* @__PURE__ */ g(bt, P({}, e, {
+}), ir = /* @__PURE__ */ S((e, n) => {
+  const t = I(ie, e.__scopeDialog), o = C(!1), a = C(!1);
+  return /* @__PURE__ */ g($t, N({}, e, {
     ref: n,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -1289,59 +1289,59 @@ const ht = "Dialog", [mt, bo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
       ((u = t.triggerRef.current) === null || u === void 0 ? void 0 : u.contains(s)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && a.current && r.preventDefault();
     }
   }));
-}), bt = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = L(oe, t), s = O(null), d = J(n, s);
-  return ln(), /* @__PURE__ */ g(Ie, null, /* @__PURE__ */ g(Jt, {
+}), $t = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = I(ie, t), s = C(null), d = ee(n, s);
+  return dn(), /* @__PURE__ */ g(Re, null, /* @__PURE__ */ g(en, {
     asChild: !0,
     loop: !0,
     trapped: o,
     onMountAutoFocus: a,
     onUnmountAutoFocus: r
-  }, /* @__PURE__ */ g(Yt, P({
+  }, /* @__PURE__ */ g(Zt, N({
     role: "dialog",
     id: u.contentId,
     "aria-describedby": u.descriptionId,
     "aria-labelledby": u.titleId,
-    "data-state": Me(u.open)
+    "data-state": ke(u.open)
   }, i, {
     ref: d,
     onDismiss: () => u.onOpenChange(!1)
   }))), !1);
-}), ir = "DialogTitle", ur = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(ir, t);
-  return /* @__PURE__ */ g(U.h2, P({
+}), ur = "DialogTitle", cr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = I(ur, t);
+  return /* @__PURE__ */ g(q.h2, N({
     id: a.titleId
   }, o, {
     ref: n
   }));
-}), cr = "DialogDescription", sr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(cr, t);
-  return /* @__PURE__ */ g(U.p, P({
+}), sr = "DialogDescription", lr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = I(sr, t);
+  return /* @__PURE__ */ g(q.p, N({
     id: a.descriptionId
   }, o, {
     ref: n
   }));
-}), lr = "DialogClose", dr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(lr, t);
-  return /* @__PURE__ */ g(U.button, P({
+}), dr = "DialogClose", pr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = I(dr, t);
+  return /* @__PURE__ */ g(q.button, N({
     type: "button"
   }, o, {
     ref: n,
-    onClick: B(
+    onClick: W(
       e.onClick,
       () => a.onOpenChange(!1)
     )
   }));
 });
-function Me(e) {
+function ke(e) {
   return e ? "open" : "closed";
 }
-const pr = Yn, fr = Qn, vr = er, hr = tr, mr = rr, gr = ur, Ke = sr, _r = dr, Xe = {
+const fr = Zn, vr = Jn, hr = tr, mr = nr, gr = or, _r = cr, Xe = lr, br = pr, Ye = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function br(e) {
+function $r(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var yt = { exports: {} };
@@ -1381,42 +1381,42 @@ var yt = { exports: {} };
   })();
 })(yt);
 var yr = yt.exports;
-const Ye = /* @__PURE__ */ br(yr), $r = "_rotate_1xozj_1", Er = "_dash_1xozj_1", ee = {
+const Ze = /* @__PURE__ */ $r(yr), Er = "_rotate_1xozj_1", wr = "_dash_1xozj_1", ne = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: $r,
+  rotate: Er,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "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: Er,
+  dash: wr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, te = "purpur-spinner", wr = {
+}, re = "purpur-spinner", xr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, xr = ({
+}, Sr = ({
   ["data-testid"]: e,
   disabled: n = !1,
   negative: t = !1,
-  size: o = wr.SM,
+  size: o = xr.SM,
   ...a
 }) => /* @__PURE__ */ _(
   "div",
   {
-    className: Ye([ee[te], ee[`${te}--${o}`]]),
+    className: Ze([ne[re], ne[`${re}--${o}`]]),
     "data-testid": e,
     ...a,
     children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
       "circle",
       {
-        className: Ye(ee[`${te}__circle`], {
-          [ee[`${te}__circle--disabled`]]: n,
-          [ee[`${te}__circle--negative`]]: t
+        className: Ze(ne[`${re}__circle`], {
+          [ne[`${re}__circle--disabled`]]: n,
+          [ne[`${re}__circle--negative`]]: t
         }),
         cx: "25",
         cy: "25",
@@ -1425,10 +1425,10 @@ const Ye = /* @__PURE__ */ br(yr), $r = "_rotate_1xozj_1", Er = "_dash_1xozj_1",
     ) })
   }
 );
-function Sr(e) {
+function Cr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var $t = { exports: {} };
+var Et = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1463,9 +1463,9 @@ var $t = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})($t);
-var Cr = $t.exports;
-const Or = /* @__PURE__ */ Sr(Cr), z = {
+})(Et);
+var Or = Et.exports;
+const Pr = /* @__PURE__ */ Cr(Or), H = {
   "purpur-button": "_purpur-button_u2yv5_1",
   "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
@@ -1486,7 +1486,7 @@ const Or = /* @__PURE__ */ Sr(Cr), z = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
   "purpur-button--text": "_purpur-button--text_u2yv5_175"
-}, H = "purpur-button", Pr = ({
+}, V = "purpur-button", Nr = ({
   children: e,
   className: n,
   ["data-testid"]: t,
@@ -1496,52 +1496,52 @@ const Or = /* @__PURE__ */ Sr(Cr), z = {
   loading: i = !1,
   negative: u = !1,
   onClick: s,
-  size: d = Xe.MD,
+  size: d = Ye.MD,
   variant: p,
   type: l = "button",
-  ...h
-}, f) => {
+  ...f
+}, v) => {
   if (r && p === "destructive")
     return null;
-  const E = Or(
+  const $ = Pr(
     [
-      z[H],
-      z[`${H}--${u ? `${p}-negative` : p}`],
-      z[`${H}--${d}`]
+      H[V],
+      H[`${V}--${u ? `${p}-negative` : p}`],
+      H[`${V}--${d}`]
     ],
     {
-      [z[`${H}--icon-only`]]: r,
-      [z[`${H}--negative`]]: u,
-      [z[`${H}--full-width`]]: a,
-      [z[`${H}--disabled`]]: o || i
+      [H[`${V}--icon-only`]]: r,
+      [H[`${V}--negative`]]: u,
+      [H[`${V}--full-width`]]: a,
+      [H[`${V}--disabled`]]: o || i
     },
     n
-  ), c = (v) => {
-    o || i ? v.preventDefault() : s && s(v);
+  ), c = (h) => {
+    o || i ? h.preventDefault() : s && s(h);
   };
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ U(
     "button",
     {
-      className: E,
+      className: $,
       "data-testid": t,
       type: l,
-      ref: f,
-      "aria-disabled": h["aria-disabled"] || o || i,
+      ref: v,
+      "aria-disabled": f["aria-disabled"] || o || i,
       onClick: c,
-      ...h,
+      ...f,
       children: [
-        i && /* @__PURE__ */ _(xr, { size: d === Xe.LG ? "xs" : "xxs", negative: u, disabled: o }),
+        i && /* @__PURE__ */ _(Sr, { size: d === Ye.LG ? "xs" : "xxs", negative: u, disabled: o }),
         " ",
         e
       ]
     }
   );
-}, Le = S(Pr);
+}, Le = S(Nr);
 Le.displayName = "Button";
-function Nr(e) {
+function Ar(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Et = { exports: {} };
+var wt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1576,9 +1576,9 @@ var Et = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Et);
-var Ar = Et.exports;
-const Tr = /* @__PURE__ */ Nr(Ar), pe = {
+})(wt);
+var Tr = wt.exports;
+const Dr = /* @__PURE__ */ Ar(Tr), fe = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1594,7 +1594,7 @@ const Tr = /* @__PURE__ */ Nr(Ar), pe = {
   "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"
-}, Dr = {
+}, Ir = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1603,31 +1603,31 @@ const Tr = /* @__PURE__ */ Nr(Ar), pe = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, fe = "purpur-heading", Ir = ({
+}, ve = "purpur-heading", Rr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   enableHyphenation: o = !1,
   negative: a = !1,
   tag: r,
-  variant: i = Dr.TITLE100,
+  variant: i = Ir.TITLE100,
   ...u
 }) => {
-  const s = r, d = Tr([
+  const s = r, d = Dr([
     t,
-    pe[fe],
-    pe[`${fe}--${i}`],
+    fe[ve],
+    fe[`${ve}--${i}`],
     {
-      [pe[`${fe}--hyphens`]]: o,
-      [pe[`${fe}--negative`]]: a
+      [fe[`${ve}--hyphens`]]: o,
+      [fe[`${ve}--negative`]]: a
     }
   ]);
   return /* @__PURE__ */ _(s, { ...u, className: d, "data-testid": e, children: n });
 };
-function Rr(e) {
+function Mr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var wt = { exports: {} };
+var xt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1662,9 +1662,9 @@ var wt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(wt);
-var Mr = wt.exports;
-const Lr = /* @__PURE__ */ Rr(Mr), kr = {
+})(xt);
+var kr = xt.exports;
+const Lr = /* @__PURE__ */ Mr(kr), Fr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1672,39 +1672,39 @@ const Lr = /* @__PURE__ */ Rr(Mr), kr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Fr = {
+}, jr = {
   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"
-}, xt = (e) => /* @__PURE__ */ _(
-  zr,
+}, St = (e) => /* @__PURE__ */ _(
+  Hr,
   {
     ...e,
-    svg: Fr
+    svg: jr
   }
 );
-xt.displayName = "IconClose";
-const jr = Lr.bind(kr), Ze = "purpur-icon", Br = "md", qr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ur = ({ content: e = "", title: n } = {}) => {
+St.displayName = "IconClose";
+const Br = Lr.bind(Fr), Qe = "purpur-icon", Ur = "md", Wr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), zr = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = n ? `<title>${n}</title>` : "";
-  return `<svg ${qr(t)}>${o}${e}</svg>`;
-}, Wr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), zr = ({
+  return `<svg ${Wr(t)}>${o}${e}</svg>`;
+}, qr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: o = "",
-  size: a = Br,
+  size: a = Ur,
   ...r
 }) => {
-  const i = Ur({
-    content: Wr(n.svg),
+  const i = zr({
+    content: qr(n.svg),
     title: t
-  }), u = jr(o, Ze, `${Ze}--${a}`);
+  }), u = Br(o, Qe, `${Qe}--${a}`);
   return /* @__PURE__ */ _(
     "span",
     {
@@ -1716,10 +1716,10 @@ const jr = Lr.bind(kr), Ze = "purpur-icon", Br = "md", qr = (e) => e.filter((n)
     }
   );
 };
-function Hr(e) {
+function Vr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var St = { exports: {} };
+var Ct = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1754,9 +1754,9 @@ var St = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(St);
-var Vr = St.exports;
-const Gr = /* @__PURE__ */ Hr(Vr), ne = {
+})(Ct);
+var Kr = Ct.exports;
+const Gr = /* @__PURE__ */ Vr(Kr), oe = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1771,7 +1771,7 @@ const Gr = /* @__PURE__ */ Hr(Vr), ne = {
   "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"
-}, Kr = {
+}, Xr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -1782,72 +1782,72 @@ const Gr = /* @__PURE__ */ Hr(Vr), ne = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, re = "purpur-paragraph", Xr = ({
+}, ae = "purpur-paragraph", Yr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   disabled: o,
   enableHyphenation: a = !1,
   negative: r = !1,
-  variant: i = Kr.PARAGRAPH100,
+  variant: i = Xr.PARAGRAPH100,
   ...u
 }) => {
   const s = Gr([
     t,
-    ne[re],
-    ne[`${re}--${i}`],
+    oe[ae],
+    oe[`${ae}--${i}`],
     {
-      [ne[`${re}--hyphens`]]: a,
-      [ne[`${re}--disabled`]]: o,
-      [ne[`${re}--negative`]]: r
+      [oe[`${ae}--hyphens`]]: a,
+      [oe[`${ae}--disabled`]]: o,
+      [oe[`${ae}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ _("p", { ...u, className: s, "data-testid": e, children: n });
-}, Yr = "600px";
-function Z() {
-  return Z = Object.assign ? Object.assign.bind() : function(e) {
+}, Zr = "600px";
+function Q() {
+  return Q = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, Z.apply(this, arguments);
+  }, Q.apply(this, arguments);
 }
-function Zr(e, n) {
+function Qr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function Qr(...e) {
+function Jr(...e) {
   return (n) => e.forEach(
-    (t) => Zr(t, n)
+    (t) => Qr(t, n)
   );
 }
-const Ct = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(eo);
+const Ot = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...o } = e, a = D.toArray(t), r = a.find(to);
   if (r) {
-    const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ q(i) ? i.props.children : null : s);
-    return /* @__PURE__ */ g(De, Z({}, o, {
+    const i = r.props.children, u = a.map((s) => s === r ? D.count(i) > 1 ? D.only(null) : /* @__PURE__ */ z(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ g(Ie, Q({}, o, {
       ref: n
-    }), /* @__PURE__ */ q(i) ? /* @__PURE__ */ ae(i, void 0, u) : null);
+    }), /* @__PURE__ */ z(i) ? /* @__PURE__ */ ue(i, void 0, u) : null);
   }
-  return /* @__PURE__ */ g(De, Z({}, o, {
+  return /* @__PURE__ */ g(Ie, Q({}, o, {
     ref: n
   }), t);
 });
-Ct.displayName = "Slot";
-const De = /* @__PURE__ */ S((e, n) => {
+Ot.displayName = "Slot";
+const Ie = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ q(t) ? /* @__PURE__ */ ae(t, {
-    ...to(o, t.props),
-    ref: n ? Qr(n, t.ref) : t.ref
-  }) : M.count(t) > 1 ? M.only(null) : null;
+  return /* @__PURE__ */ z(t) ? /* @__PURE__ */ ue(t, {
+    ...no(o, t.props),
+    ref: n ? Jr(n, t.ref) : t.ref
+  }) : D.count(t) > 1 ? D.only(null) : null;
 });
-De.displayName = "SlotClone";
-const Jr = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
-function eo(e) {
-  return /* @__PURE__ */ q(e) && e.type === Jr;
+Ie.displayName = "SlotClone";
+const eo = ({ children: e }) => /* @__PURE__ */ g(Re, null, e);
+function to(e) {
+  return /* @__PURE__ */ z(e) && e.type === eo;
 }
-function to(e, n) {
+function no(e, n) {
   const t = {
     ...n
   };
@@ -1868,7 +1868,7 @@ function to(e, n) {
     ...t
   };
 }
-const no = [
+const ro = [
   "a",
   "button",
   "div",
@@ -1885,12 +1885,12 @@ const no = [
   "span",
   "svg",
   "ul"
-], ro = no.reduce((e, n) => {
+], oo = ro.reduce((e, n) => {
   const t = /* @__PURE__ */ S((o, a) => {
-    const { asChild: r, ...i } = o, u = r ? Ct : n;
+    const { asChild: r, ...i } = o, u = r ? Ot : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ g(u, Z({}, i, {
+    }, []), /* @__PURE__ */ g(u, Q({}, i, {
       ref: a
     }));
   });
@@ -1898,7 +1898,7 @@ const no = [
     ...e,
     [n]: t
   };
-}, {}), oo = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ g(ro.span, Z({}, e, {
+}, {}), ao = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ g(oo.span, Q({}, e, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1914,16 +1914,16 @@ const no = [
     wordWrap: "normal",
     ...e.style
   }
-}))), ao = oo, io = ({
+}))), io = ao, uo = ({
   asChild: e,
   children: n,
   className: t = "",
   ["data-testid"]: o
-}) => /* @__PURE__ */ _(ao, { asChild: e, "data-testid": o, className: t, children: n });
-function uo(e) {
+}) => /* @__PURE__ */ _(io, { asChild: e, "data-testid": o, className: t, children: n });
+function co(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ot = { exports: {} };
+var Pt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1958,29 +1958,30 @@ var Ot = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Ot);
-var co = Ot.exports;
-const so = /* @__PURE__ */ uo(co), lo = "_fadeIn_1qmv6_1", po = {
-  "purpur-modal-content": "_purpur-modal-content_1qmv6_1",
-  fadeIn: lo,
-  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_1qmv6_30",
-  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_1qmv6_37",
-  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_1qmv6_48",
-  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_1qmv6_59",
-  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_1qmv6_68",
-  "purpur-modal-content__header": "_purpur-modal-content__header_1qmv6_91",
-  "purpur-modal-content__title": "_purpur-modal-content__title_1qmv6_104",
-  "purpur-modal-content__description": "_purpur-modal-content__description_1qmv6_107",
-  "purpur-modal-content__body": "_purpur-modal-content__body_1qmv6_110",
-  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_1qmv6_120",
-  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_1qmv6_132",
-  "purpur-modal-content__actions-button": "_purpur-modal-content__actions-button_1qmv6_132",
-  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_1qmv6_155",
-  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_1qmv6_155",
-  "purpur-modal-content__actions": "_purpur-modal-content__actions_1qmv6_132",
-  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_1qmv6_186",
-  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_1qmv6_196"
-}, Qe = (e) => e.showCloseButton === !0, D = so.bind(po), N = "purpur-modal-content", fo = S(
+})(Pt);
+var so = Pt.exports;
+const lo = /* @__PURE__ */ co(so), po = "_fadeIn_ofk9m_1", fo = {
+  "purpur-modal-content": "_purpur-modal-content_ofk9m_1",
+  fadeIn: po,
+  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_ofk9m_30",
+  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_ofk9m_37",
+  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_ofk9m_48",
+  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_ofk9m_59",
+  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_ofk9m_68",
+  "purpur-modal-content__header": "_purpur-modal-content__header_ofk9m_91",
+  "purpur-modal-content__title": "_purpur-modal-content__title_ofk9m_104",
+  "purpur-modal-content__description": "_purpur-modal-content__description_ofk9m_107",
+  "purpur-modal-content__body": "_purpur-modal-content__body_ofk9m_110",
+  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_ofk9m_120",
+  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_ofk9m_132",
+  "purpur-modal-content__actions-button": "_purpur-modal-content__actions-button_ofk9m_132",
+  "purpur-modal-content__notification": "_purpur-modal-content__notification_ofk9m_155",
+  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_ofk9m_158",
+  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_ofk9m_158",
+  "purpur-modal-content__actions": "_purpur-modal-content__actions_ofk9m_132",
+  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_ofk9m_189",
+  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_ofk9m_199"
+}, Je = (e) => e.showCloseButton === !0, T = lo.bind(fo), P = "purpur-modal-content", vo = S(
   ({
     ["data-testid"]: e,
     actions: n,
@@ -1993,138 +1994,161 @@ const so = /* @__PURE__ */ uo(co), lo = "_fadeIn_1qmv6_1", po = {
     primaryActionVariant: s = "primary",
     stickyButtons: d = !0,
     title: p,
-    ...l
-  }, h) => {
-    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = l, [v, b] = V(!1), C = O(null), y = O(null), $ = O(null), x = O(null), W = D([
-      N,
-      { [`${N}--with-image`]: !!u },
-      { [`${N}--overflow`]: v },
-      { [`${N}--sticky-footer`]: d },
+    notification: l = void 0,
+    ...f
+  }, v) => {
+    const { closeButtonAllyLabel: $, showCloseButton: c, ...h } = f, [y, O] = K(!1), E = C(null), w = C(null), x = C(null), k = C(null), R = T([
+      P,
+      { [`${P}--with-image`]: !!u },
+      { [`${P}--overflow`]: y },
+      { [`${P}--sticky-footer`]: d },
       o
-    ]), T = (R) => e ? `${e} ${R}` : void 0, w = (R) => {
-      r && R.preventDefault();
-    }, I = Q(() => {
-      if (!C.current || !y.current || !$.current || !x.current)
+    ]), b = (j) => e ? `${e} ${j}` : void 0, L = (j) => {
+      r && j.preventDefault();
+    }, F = J(() => {
+      if (!E.current || !w.current || !x.current || !k.current)
         return;
-      const R = window.innerWidth < parseInt(Yr), Pt = window.getComputedStyle(
-        R ? C.current : $.current,
+      const j = window.innerWidth < parseInt(Zr), Nt = window.getComputedStyle(
+        j ? E.current : x.current,
         null
-      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = R ? y.current.offsetHeight : x.current.offsetHeight;
-      b(Nt < At);
-    }, []), ie = (R) => {
-      r && !E && R.preventDefault();
+      ), At = parseFloat(Nt.getPropertyValue("height")), Tt = j ? w.current.offsetHeight : k.current.offsetHeight;
+      O(At < Tt);
+    }, []), te = (j) => {
+      r && !c && j.preventDefault();
     };
-    return A(() => (window.addEventListener("resize", I), () => {
-      window.removeEventListener("resize", I);
-    }), [I]), /* @__PURE__ */ j(vr, { children: [
-      /* @__PURE__ */ _(hr, { className: D(`${N}__overlay`) }),
-      /* @__PURE__ */ j(
-        mr,
+    return A(() => (window.addEventListener("resize", F), () => {
+      window.removeEventListener("resize", F);
+    }), [F]), A(() => {
+      F();
+    }, [l, F]), /* @__PURE__ */ U(hr, { children: [
+      /* @__PURE__ */ _(mr, { className: T(`${P}__overlay`) }),
+      /* @__PURE__ */ U(
+        gr,
         {
-          ...c,
-          className: W,
+          ...h,
+          className: R,
           "data-testid": e,
-          ref: h,
+          ref: v,
           ...!a && { "aria-describedby": void 0 },
-          onPointerDownOutside: w,
-          onOpenAutoFocus: I,
-          onEscapeKeyDown: ie,
+          onPointerDownOutside: L,
+          onOpenAutoFocus: F,
+          onEscapeKeyDown: te,
           children: [
-            /* @__PURE__ */ j("div", { ref: C, className: D(`${N}__wrapper`), children: [
-              Qe(l) && f && u && /* @__PURE__ */ _(
-                Je,
+            /* @__PURE__ */ U("div", { ref: E, className: T(`${P}__wrapper`), children: [
+              Je(f) && $ && u && /* @__PURE__ */ _(
+                et,
                 {
-                  allyLabel: f,
+                  allyLabel: $,
                   hasImage: !0,
-                  "data-testid": T("close-button")
+                  "data-testid": b("close-button")
                 }
               ),
-              /* @__PURE__ */ j("div", { ref: y, className: D(`${N}__wrapper-inner`), children: [
-                /* @__PURE__ */ j("div", { className: D(`${N}__header`), children: [
-                  Qe(l) && f && !u && /* @__PURE__ */ _(
-                    Je,
+              /* @__PURE__ */ U("div", { ref: w, className: T(`${P}__wrapper-inner`), children: [
+                /* @__PURE__ */ U("div", { className: T(`${P}__header`), children: [
+                  Je(f) && $ && !u && /* @__PURE__ */ _(
+                    et,
                     {
-                      allyLabel: f,
-                      "data-testid": T("close-button")
+                      allyLabel: $,
+                      "data-testid": b("close-button")
                     }
                   ),
                   /* @__PURE__ */ _(
-                    gr,
+                    _r,
                     {
                       asChild: !0,
-                      className: D(`${N}__title`),
-                      "data-testid": T("title"),
-                      children: /* @__PURE__ */ _(Ir, { tag: "h2", variant: "title-200", children: p })
+                      className: T(`${P}__title`),
+                      "data-testid": b("title"),
+                      children: /* @__PURE__ */ _(Rr, { tag: "h2", variant: "title-200", children: p })
                     }
                   )
                 ] }),
                 u && /* @__PURE__ */ _(
                   "div",
                   {
-                    className: D(`${N}__image-wrapper`),
-                    "data-testid": T("image"),
+                    className: T(`${P}__image-wrapper`),
+                    "data-testid": b("image"),
                     children: u
                   }
                 ),
-                /* @__PURE__ */ _("div", { ref: $, className: D(`${N}__body`), children: /* @__PURE__ */ j("div", { ref: x, className: D(`${N}__body-inner`), children: [
-                  a && i && /* @__PURE__ */ _(io, { asChild: !0, children: /* @__PURE__ */ _(Ke, { "data-testid": T("description"), children: a }) }),
+                /* @__PURE__ */ _("div", { ref: x, className: T(`${P}__body`), children: /* @__PURE__ */ U("div", { ref: k, className: T(`${P}__body-inner`), children: [
+                  a && i && /* @__PURE__ */ _(uo, { asChild: !0, children: /* @__PURE__ */ _(Xe, { "data-testid": b("description"), children: a }) }),
                   a && !i && /* @__PURE__ */ _(
-                    Ke,
+                    Xe,
                     {
                       asChild: !0,
-                      className: D(`${N}__description`),
-                      "data-testid": T("description"),
-                      children: /* @__PURE__ */ _(Xr, { variant: "paragraph-100", children: a })
+                      className: T(`${P}__description`),
+                      "data-testid": b("description"),
+                      children: /* @__PURE__ */ _(Yr, { variant: "paragraph-100", children: a })
                     }
                   ),
                   /* @__PURE__ */ _("div", { children: t }),
-                  !d && /* @__PURE__ */ _(et, { actions: n, primaryActionVariant: s })
+                  !d && /* @__PURE__ */ _(
+                    tt,
+                    {
+                      actions: n,
+                      primaryActionVariant: s,
+                      notification: l
+                    }
+                  )
                 ] }) })
               ] })
             ] }),
-            d && /* @__PURE__ */ _(et, { actions: n, primaryActionVariant: s })
+            d && /* @__PURE__ */ _(
+              tt,
+              {
+                actions: n,
+                primaryActionVariant: s,
+                notification: l
+              }
+            )
           ]
         }
       )
     ] });
   }
-), Je = ({
+), et = ({
   allyLabel: e,
   hasImage: n,
   ["data-testid"]: t
-}) => /* @__PURE__ */ _(_r, { asChild: !0, children: /* @__PURE__ */ _(
+}) => /* @__PURE__ */ _(br, { asChild: !0, children: /* @__PURE__ */ _(
   Le,
   {
-    variant: n ? "primary-negative" : "tertiary-purple",
+    variant: n ? "primary" : "tertiary-purple",
+    negative: n,
     size: "sm",
     iconOnly: !0,
     "aria-label": e,
-    className: D(`${N}__close-button`),
+    className: T(`${P}__close-button`),
     "data-testid": t,
-    children: /* @__PURE__ */ _(xt, {})
+    children: /* @__PURE__ */ _(St, {})
   }
-) }), vo = 3, et = ({
+) }), ho = 3, tt = ({
   actions: e,
-  primaryActionVariant: n
+  primaryActionVariant: n,
+  notification: t
 }) => {
-  const t = [n, "secondary", "text"];
-  return e && e.length > 0 ? /* @__PURE__ */ j("div", { className: D(`${N}__actions`), children: [
-    /* @__PURE__ */ _("div", { className: D(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, vo).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
+  const o = C(null), a = [n, "secondary", "text"];
+  return A(() => {
+    var r, i;
+    t && ((i = (r = o == null ? void 0 : o.current) == null ? void 0 : r.scrollIntoView) == null || i.call(r, !1));
+  }, [t]), e && e.length > 0 ? /* @__PURE__ */ U("div", { className: T(`${P}__actions`), children: [
+    /* @__PURE__ */ _("div", { className: T(`${P}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, ho).map(({ label: r, onClick: i }, u) => /* @__PURE__ */ _(
       Le,
       {
         "data-testid": "modal actions button",
-        variant: t[r] || "",
-        onClick: a,
-        className: D(`${N}__actions-button`),
-        children: o
+        variant: a[u] || "",
+        onClick: i,
+        className: T(`${P}__actions-button`),
+        children: r
       },
-      o
+      r
     )) }),
-    /* @__PURE__ */ _("span", { className: D(`${N}__actions-separator`) })
+    t && /* @__PURE__ */ _("div", { className: T(`${P}__notification`), ref: o, children: t }),
+    /* @__PURE__ */ _("span", { className: T(`${P}__actions-separator`) })
   ] }) : null;
-}, ho = S(
+}, mo = S(
   ({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ _(
-    fr,
+    vr,
     {
       asChild: !0,
       ref: a,
@@ -2134,16 +2158,16 @@ const so = /* @__PURE__ */ uo(co), lo = "_fadeIn_1qmv6_1", po = {
       children: n
     }
   )
-), ke = ({
+), Fe = ({
   ["data-testid"]: e,
   children: n,
   open: t,
   onOpenChange: o
-}) => /* @__PURE__ */ _(pr, { open: t, onOpenChange: o, "data-testid": e, children: n });
-ke.Trigger = ho;
-ke.Content = fo;
-ke.displayName = "Modal";
+}) => /* @__PURE__ */ _(fr, { open: t, onOpenChange: o, "data-testid": e, children: n });
+Fe.Trigger = mo;
+Fe.Content = vo;
+Fe.displayName = "Modal";
 export {
-  ke as Modal
+  Fe as Modal
 };
 //# sourceMappingURL=modal.es.js.map