@purpurds/modal 5.11.2 → 5.13.0

package/dist/modal.es.js

@@ -1,7 +1,7 @@
-import { jsxs as U, jsx as _ } from "react/jsx-runtime";
+import { jsxs as j, 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 et, useLayoutEffect as It, useRef as C, useEffect as A, useState as K, forwardRef as S, Children as R, isValidElement as z, cloneElement as ae, Fragment as Ie, useReducer as Rt } from "react";
-import Lt, { flushSync as tt } from "react-dom";
+import { useCallback as Z, createContext as Se, useMemo as he, createElement as g, useContext as Je, useLayoutEffect as At, useRef as P, useEffect as A, useState as H, forwardRef as S, Children as L, isValidElement as U, cloneElement as oe, Fragment as De, useReducer as Tt } from "react";
+import Dt, { flushSync as et } from "react-dom";
 function N() {
   return N = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -12,32 +12,32 @@ function N() {
     return e;
   }, N.apply(this, arguments);
 }
-function W(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+function B(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 Mt(e, n) {
+function It(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function nt(...e) {
+function tt(...e) {
   return (n) => e.forEach(
-    (t) => Mt(t, n)
+    (t) => It(t, n)
   );
 }
-function J(...e) {
-  return Q(nt(...e), e);
+function Q(...e) {
+  return Z(tt(...e), e);
 }
-function kt(e, n = []) {
+function Lt(e, n = []) {
   let t = [];
   function o(r, i) {
-    const c = /* @__PURE__ */ Ce(i), s = t.length;
+    const c = /* @__PURE__ */ Se(i), s = t.length;
     t = [
       ...t,
       i
     ];
     function d(l) {
-      const { scope: h, children: f, ...E } = l, u = (h == null ? void 0 : h[e][s]) || c, v = me(
+      const { scope: h, children: f, ...E } = l, u = (h == null ? void 0 : h[e][s]) || c, v = he(
         () => E,
         Object.values(E)
       );
@@ -46,7 +46,7 @@ function kt(e, n = []) {
       }, f);
     }
     function p(l, h) {
-      const f = (h == null ? void 0 : h[e][s]) || c, E = et(f);
+      const f = (h == null ? void 0 : h[e][s]) || c, E = Je(f);
       if (E) return E;
       if (i !== void 0) return i;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -57,10 +57,10 @@ function kt(e, n = []) {
     ];
   }
   const a = () => {
-    const r = t.map((i) => /* @__PURE__ */ Ce(i));
+    const r = t.map((i) => /* @__PURE__ */ Se(i));
     return function(c) {
       const s = (c == null ? void 0 : c[e]) || r;
-      return me(
+      return he(
         () => ({
           [`__scope${e}`]: {
             ...c,
@@ -76,10 +76,10 @@ function kt(e, n = []) {
   };
   return a.scopeName = e, [
     o,
-    Ft(a, ...n)
+    Rt(a, ...n)
   ];
 }
-function Ft(...e) {
+function Rt(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
@@ -97,7 +97,7 @@ function Ft(...e) {
           ...l
         };
       }, {});
-      return me(
+      return he(
         () => ({
           [`__scope${n.scopeName}`]: i
         }),
@@ -109,25 +109,25 @@ function Ft(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-const Oe = globalThis != null && globalThis.document ? It : () => {
-}, jt = m.useId || (() => {
+const Ce = globalThis != null && globalThis.document ? At : () => {
+}, Mt = m.useId || (() => {
 });
-let Bt = 0;
-function be(e) {
-  const [n, t] = m.useState(jt());
-  return Oe(() => {
+let kt = 0;
+function _e(e) {
+  const [n, t] = m.useState(Mt());
+  return Ce(() => {
     e || t(
-      (o) => o ?? String(Bt++)
+      (o) => o ?? String(kt++)
     );
   }, [
     e
   ]), e || (n ? `radix-${n}` : "");
 }
-function G(e) {
-  const n = C(e);
+function K(e) {
+  const n = P(e);
   return A(() => {
     n.current = e;
-  }), me(
+  }), he(
     () => (...t) => {
       var o;
       return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
@@ -135,12 +135,12 @@ function G(e) {
     []
   );
 }
-function Ut({ prop: e, defaultProp: n, onChange: t = () => {
+function Ft({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [o, a] = Wt({
+  const [o, a] = jt({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, i = r ? e : o, c = G(t), s = Q((d) => {
+  }), r = e !== void 0, i = r ? e : o, c = K(t), s = Z((d) => {
     if (r) {
       const l = typeof d == "function" ? d(e) : d;
       l !== e && c(l);
@@ -156,8 +156,8 @@ function Ut({ prop: e, defaultProp: n, onChange: t = () => {
     s
   ];
 }
-function Wt({ defaultProp: e, onChange: n }) {
-  const t = K(e), [o] = t, a = C(o), r = G(n);
+function jt({ defaultProp: e, onChange: n }) {
+  const t = H(e), [o] = t, a = P(o), r = K(n);
   return A(() => {
     a.current !== o && (r(o), a.current = o);
   }, [
@@ -166,32 +166,32 @@ function Wt({ defaultProp: e, onChange: n }) {
     r
   ]), t;
 }
-const Re = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...o } = e, a = R.toArray(t), r = a.find(qt);
+const Ie = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...o } = e, a = L.toArray(t), r = a.find(Ut);
   if (r) {
-    const i = r.props.children, c = a.map((s) => s === r ? R.count(i) > 1 ? R.only(null) : /* @__PURE__ */ z(i) ? i.props.children : null : s);
-    return /* @__PURE__ */ g(Pe, N({}, o, {
+    const i = r.props.children, c = a.map((s) => s === r ? L.count(i) > 1 ? L.only(null) : /* @__PURE__ */ U(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ g(Oe, N({}, o, {
       ref: n
-    }), /* @__PURE__ */ z(i) ? /* @__PURE__ */ ae(i, void 0, c) : null);
+    }), /* @__PURE__ */ U(i) ? /* @__PURE__ */ oe(i, void 0, c) : null);
   }
-  return /* @__PURE__ */ g(Pe, N({}, o, {
+  return /* @__PURE__ */ g(Oe, N({}, o, {
     ref: n
   }), t);
 });
-Re.displayName = "Slot";
-const Pe = /* @__PURE__ */ S((e, n) => {
+Ie.displayName = "Slot";
+const Oe = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ z(t) ? /* @__PURE__ */ ae(t, {
-    ...Ht(o, t.props),
-    ref: n ? nt(n, t.ref) : t.ref
-  }) : R.count(t) > 1 ? R.only(null) : null;
+  return /* @__PURE__ */ U(t) ? /* @__PURE__ */ oe(t, {
+    ...Wt(o, t.props),
+    ref: n ? tt(n, t.ref) : t.ref
+  }) : L.count(t) > 1 ? L.only(null) : null;
 });
-Pe.displayName = "SlotClone";
-const zt = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
-function qt(e) {
-  return /* @__PURE__ */ z(e) && e.type === zt;
+Oe.displayName = "SlotClone";
+const Bt = ({ children: e }) => /* @__PURE__ */ g(De, null, e);
+function Ut(e) {
+  return /* @__PURE__ */ U(e) && e.type === Bt;
 }
-function Ht(e, n) {
+function Wt(e, n) {
   const t = {
     ...n
   };
@@ -212,7 +212,7 @@ function Ht(e, n) {
     ...t
   };
 }
-const Kt = [
+const zt = [
   "a",
   "button",
   "div",
@@ -229,9 +229,9 @@ const Kt = [
   "span",
   "svg",
   "ul"
-], q = Kt.reduce((e, n) => {
+], W = zt.reduce((e, n) => {
   const t = /* @__PURE__ */ S((o, a) => {
-    const { asChild: r, ...i } = o, c = r ? Re : n;
+    const { asChild: r, ...i } = o, c = r ? Ie : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ g(c, N({}, i, {
@@ -243,13 +243,13 @@ const Kt = [
     [n]: t
   };
 }, {});
-function Gt(e, n) {
-  e && tt(
+function qt(e, n) {
+  e && et(
     () => e.dispatchEvent(n)
   );
 }
-function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = G(e);
+function Ht(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = K(e);
   A(() => {
     const o = (a) => {
       a.key === "Escape" && t(a);
@@ -260,40 +260,40 @@ function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
     n
   ]);
 }
-const Ne = "dismissableLayer.update", Xt = "dismissableLayer.pointerDownOutside", Yt = "dismissableLayer.focusOutside";
-let Fe;
-const Zt = /* @__PURE__ */ Ce({
+const Pe = "dismissableLayer.update", Kt = "dismissableLayer.pointerDownOutside", Gt = "dismissableLayer.focusOutside";
+let ke;
+const Vt = /* @__PURE__ */ Se({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Qt = /* @__PURE__ */ S((e, n) => {
+}), Xt = /* @__PURE__ */ S((e, n) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: c, onDismiss: s, ...d } = e, p = et(Zt), [l, h] = K(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = K({}), u = J(
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: c, onDismiss: s, ...d } = e, p = Je(Vt), [l, h] = H(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = H({}), u = Q(
     n,
     (x) => h(x)
   ), v = Array.from(p.layers), [b] = [
     ...p.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), O = v.indexOf(b), y = l ? v.indexOf(l) : -1, $ = p.layersWithOutsidePointerEventsDisabled.size > 0, w = y >= O, F = Jt((x) => {
-    const D = x.target, ie = [
+  ].slice(-1), C = v.indexOf(b), y = l ? v.indexOf(l) : -1, $ = p.layersWithOutsidePointerEventsDisabled.size > 0, w = y >= C, z = Yt((x) => {
+    const I = x.target, ae = [
       ...p.branches
     ].some(
-      (M) => M.contains(D)
+      (R) => R.contains(I)
     );
-    !w || ie || (r == null || r(x), c == null || c(x), x.defaultPrevented || s == null || s());
-  }, f), I = en((x) => {
-    const D = x.target;
+    !w || ae || (r == null || r(x), c == null || c(x), x.defaultPrevented || s == null || s());
+  }, f), D = Zt((x) => {
+    const I = x.target;
     [
       ...p.branches
     ].some(
-      (M) => M.contains(D)
+      (R) => R.contains(I)
     ) || (i == null || i(x), c == null || c(x), x.defaultPrevented || s == null || s());
   }, f);
-  return Vt((x) => {
+  return Ht((x) => {
     y === p.layers.size - 1 && (a == null || a(x), !x.defaultPrevented && s && (x.preventDefault(), s()));
   }, f), 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 && (ke = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(l)), p.layers.add(l), Fe(), () => {
+        o && p.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = ke);
       };
   }, [
     l,
@@ -301,32 +301,32 @@ const Zt = /* @__PURE__ */ Ce({
     o,
     p
   ]), A(() => () => {
-    l && (p.layers.delete(l), p.layersWithOutsidePointerEventsDisabled.delete(l), je());
+    l && (p.layers.delete(l), p.layersWithOutsidePointerEventsDisabled.delete(l), Fe());
   }, [
     l,
     p
   ]), A(() => {
     const x = () => E({});
-    return document.addEventListener(Ne, x), () => document.removeEventListener(Ne, x);
-  }, []), /* @__PURE__ */ g(q.div, N({}, d, {
+    return document.addEventListener(Pe, x), () => document.removeEventListener(Pe, x);
+  }, []), /* @__PURE__ */ g(W.div, N({}, d, {
     ref: u,
     style: {
       pointerEvents: $ ? w ? "auto" : "none" : void 0,
       ...e.style
     },
-    onFocusCapture: W(e.onFocusCapture, I.onFocusCapture),
-    onBlurCapture: W(e.onBlurCapture, I.onBlurCapture),
-    onPointerDownCapture: W(e.onPointerDownCapture, F.onPointerDownCapture)
+    onFocusCapture: B(e.onFocusCapture, D.onFocusCapture),
+    onBlurCapture: B(e.onBlurCapture, D.onBlurCapture),
+    onPointerDownCapture: B(e.onPointerDownCapture, z.onPointerDownCapture)
   }));
 });
-function Jt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = G(e), o = C(!1), a = C(() => {
+function Yt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = K(e), o = P(!1), a = P(() => {
   });
   return A(() => {
     const r = (c) => {
       if (c.target && !o.current) {
         let d = function() {
-          rt(Xt, t, s, {
+          nt(Kt, t, s, {
             discrete: !0
           });
         };
@@ -353,11 +353,11 @@ function Jt(e, n = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function en(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = G(e), o = C(!1);
+function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = K(e), o = P(!1);
   return A(() => {
     const a = (r) => {
-      r.target && !o.current && rt(Yt, t, {
+      r.target && !o.current && nt(Gt, t, {
         originalEvent: r
       }, {
         discrete: !1
@@ -372,11 +372,11 @@ function en(e, n = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function je() {
-  const e = new CustomEvent(Ne);
+function Fe() {
+  const e = new CustomEvent(Pe);
   document.dispatchEvent(e);
 }
-function rt(e, n, t, { discrete: o }) {
+function nt(e, n, t, { discrete: o }) {
   const a = t.originalEvent.target, r = new CustomEvent(e, {
     bubbles: !1,
     cancelable: !0,
@@ -384,16 +384,16 @@ function rt(e, n, t, { discrete: o }) {
   });
   n && a.addEventListener(e, n, {
     once: !0
-  }), o ? Gt(a, r) : a.dispatchEvent(r);
+  }), o ? qt(a, r) : a.dispatchEvent(r);
 }
-const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount", Be = {
+const be = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount", je = {
   bubbles: !1,
   cancelable: !0
-}, tn = /* @__PURE__ */ S((e, n) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [c, s] = K(null), d = G(a), p = G(r), l = C(null), h = J(
+}, Qt = /* @__PURE__ */ S((e, n) => {
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [c, s] = H(null), d = K(a), p = K(r), l = P(null), h = Q(
     n,
     (u) => s(u)
-  ), f = C({
+  ), f = P({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -407,26 +407,26 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
       let u = function(y) {
         if (f.paused || !c) return;
         const $ = y.target;
-        c.contains($) ? l.current = $ : B(l.current, {
+        c.contains($) ? l.current = $ : F(l.current, {
           select: !0
         });
       }, v = function(y) {
         if (f.paused || !c) return;
         const $ = y.relatedTarget;
-        $ !== null && (c.contains($) || B(l.current, {
+        $ !== null && (c.contains($) || F(l.current, {
           select: !0
         }));
       }, b = function(y) {
         if (document.activeElement === document.body)
-          for (const w of y) w.removedNodes.length > 0 && B(c);
+          for (const w of y) w.removedNodes.length > 0 && F(c);
       };
       document.addEventListener("focusin", u), document.addEventListener("focusout", v);
-      const O = new MutationObserver(b);
-      return c && O.observe(c, {
+      const C = new MutationObserver(b);
+      return c && C.observe(c, {
         childList: !0,
         subtree: !0
       }), () => {
-        document.removeEventListener("focusin", u), document.removeEventListener("focusout", v), O.disconnect();
+        document.removeEventListener("focusin", u), document.removeEventListener("focusout", v), C.disconnect();
       };
     }
   }, [
@@ -435,20 +435,20 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
     f.paused
   ]), A(() => {
     if (c) {
-      We.add(f);
+      Ue.add(f);
       const u = document.activeElement;
       if (!c.contains(u)) {
-        const b = new CustomEvent($e, Be);
-        c.addEventListener($e, d), c.dispatchEvent(b), b.defaultPrevented || (nn(un(ot(c)), {
+        const b = new CustomEvent(be, je);
+        c.addEventListener(be, d), c.dispatchEvent(b), b.defaultPrevented || (Jt(on(rt(c)), {
           select: !0
-        }), document.activeElement === u && B(c));
+        }), document.activeElement === u && F(c));
       }
       return () => {
-        c.removeEventListener($e, d), setTimeout(() => {
-          const b = new CustomEvent(ye, Be);
-          c.addEventListener(ye, p), c.dispatchEvent(b), b.defaultPrevented || B(u ?? document.body, {
+        c.removeEventListener(be, d), setTimeout(() => {
+          const b = new CustomEvent($e, je);
+          c.addEventListener($e, p), c.dispatchEvent(b), b.defaultPrevented || F(u ?? document.body, {
             select: !0
-          }), c.removeEventListener(ye, p), We.remove(f);
+          }), c.removeEventListener($e, p), Ue.remove(f);
         }, 0);
       };
     }
@@ -458,44 +458,44 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
     p,
     f
   ]);
-  const E = Q((u) => {
+  const E = Z((u) => {
     if (!t && !o || f.paused) return;
     const v = u.key === "Tab" && !u.altKey && !u.ctrlKey && !u.metaKey, b = document.activeElement;
     if (v && b) {
-      const O = u.currentTarget, [y, $] = rn(O);
-      y && $ ? !u.shiftKey && b === $ ? (u.preventDefault(), t && B(y, {
+      const C = u.currentTarget, [y, $] = en(C);
+      y && $ ? !u.shiftKey && b === $ ? (u.preventDefault(), t && F(y, {
         select: !0
-      })) : u.shiftKey && b === y && (u.preventDefault(), t && B($, {
+      })) : u.shiftKey && b === y && (u.preventDefault(), t && F($, {
         select: !0
-      })) : b === O && u.preventDefault();
+      })) : b === C && u.preventDefault();
     }
   }, [
     t,
     o,
     f.paused
   ]);
-  return /* @__PURE__ */ g(q.div, N({
+  return /* @__PURE__ */ g(W.div, N({
     tabIndex: -1
   }, i, {
     ref: h,
     onKeyDown: E
   }));
 });
-function nn(e, { select: n = !1 } = {}) {
+function Jt(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
-    if (B(o, {
+    if (F(o, {
       select: n
     }), document.activeElement !== t) return;
 }
-function rn(e) {
-  const n = ot(e), t = Ue(n, e), o = Ue(n.reverse(), e);
+function en(e) {
+  const n = rt(e), t = Be(n, e), o = Be(n.reverse(), e);
   return [
     t,
     o
   ];
 }
-function ot(e) {
+function rt(e) {
   const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -505,13 +505,13 @@ function ot(e) {
   for (; t.nextNode(); ) n.push(t.currentNode);
   return n;
 }
-function Ue(e, n) {
+function Be(e, n) {
   for (const t of e)
-    if (!on(t, {
+    if (!tn(t, {
       upTo: n
     })) return t;
 }
-function on(e, { upTo: n }) {
+function tn(e, { upTo: n }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (n !== void 0 && e === n) return !1;
@@ -520,66 +520,66 @@ function on(e, { upTo: n }) {
   }
   return !1;
 }
-function an(e) {
+function nn(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function B(e, { select: n = !1 } = {}) {
+function F(e, { select: n = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
     e.focus({
       preventScroll: !0
-    }), e !== t && an(e) && n && e.select();
+    }), e !== t && nn(e) && n && e.select();
   }
 }
-const We = cn();
-function cn() {
+const Ue = rn();
+function rn() {
   let e = [];
   return {
     add(n) {
       const t = e[0];
-      n !== t && (t == null || t.pause()), e = ze(e, n), e.unshift(n);
+      n !== t && (t == null || t.pause()), e = We(e, n), e.unshift(n);
     },
     remove(n) {
       var t;
-      e = ze(e, n), (t = e[0]) === null || t === void 0 || t.resume();
+      e = We(e, n), (t = e[0]) === null || t === void 0 || t.resume();
     }
   };
 }
-function ze(e, n) {
+function We(e, n) {
   const t = [
     ...e
   ], o = t.indexOf(n);
   return o !== -1 && t.splice(o, 1), t;
 }
-function un(e) {
+function on(e) {
   return e.filter(
     (n) => n.tagName !== "A"
   );
 }
-const sn = /* @__PURE__ */ S((e, n) => {
+const an = /* @__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__ */ Lt.createPortal(/* @__PURE__ */ g(q.div, N({}, a, {
+  return o ? /* @__PURE__ */ Dt.createPortal(/* @__PURE__ */ g(W.div, N({}, a, {
     ref: n
   })), o) : null;
 });
-function ln(e, n) {
-  return Rt((t, o) => {
+function cn(e, n) {
+  return Tt((t, o) => {
     const a = n[t][o];
     return a ?? t;
   }, e);
 }
-const ge = (e) => {
-  const { present: n, children: t } = e, o = dn(n), a = typeof t == "function" ? t({
+const me = (e) => {
+  const { present: n, children: t } = e, o = un(n), a = typeof t == "function" ? t({
     present: o.isPresent
-  }) : R.only(t), r = J(o.ref, a.ref);
-  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ ae(a, {
+  }) : L.only(t), r = Q(o.ref, a.ref);
+  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ oe(a, {
     ref: r
   }) : null;
 };
-ge.displayName = "Presence";
-function dn(e) {
-  const [n, t] = K(), o = C({}), a = C(e), r = C("none"), i = e ? "mounted" : "unmounted", [c, s] = ln(i, {
+me.displayName = "Presence";
+function un(e) {
+  const [n, t] = H(), o = P({}), a = P(e), r = P("none"), i = e ? "mounted" : "unmounted", [c, s] = cn(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -593,28 +593,28 @@ function dn(e) {
     }
   });
   return A(() => {
-    const d = ce(o.current);
+    const d = ie(o.current);
     r.current = c === "mounted" ? d : "none";
   }, [
     c
-  ]), Oe(() => {
+  ]), Ce(() => {
     const d = o.current, p = a.current;
     if (p !== e) {
-      const h = r.current, f = ce(d);
+      const h = r.current, f = ie(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;
     }
   }, [
     e,
     s
-  ]), Oe(() => {
+  ]), Ce(() => {
     if (n) {
       const d = (l) => {
-        const f = ce(o.current).includes(l.animationName);
-        l.target === n && f && tt(
+        const f = ie(o.current).includes(l.animationName);
+        l.target === n && f && et(
           () => s("ANIMATION_END")
         );
       }, p = (l) => {
-        l.target === n && (r.current = ce(o.current));
+        l.target === n && (r.current = ie(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);
@@ -629,27 +629,27 @@ function dn(e) {
       "mounted",
       "unmountSuspended"
     ].includes(c),
-    ref: Q((d) => {
+    ref: Z((d) => {
       d && (o.current = getComputedStyle(d)), t(d);
     }, [])
   };
 }
-function ce(e) {
+function ie(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-let Ee = 0;
-function pn() {
+let ye = 0;
+function sn() {
   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 : qe()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : qe()), Ee++, () => {
-      Ee === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
+    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()), ye++, () => {
+      ye === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
         (o) => o.remove()
-      ), Ee--;
+      ), ye--;
     };
   }, []);
 }
-function qe() {
+function ze() {
   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;
 }
@@ -662,7 +662,7 @@ var k = function() {
     return n;
   }, k.apply(this, arguments);
 };
-function at(e, n) {
+function ot(e, n) {
   var t = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -670,17 +670,17 @@ function at(e, n) {
       n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
   return t;
 }
-function fn(e, n, t) {
+function ln(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", vn = "with-scroll-bars-hidden", hn = "--removed-body-scroll-bar-size";
-function mn(e, n) {
+var fe = "right-scroll-bar-position", ve = "width-before-scroll-bar", dn = "with-scroll-bars-hidden", pn = "--removed-body-scroll-bar-size";
+function fn(e, n) {
   return typeof e == "function" ? e(n) : e && (e.current = n), e;
 }
-function gn(e, n) {
-  var t = K(function() {
+function vn(e, n) {
+  var t = H(function() {
     return {
       // value
       value: e,
@@ -700,18 +700,18 @@ function gn(e, n) {
   })[0];
   return t.callback = n, t.facade;
 }
-function _n(e, n) {
-  return gn(null, function(t) {
+function hn(e, n) {
+  return vn(null, function(t) {
     return e.forEach(function(o) {
-      return mn(o, t);
+      return fn(o, t);
     });
   });
 }
-function bn(e) {
+function mn(e) {
   return e;
 }
-function $n(e, n) {
-  n === void 0 && (n = bn);
+function gn(e, n) {
+  n === void 0 && (n = mn);
   var t = [], o = !1, a = {
     read: function() {
       if (o)
@@ -765,13 +765,13 @@ function $n(e, n) {
   };
   return a;
 }
-function yn(e) {
+function _n(e) {
   e === void 0 && (e = {});
-  var n = $n(null);
+  var n = gn(null);
   return n.options = k({ async: !0, ssr: !1 }, e), n;
 }
-var it = function(e) {
-  var n = e.sideCar, t = at(e, ["sideCar"]);
+var at = function(e) {
+  var n = e.sideCar, t = ot(e, ["sideCar"]);
   if (!n)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = n.read();
@@ -779,64 +779,64 @@ var it = function(e) {
     throw new Error("Sidecar medium not found");
   return m.createElement(o, k({}, t));
 };
-it.isSideCarExport = !0;
-function En(e, n) {
-  return e.useMedium(n), it;
+at.isSideCarExport = !0;
+function bn(e, n) {
+  return e.useMedium(n), at;
 }
-var ct = yn(), xe = function() {
-}, _e = m.forwardRef(function(e, n) {
+var it = _n(), Ee = function() {
+}, ge = m.forwardRef(function(e, n) {
   var t = m.useRef(null), o = m.useState({
-    onScrollCapture: xe,
-    onWheelCapture: xe,
-    onTouchMoveCapture: xe
-  }), a = o[0], r = o[1], i = e.forwardProps, c = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, u = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, O = at(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), y = h, $ = _n([t, n]), w = k(k({}, O), a);
+    onScrollCapture: Ee,
+    onWheelCapture: Ee,
+    onTouchMoveCapture: Ee
+  }), a = o[0], r = o[1], i = e.forwardProps, c = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, u = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, C = ot(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), y = h, $ = hn([t, n]), w = k(k({}, C), a);
   return m.createElement(
     m.Fragment,
     null,
-    p && m.createElement(y, { sideCar: ct, removeScrollBar: d, shards: l, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!u, lockRef: t }),
+    p && m.createElement(y, { sideCar: it, removeScrollBar: d, shards: l, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!u, lockRef: t }),
     i ? m.cloneElement(m.Children.only(c), k(k({}, w), { ref: $ })) : m.createElement(b, k({}, w, { className: s, ref: $ }), c)
   );
 });
-_e.defaultProps = {
+ge.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-_e.classNames = {
-  fullWidth: he,
-  zeroRight: ve
+ge.classNames = {
+  fullWidth: ve,
+  zeroRight: fe
 };
-var xn = function() {
+var $n = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function wn() {
+function yn() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var n = xn();
+  var n = $n();
   return n && e.setAttribute("nonce", n), e;
 }
-function Sn(e, n) {
+function En(e, n) {
   e.styleSheet ? e.styleSheet.cssText = n : e.appendChild(document.createTextNode(n));
 }
-function Cn(e) {
+function xn(e) {
   var n = document.head || document.getElementsByTagName("head")[0];
   n.appendChild(e);
 }
-var On = function() {
+var wn = function() {
   var e = 0, n = null;
   return {
     add: function(t) {
-      e == 0 && (n = wn()) && (Sn(n, t), Cn(n)), e++;
+      e == 0 && (n = yn()) && (En(n, t), xn(n)), e++;
     },
     remove: function() {
       e--, !e && n && (n.parentNode && n.parentNode.removeChild(n), n = null);
     }
   };
-}, Pn = function() {
-  var e = On();
+}, Sn = function() {
+  var e = wn();
   return function(n, t) {
     m.useEffect(function() {
       return e.add(n), function() {
@@ -844,36 +844,36 @@ var On = function() {
       };
     }, [n && t]);
   };
-}, ut = function() {
-  var e = Pn(), n = function(t) {
+}, ct = function() {
+  var e = Sn(), n = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
   };
   return n;
-}, Nn = {
+}, Cn = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
-}, we = function(e) {
+}, xe = function(e) {
   return parseInt(e || "", 10) || 0;
-}, An = function(e) {
+}, On = 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 [we(t), we(o), we(a)];
-}, Tn = function(e) {
+  return [xe(t), xe(o), xe(a)];
+}, Pn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return Nn;
-  var n = An(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+    return Cn;
+  var n = On(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])
   };
-}, Dn = ut(), In = function(e, n, t, o) {
+}, Nn = ct(), An = function(e, n, t, o) {
   var a = e.left, r = e.top, i = e.right, c = e.gap;
   return t === void 0 && (t = "margin"), `
-  .`.concat(vn, ` {
+  .`.concat(dn, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(c, "px ").concat(o, `;
   }
@@ -894,124 +894,124 @@ var On = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(ve, ` {
+  .`).concat(fe, ` {
     right: `).concat(c, "px ").concat(o, `;
   }
   
-  .`).concat(he, ` {
+  .`).concat(ve, ` {
     margin-right: `).concat(c, "px ").concat(o, `;
   }
   
-  .`).concat(ve, " .").concat(ve, ` {
+  .`).concat(fe, " .").concat(fe, ` {
     right: 0 `).concat(o, `;
   }
   
-  .`).concat(he, " .").concat(he, ` {
+  .`).concat(ve, " .").concat(ve, ` {
     margin-right: 0 `).concat(o, `;
   }
   
   body {
-    `).concat(hn, ": ").concat(c, `px;
+    `).concat(pn, ": ").concat(c, `px;
   }
 `);
-}, Rn = function(e) {
+}, Tn = function(e) {
   var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o, r = m.useMemo(function() {
-    return Tn(a);
+    return Pn(a);
   }, [a]);
-  return m.createElement(Dn, { styles: In(r, !n, a, t ? "" : "!important") });
-}, Ae = !1;
+  return m.createElement(Nn, { styles: An(r, !n, a, t ? "" : "!important") });
+}, Ne = !1;
 if (typeof window < "u")
   try {
-    var ue = Object.defineProperty({}, "passive", {
+    var ce = Object.defineProperty({}, "passive", {
       get: function() {
-        return Ae = !0, !0;
+        return Ne = !0, !0;
       }
     });
-    window.addEventListener("test", ue, ue), window.removeEventListener("test", ue, ue);
+    window.addEventListener("test", ce, ce), window.removeEventListener("test", ce, ce);
   } catch {
-    Ae = !1;
+    Ne = !1;
   }
-var V = Ae ? { passive: !1 } : !1, Ln = function(e) {
+var G = Ne ? { passive: !1 } : !1, Dn = function(e) {
   return e.tagName === "TEXTAREA";
-}, st = function(e, n) {
+}, ut = function(e, n) {
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[n] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !Ln(e) && t[n] === "visible")
+    !(t.overflowY === t.overflowX && !Dn(e) && t[n] === "visible")
   );
-}, Mn = function(e) {
-  return st(e, "overflowY");
-}, kn = function(e) {
-  return st(e, "overflowX");
-}, He = function(e, n) {
+}, In = function(e) {
+  return ut(e, "overflowY");
+}, Ln = function(e) {
+  return ut(e, "overflowX");
+}, qe = function(e, n) {
   var t = n;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
-    var o = lt(e, t);
+    var o = st(e, t);
     if (o) {
-      var a = dt(e, t), r = a[1], i = a[2];
+      var a = lt(e, t), r = a[1], i = a[2];
       if (r > i)
         return !0;
     }
     t = t.parentNode;
   } while (t && t !== document.body);
   return !1;
-}, Fn = function(e) {
+}, Rn = function(e) {
   var n = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     n,
     t,
     o
   ];
-}, jn = function(e) {
+}, Mn = function(e) {
   var n = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     n,
     t,
     o
   ];
+}, st = function(e, n) {
+  return e === "v" ? In(n) : Ln(n);
 }, lt = function(e, n) {
-  return e === "v" ? Mn(n) : kn(n);
-}, dt = function(e, n) {
-  return e === "v" ? Fn(n) : jn(n);
-}, Bn = function(e, n) {
+  return e === "v" ? Rn(n) : Mn(n);
+}, kn = function(e, n) {
   return e === "h" && n === "rtl" ? -1 : 1;
-}, Un = function(e, n, t, o, a) {
-  var r = Bn(e, window.getComputedStyle(n).direction), i = r * o, c = t.target, s = n.contains(c), d = !1, p = i > 0, l = 0, h = 0;
+}, Fn = function(e, n, t, o, a) {
+  var r = kn(e, window.getComputedStyle(n).direction), i = r * o, c = t.target, s = n.contains(c), d = !1, p = i > 0, l = 0, h = 0;
   do {
-    var f = dt(e, c), E = f[0], u = f[1], v = f[2], b = u - v - r * E;
-    (E || b) && lt(e, c) && (l += b, h += E), c = c.parentNode;
+    var f = lt(e, c), E = f[0], u = f[1], v = f[2], b = u - v - r * E;
+    (E || b) && st(e, c) && (l += b, h += E), c = c.parentNode;
   } while (
     // portaled content
     !s && c !== document.body || // self content
     s && (n.contains(c) || n === c)
   );
   return (p && (l === 0 || !a) || !p && (h === 0 || !a)) && (d = !0), d;
-}, se = function(e) {
+}, ue = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Ke = function(e) {
+}, He = function(e) {
   return [e.deltaX, e.deltaY];
-}, Ge = function(e) {
+}, Ke = function(e) {
   return e && "current" in e ? e.current : e;
-}, Wn = function(e, n) {
+}, jn = function(e, n) {
   return e[0] === n[0] && e[1] === n[1];
-}, zn = function(e) {
+}, Bn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, qn = 0, X = [];
-function Hn(e) {
-  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(qn++)[0], r = m.useState(function() {
-    return ut();
+}, Un = 0, V = [];
+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 ct();
   })[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 u = fn([e.lockRef.current], (e.shards || []).map(Ge), !0).filter(Boolean);
+      var u = ln([e.lockRef.current], (e.shards || []).map(Ke), !0).filter(Boolean);
       return u.forEach(function(v) {
         return v.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -1024,93 +1024,93 @@ function Hn(e) {
   var c = m.useCallback(function(u, v) {
     if ("touches" in u && u.touches.length === 2)
       return !i.current.allowPinchZoom;
-    var b = se(u), O = t.current, y = "deltaX" in u ? u.deltaX : O[0] - b[0], $ = "deltaY" in u ? u.deltaY : O[1] - b[1], w, F = u.target, I = Math.abs(y) > Math.abs($) ? "h" : "v";
-    if ("touches" in u && I === "h" && F.type === "range")
+    var b = ue(u), C = t.current, y = "deltaX" in u ? u.deltaX : C[0] - b[0], $ = "deltaY" in u ? u.deltaY : C[1] - b[1], w, z = u.target, D = Math.abs(y) > Math.abs($) ? "h" : "v";
+    if ("touches" in u && D === "h" && z.type === "range")
       return !1;
-    var x = He(I, F);
+    var x = qe(D, z);
     if (!x)
       return !0;
-    if (x ? w = I : (w = I === "v" ? "h" : "v", x = He(I, F)), !x)
+    if (x ? w = D : (w = D === "v" ? "h" : "v", x = qe(D, z)), !x)
       return !1;
     if (!o.current && "changedTouches" in u && (y || $) && (o.current = w), !w)
       return !0;
-    var D = o.current || w;
-    return Un(D, v, u, D === "h" ? y : $, !0);
+    var I = o.current || w;
+    return Fn(I, v, u, I === "h" ? y : $, !0);
   }, []), s = m.useCallback(function(u) {
     var v = u;
-    if (!(!X.length || X[X.length - 1] !== r)) {
-      var b = "deltaY" in v ? Ke(v) : se(v), O = n.current.filter(function(w) {
-        return w.name === v.type && w.target === v.target && Wn(w.delta, b);
+    if (!(!V.length || V[V.length - 1] !== r)) {
+      var b = "deltaY" in v ? He(v) : ue(v), C = n.current.filter(function(w) {
+        return w.name === v.type && w.target === v.target && jn(w.delta, b);
       })[0];
-      if (O && O.should) {
+      if (C && C.should) {
         v.cancelable && v.preventDefault();
         return;
       }
-      if (!O) {
-        var y = (i.current.shards || []).map(Ge).filter(Boolean).filter(function(w) {
+      if (!C) {
+        var y = (i.current.shards || []).map(Ke).filter(Boolean).filter(function(w) {
           return w.contains(v.target);
         }), $ = y.length > 0 ? c(v, y[0]) : !i.current.noIsolation;
         $ && v.cancelable && v.preventDefault();
       }
     }
-  }, []), d = m.useCallback(function(u, v, b, O) {
-    var y = { name: u, delta: v, target: b, should: O };
+  }, []), d = m.useCallback(function(u, v, b, C) {
+    var y = { name: u, delta: v, target: b, should: C };
     n.current.push(y), setTimeout(function() {
       n.current = n.current.filter(function($) {
         return $ !== y;
       });
     }, 1);
   }, []), p = m.useCallback(function(u) {
-    t.current = se(u), o.current = void 0;
+    t.current = ue(u), o.current = void 0;
   }, []), l = m.useCallback(function(u) {
-    d(u.type, Ke(u), u.target, c(u, e.lockRef.current));
+    d(u.type, He(u), u.target, c(u, e.lockRef.current));
   }, []), h = m.useCallback(function(u) {
-    d(u.type, se(u), u.target, c(u, e.lockRef.current));
+    d(u.type, ue(u), u.target, c(u, e.lockRef.current));
   }, []);
   m.useEffect(function() {
-    return X.push(r), e.setCallbacks({
+    return V.push(r), e.setCallbacks({
       onScrollCapture: l,
       onWheelCapture: l,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", s, V), document.addEventListener("touchmove", s, V), document.addEventListener("touchstart", p, V), function() {
-      X = X.filter(function(u) {
+    }), document.addEventListener("wheel", s, G), document.addEventListener("touchmove", s, G), document.addEventListener("touchstart", p, G), function() {
+      V = V.filter(function(u) {
         return u !== r;
-      }), document.removeEventListener("wheel", s, V), document.removeEventListener("touchmove", s, V), document.removeEventListener("touchstart", p, V);
+      }), document.removeEventListener("wheel", s, G), document.removeEventListener("touchmove", s, G), document.removeEventListener("touchstart", p, G);
     };
   }, []);
   var f = e.removeScrollBar, E = e.inert;
   return m.createElement(
     m.Fragment,
     null,
-    E ? m.createElement(r, { styles: zn(a) }) : null,
-    f ? m.createElement(Rn, { gapMode: "margin" }) : null
+    E ? m.createElement(r, { styles: Bn(a) }) : null,
+    f ? m.createElement(Tn, { gapMode: "margin" }) : null
   );
 }
-const Kn = En(ct, Hn);
-var pt = m.forwardRef(function(e, n) {
-  return m.createElement(_e, k({}, e, { ref: n, sideCar: Kn }));
+const zn = bn(it, Wn);
+var dt = m.forwardRef(function(e, n) {
+  return m.createElement(ge, k({}, e, { ref: n, sideCar: zn }));
 });
-pt.classNames = _e.classNames;
-var Gn = function(e) {
+dt.classNames = ge.classNames;
+var qn = 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, ft = function(e) {
-  return e && (e.host || ft(e.parentNode));
-}, Vn = function(e, n) {
+}, X = /* @__PURE__ */ new WeakMap(), se = /* @__PURE__ */ new WeakMap(), le = {}, we = 0, pt = function(e) {
+  return e && (e.host || pt(e.parentNode));
+}, Hn = function(e, n) {
   return n.map(function(t) {
     if (e.contains(t))
       return t;
-    var o = ft(t);
+    var o = pt(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;
   });
-}, Xn = 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 = [], c = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
+}, Kn = function(e, n, t, o) {
+  var a = Hn(n, Array.isArray(e) ? e : [e]);
+  le[t] || (le[t] = /* @__PURE__ */ new WeakMap());
+  var r = le[t], i = [], c = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
     !l || c.has(l) || (c.add(l), d(l.parentNode));
   };
   a.forEach(d);
@@ -1119,40 +1119,40 @@ var Gn = function(e) {
       if (c.has(h))
         p(h);
       else {
-        var f = h.getAttribute(o), E = f !== null && f !== "false", u = (Y.get(h) || 0) + 1, v = (r.get(h) || 0) + 1;
-        Y.set(h, u), r.set(h, v), i.push(h), u === 1 && E && le.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
+        var f = h.getAttribute(o), E = f !== null && f !== "false", u = (X.get(h) || 0) + 1, v = (r.get(h) || 0) + 1;
+        X.set(h, u), r.set(h, v), i.push(h), u === 1 && E && se.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
       }
     });
   };
-  return p(n), c.clear(), Se++, function() {
+  return p(n), c.clear(), we++, 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 h = X.get(l) - 1, f = r.get(l) - 1;
+      X.set(l, h), r.set(l, f), h || (se.has(l) || l.removeAttribute(o), se.delete(l)), f || l.removeAttribute(t);
+    }), we--, we || (X = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), se = /* @__PURE__ */ new WeakMap(), le = {});
   };
-}, Yn = function(e, n, t) {
+}, Gn = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = Gn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Xn(o, a, t, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = qn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Kn(o, a, t, "aria-hidden")) : function() {
     return null;
   };
 };
-const vt = "Dialog", [ht, Eo] = kt(vt), [Zn, L] = ht(vt), Qn = (e) => {
-  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, c = C(null), s = C(null), [d = !1, p] = Ut({
+const ft = "Dialog", [vt, _o] = Lt(ft), [Vn, M] = vt(ft), Xn = (e) => {
+  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, c = P(null), s = P(null), [d = !1, p] = Ft({
     prop: o,
     defaultProp: a,
     onChange: r
   });
-  return /* @__PURE__ */ g(Zn, {
+  return /* @__PURE__ */ g(Vn, {
     scope: n,
     triggerRef: c,
     contentRef: s,
-    contentId: be(),
-    titleId: be(),
-    descriptionId: be(),
+    contentId: _e(),
+    titleId: _e(),
+    descriptionId: _e(),
     open: d,
     onOpenChange: p,
-    onOpenToggle: Q(
+    onOpenToggle: Z(
       () => p(
         (l) => !l
       ),
@@ -1162,9 +1162,9 @@ const vt = "Dialog", [ht, Eo] = kt(vt), [Zn, L] = ht(vt), Qn = (e) => {
     ),
     modal: i
   }, t);
-}, Jn = "DialogTrigger", er = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(Jn, t), r = J(n, a.triggerRef);
-  return /* @__PURE__ */ g(q.button, N({
+}, Yn = "DialogTrigger", Zn = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(Yn, t), r = Q(n, a.triggerRef);
+  return /* @__PURE__ */ g(W.button, N({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": a.open,
@@ -1172,43 +1172,43 @@ const vt = "Dialog", [ht, Eo] = kt(vt), [Zn, L] = ht(vt), Qn = (e) => {
     "data-state": Le(a.open)
   }, o, {
     ref: r,
-    onClick: W(e.onClick, a.onOpenToggle)
+    onClick: B(e.onClick, a.onOpenToggle)
   }));
-}), mt = "DialogPortal", [tr, gt] = ht(mt, {
+}), ht = "DialogPortal", [Qn, mt] = vt(ht, {
   forceMount: void 0
-}), nr = (e) => {
-  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(mt, n);
-  return /* @__PURE__ */ g(tr, {
+}), Jn = (e) => {
+  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = M(ht, n);
+  return /* @__PURE__ */ g(Qn, {
     scope: n,
     forceMount: t
-  }, R.map(
+  }, L.map(
     o,
-    (i) => /* @__PURE__ */ g(ge, {
+    (i) => /* @__PURE__ */ g(me, {
       present: t || r.open
-    }, /* @__PURE__ */ g(sn, {
+    }, /* @__PURE__ */ g(an, {
       asChild: !0,
       container: a
     }, i))
   ));
-}, Te = "DialogOverlay", rr = /* @__PURE__ */ S((e, n) => {
-  const t = gt(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(Te, e.__scopeDialog);
-  return r.modal ? /* @__PURE__ */ g(ge, {
+}, Ae = "DialogOverlay", er = /* @__PURE__ */ S((e, n) => {
+  const t = mt(Ae, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = M(Ae, e.__scopeDialog);
+  return r.modal ? /* @__PURE__ */ g(me, {
     present: o || r.open
-  }, /* @__PURE__ */ g(or, N({}, a, {
+  }, /* @__PURE__ */ g(tr, N({}, a, {
     ref: n
   }))) : null;
-}), or = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(Te, t);
+}), tr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(Ae, t);
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
-    /* @__PURE__ */ g(pt, {
-      as: Re,
+    /* @__PURE__ */ g(dt, {
+      as: Ie,
       allowPinchZoom: !0,
       shards: [
         a.contentRef
       ]
-    }, /* @__PURE__ */ g(q.div, N({
+    }, /* @__PURE__ */ g(W.div, N({
       "data-state": Le(a.open)
     }, o, {
       ref: n,
@@ -1218,40 +1218,40 @@ const vt = "Dialog", [ht, Eo] = kt(vt), [Zn, L] = ht(vt), Qn = (e) => {
       }
     })))
   );
-}), oe = "DialogContent", ar = /* @__PURE__ */ S((e, n) => {
-  const t = gt(oe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(oe, e.__scopeDialog);
-  return /* @__PURE__ */ g(ge, {
+}), re = "DialogContent", nr = /* @__PURE__ */ S((e, n) => {
+  const t = mt(re, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = M(re, e.__scopeDialog);
+  return /* @__PURE__ */ g(me, {
     present: o || r.open
-  }, r.modal ? /* @__PURE__ */ g(ir, N({}, a, {
+  }, r.modal ? /* @__PURE__ */ g(rr, N({}, a, {
     ref: n
-  })) : /* @__PURE__ */ g(cr, N({}, a, {
+  })) : /* @__PURE__ */ g(or, N({}, a, {
     ref: n
   })));
-}), ir = /* @__PURE__ */ S((e, n) => {
-  const t = L(oe, e.__scopeDialog), o = C(null), a = J(n, t.contentRef, o);
+}), rr = /* @__PURE__ */ S((e, n) => {
+  const t = M(re, e.__scopeDialog), o = P(null), a = Q(n, t.contentRef, o);
   return A(() => {
     const r = o.current;
-    if (r) return Yn(r);
-  }, []), /* @__PURE__ */ g(_t, N({}, e, {
+    if (r) return Gn(r);
+  }, []), /* @__PURE__ */ g(gt, N({}, e, {
     ref: a,
     trapFocus: t.open,
     disableOutsidePointerEvents: !0,
-    onCloseAutoFocus: W(e.onCloseAutoFocus, (r) => {
+    onCloseAutoFocus: B(e.onCloseAutoFocus, (r) => {
       var i;
       r.preventDefault(), (i = t.triggerRef.current) === null || i === void 0 || i.focus();
     }),
-    onPointerDownOutside: W(e.onPointerDownOutside, (r) => {
+    onPointerDownOutside: B(e.onPointerDownOutside, (r) => {
       const i = r.detail.originalEvent, c = i.button === 0 && i.ctrlKey === !0;
       (i.button === 2 || c) && r.preventDefault();
     }),
-    onFocusOutside: W(
+    onFocusOutside: B(
       e.onFocusOutside,
       (r) => r.preventDefault()
     )
   }));
-}), cr = /* @__PURE__ */ S((e, n) => {
-  const t = L(oe, e.__scopeDialog), o = C(!1), a = C(!1);
-  return /* @__PURE__ */ g(_t, N({}, e, {
+}), or = /* @__PURE__ */ S((e, n) => {
+  const t = M(re, e.__scopeDialog), o = P(!1), a = P(!1);
+  return /* @__PURE__ */ g(gt, N({}, e, {
     ref: n,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -1270,15 +1270,15 @@ const vt = "Dialog", [ht, Eo] = kt(vt), [Zn, L] = ht(vt), Qn = (e) => {
       ((c = t.triggerRef.current) === null || c === void 0 ? void 0 : c.contains(s)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && a.current && r.preventDefault();
     }
   }));
-}), _t = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, c = L(oe, t), s = C(null), d = J(n, s);
-  return pn(), /* @__PURE__ */ g(Ie, null, /* @__PURE__ */ g(tn, {
+}), gt = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, c = M(re, t), s = P(null), d = Q(n, s);
+  return sn(), /* @__PURE__ */ g(De, null, /* @__PURE__ */ g(Qt, {
     asChild: !0,
     loop: !0,
     trapped: o,
     onMountAutoFocus: a,
     onUnmountAutoFocus: r
-  }, /* @__PURE__ */ g(Qt, N({
+  }, /* @__PURE__ */ g(Xt, N({
     role: "dialog",
     id: c.contentId,
     "aria-describedby": c.descriptionId,
@@ -1288,27 +1288,27 @@ const vt = "Dialog", [ht, Eo] = kt(vt), [Zn, L] = ht(vt), Qn = (e) => {
     ref: d,
     onDismiss: () => c.onOpenChange(!1)
   }))), !1);
-}), ur = "DialogTitle", sr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(ur, t);
-  return /* @__PURE__ */ g(q.h2, N({
+}), ar = "DialogTitle", ir = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(ar, t);
+  return /* @__PURE__ */ g(W.h2, N({
     id: a.titleId
   }, o, {
     ref: n
   }));
-}), lr = "DialogDescription", dr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(lr, t);
-  return /* @__PURE__ */ g(q.p, N({
+}), cr = "DialogDescription", ur = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(cr, t);
+  return /* @__PURE__ */ g(W.p, N({
     id: a.descriptionId
   }, o, {
     ref: n
   }));
-}), pr = "DialogClose", fr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(pr, t);
-  return /* @__PURE__ */ g(q.button, N({
+}), sr = "DialogClose", lr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(sr, t);
+  return /* @__PURE__ */ g(W.button, N({
     type: "button"
   }, o, {
     ref: n,
-    onClick: W(
+    onClick: B(
       e.onClick,
       () => a.onOpenChange(!1)
     )
@@ -1317,15 +1317,15 @@ const vt = "Dialog", [ht, Eo] = kt(vt), [Zn, L] = ht(vt), Qn = (e) => {
 function Le(e) {
   return e ? "open" : "closed";
 }
-const vr = Qn, hr = er, mr = nr, gr = rr, _r = ar, br = sr, Ve = dr, $r = fr, yr = {
+const dr = Xn, pr = Zn, fr = Jn, vr = er, hr = nr, mr = ir, Ge = ur, gr = lr, _r = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function Er(e) {
+function br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var bt = { exports: {} };
+var _t = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1360,44 +1360,44 @@ var bt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(bt);
-var xr = bt.exports;
-const Xe = /* @__PURE__ */ Er(xr), wr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1", ee = {
+})(_t);
+var $r = _t.exports;
+const Ve = /* @__PURE__ */ br($r), yr = "_rotate_1xozj_1", Er = "_dash_1xozj_1", J = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: wr,
+  rotate: yr,
   "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: Sr,
+  dash: Er,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, te = "purpur-spinner", Cr = {
+}, ee = "purpur-spinner", xr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Or = ({
+}, wr = ({
   ["data-testid"]: e,
   disabled: n = !1,
   negative: t = !1,
-  size: o = Cr.SM,
+  size: o = xr.SM,
   ...a
 }) => /* @__PURE__ */ _(
   "div",
   {
-    className: Xe([ee[te], ee[`${te}--${o}`]]),
+    className: Ve([J[ee], J[`${ee}--${o}`]]),
     "data-testid": e,
     ...a,
     children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
       "circle",
       {
-        className: Xe(ee[`${te}__circle`], {
-          [ee[`${te}__circle--disabled`]]: n,
-          [ee[`${te}__circle--negative`]]: t
+        className: Ve(J[`${ee}__circle`], {
+          [J[`${ee}__circle--disabled`]]: n,
+          [J[`${ee}__circle--negative`]]: t
         }),
         cx: "25",
         cy: "25",
@@ -1406,10 +1406,10 @@ const Xe = /* @__PURE__ */ Er(xr), wr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1",
     ) })
   }
 );
-function Pr(e) {
+function Sr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var $t = { exports: {} };
+var bt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1444,9 +1444,9 @@ var $t = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})($t);
-var Nr = $t.exports;
-const Ar = /* @__PURE__ */ Pr(Nr), Tr = {
+})(bt);
+var Cr = bt.exports;
+const Or = /* @__PURE__ */ Sr(Cr), Pr = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -1467,7 +1467,7 @@ const Ar = /* @__PURE__ */ Pr(Nr), Tr = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, Dr = Ar.bind(Tr), H = "purpur-button", Ir = ({
+}, Nr = Or.bind(Pr), q = "purpur-button", Ar = ({
   children: e,
   className: n,
   ["data-testid"]: t,
@@ -1484,23 +1484,23 @@ const Ar = /* @__PURE__ */ Pr(Nr), Tr = {
 }, f) => {
   if (r && p === "destructive")
     return null;
-  const E = Dr(
+  const E = Nr(
     [
-      H,
-      `${H}--${c ? `${p}-negative` : p}`,
-      `${H}--${d}`
+      q,
+      `${q}--${c ? `${p}-negative` : p}`,
+      `${q}--${d}`
     ],
     {
-      [`${H}--icon-only`]: r,
-      [`${H}--negative`]: c,
-      [`${H}--full-width`]: a,
-      [`${H}--disabled`]: o || i
+      [`${q}--icon-only`]: r,
+      [`${q}--negative`]: c,
+      [`${q}--full-width`]: a,
+      [`${q}--disabled`]: o || i
     },
     n
   ), u = (b) => {
     o || i ? b.preventDefault() : s && s(b);
   }, v = !!h["aria-disabled"] || o || i;
-  return /* @__PURE__ */ U(
+  return /* @__PURE__ */ j(
     "button",
     {
       className: E,
@@ -1511,18 +1511,18 @@ const Ar = /* @__PURE__ */ Pr(Nr), Tr = {
       onClick: u,
       ...h,
       children: [
-        i && /* @__PURE__ */ _(Or, { size: d === yr.LG ? "xs" : "xxs", negative: c, disabled: v }),
+        i && /* @__PURE__ */ _(wr, { size: d === _r.LG ? "xs" : "xxs", negative: c, disabled: v }),
         " ",
         e
       ]
     }
   );
-}, Me = S(Ir);
-Me.displayName = "Button";
-function Rr(e) {
+}, Re = S(Ar);
+Re.displayName = "Button";
+function Tr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var yt = { exports: {} };
+var $t = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1557,9 +1557,9 @@ var yt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(yt);
-var Lr = yt.exports;
-const Mr = /* @__PURE__ */ Rr(Lr), pe = {
+})($t);
+var Dr = $t.exports;
+const Ir = /* @__PURE__ */ Tr(Dr), de = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1575,7 +1575,7 @@ const Mr = /* @__PURE__ */ Rr(Lr), 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"
-}, kr = {
+}, Lr = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1584,32 +1584,32 @@ const Mr = /* @__PURE__ */ Rr(Lr), pe = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, fe = "purpur-heading", Et = ({
+}, pe = "purpur-heading", yt = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   enableHyphenation: o = !1,
   negative: a = !1,
   tag: r,
-  variant: i = kr.TITLE100,
+  variant: i = Lr.TITLE100,
   ...c
 }) => {
-  const s = r, d = Mr([
+  const s = r, d = Ir([
     t,
-    pe[fe],
-    pe[`${fe}--${i}`],
+    de[pe],
+    de[`${pe}--${i}`],
     {
-      [pe[`${fe}--hyphens`]]: o,
-      [pe[`${fe}--negative`]]: a
+      [de[`${pe}--hyphens`]]: o,
+      [de[`${pe}--negative`]]: a
     }
   ]);
   return /* @__PURE__ */ _(s, { ...c, className: d, "data-testid": e, children: n });
 };
-Et.displayName = "Heading";
-function Fr(e) {
+yt.displayName = "Heading";
+function Rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var xt = { exports: {} };
+var Et = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1644,9 +1644,9 @@ var xt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(xt);
-var jr = xt.exports;
-const Br = /* @__PURE__ */ Fr(jr), Ur = {
+})(Et);
+var Mr = Et.exports;
+const kr = /* @__PURE__ */ Rr(Mr), Fr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1654,39 +1654,39 @@ const Br = /* @__PURE__ */ Fr(jr), Ur = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Wr = {
+}, 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"
-}, wt = (e) => /* @__PURE__ */ _(
-  Vr,
+}, xt = (e) => /* @__PURE__ */ _(
+  Hr,
   {
     ...e,
-    svg: Wr
+    svg: jr
   }
 );
-wt.displayName = "IconClose";
-const zr = Br.bind(Ur), Ye = "purpur-icon", qr = "md", Hr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Kr = ({ content: e = "", title: n } = {}) => {
+xt.displayName = "IconClose";
+const Br = kr.bind(Fr), Xe = "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 ${Hr(t)}>${o}${e}</svg>`;
-}, Gr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Vr = ({
+  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 = qr,
+  size: a = Ur,
   ...r
 }) => {
-  const i = Kr({
-    content: Gr(n.svg),
+  const i = zr({
+    content: qr(n.svg),
     title: t
-  }), c = zr(o, Ye, `${Ye}--${a}`);
+  }), c = Br(o, Xe, `${Xe}--${a}`);
   return /* @__PURE__ */ _(
     "span",
     {
@@ -1698,10 +1698,10 @@ const zr = Br.bind(Ur), Ye = "purpur-icon", qr = "md", Hr = (e) => e.filter((n)
     }
   );
 };
-function Xr(e) {
+function Kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var St = { exports: {} };
+var wt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1736,9 +1736,9 @@ var St = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(St);
-var Yr = St.exports;
-const Zr = /* @__PURE__ */ Xr(Yr), ne = {
+})(wt);
+var Gr = wt.exports;
+const Vr = /* @__PURE__ */ Kr(Gr), te = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1753,7 +1753,7 @@ const Zr = /* @__PURE__ */ Xr(Yr), 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"
-}, Qr = {
+}, Xr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -1764,74 +1764,73 @@ const Zr = /* @__PURE__ */ Xr(Yr), ne = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, re = "purpur-paragraph", Ct = ({
+}, ne = "purpur-paragraph", St = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   disabled: o,
   enableHyphenation: a = !1,
   negative: r = !1,
-  variant: i = Qr.PARAGRAPH100,
+  variant: i = Xr.PARAGRAPH100,
   ...c
 }) => {
-  const s = Zr([
+  const s = Vr([
     t,
-    ne[re],
-    ne[`${re}--${i}`],
+    te[ne],
+    te[`${ne}--${i}`],
     {
-      [ne[`${re}--hyphens`]]: a,
-      [ne[`${re}--disabled`]]: o,
-      [ne[`${re}--negative`]]: r
+      [te[`${ne}--hyphens`]]: a,
+      [te[`${ne}--disabled`]]: o,
+      [te[`${ne}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ _("p", { ...c, className: s, "data-testid": e, children: n });
 };
-Ct.displayName = "Paragraph";
-const Jr = "600px";
-function Z() {
-  return Z = Object.assign ? Object.assign.bind() : function(e) {
+St.displayName = "Paragraph";
+function Y() {
+  return Y = 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);
+  }, Y.apply(this, arguments);
 }
-function eo(e, n) {
+function Yr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function to(...e) {
+function Zr(...e) {
   return (n) => e.forEach(
-    (t) => eo(t, n)
+    (t) => Yr(t, n)
   );
 }
-const Ot = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...o } = e, a = R.toArray(t), r = a.find(ro);
+const Ct = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...o } = e, a = L.toArray(t), r = a.find(Jr);
   if (r) {
-    const i = r.props.children, c = a.map((s) => s === r ? R.count(i) > 1 ? R.only(null) : /* @__PURE__ */ z(i) ? i.props.children : null : s);
-    return /* @__PURE__ */ g(De, Z({}, o, {
+    const i = r.props.children, c = a.map((s) => s === r ? L.count(i) > 1 ? L.only(null) : /* @__PURE__ */ U(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ g(Te, Y({}, o, {
       ref: n
-    }), /* @__PURE__ */ z(i) ? /* @__PURE__ */ ae(i, void 0, c) : null);
+    }), /* @__PURE__ */ U(i) ? /* @__PURE__ */ oe(i, void 0, c) : null);
   }
-  return /* @__PURE__ */ g(De, Z({}, o, {
+  return /* @__PURE__ */ g(Te, Y({}, o, {
     ref: n
   }), t);
 });
-Ot.displayName = "Slot";
-const De = /* @__PURE__ */ S((e, n) => {
+Ct.displayName = "Slot";
+const Te = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ z(t) ? /* @__PURE__ */ ae(t, {
-    ...oo(o, t.props),
-    ref: n ? to(n, t.ref) : t.ref
-  }) : R.count(t) > 1 ? R.only(null) : null;
+  return /* @__PURE__ */ U(t) ? /* @__PURE__ */ oe(t, {
+    ...eo(o, t.props),
+    ref: n ? Zr(n, t.ref) : t.ref
+  }) : L.count(t) > 1 ? L.only(null) : null;
 });
-De.displayName = "SlotClone";
-const no = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
-function ro(e) {
-  return /* @__PURE__ */ z(e) && e.type === no;
+Te.displayName = "SlotClone";
+const Qr = ({ children: e }) => /* @__PURE__ */ g(De, null, e);
+function Jr(e) {
+  return /* @__PURE__ */ U(e) && e.type === Qr;
 }
-function oo(e, n) {
+function eo(e, n) {
   const t = {
     ...n
   };
@@ -1852,7 +1851,7 @@ function oo(e, n) {
     ...t
   };
 }
-const ao = [
+const to = [
   "a",
   "button",
   "div",
@@ -1869,12 +1868,12 @@ const ao = [
   "span",
   "svg",
   "ul"
-], io = ao.reduce((e, n) => {
+], no = to.reduce((e, n) => {
   const t = /* @__PURE__ */ S((o, a) => {
-    const { asChild: r, ...i } = o, c = r ? Ot : n;
+    const { asChild: r, ...i } = o, c = r ? Ct : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ g(c, Z({}, i, {
+    }, []), /* @__PURE__ */ g(c, Y({}, i, {
       ref: a
     }));
   });
@@ -1882,7 +1881,7 @@ const ao = [
     ...e,
     [n]: t
   };
-}, {}), co = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ g(io.span, Z({}, e, {
+}, {}), ro = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ g(no.span, Y({}, e, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1898,16 +1897,16 @@ const ao = [
     wordWrap: "normal",
     ...e.style
   }
-}))), uo = co, so = ({
+}))), oo = ro, ao = ({
   asChild: e,
   children: n,
   className: t = "",
   ["data-testid"]: o
-}) => /* @__PURE__ */ _(uo, { asChild: e, "data-testid": o, className: t, children: n });
-function lo(e) {
+}) => /* @__PURE__ */ _(oo, { asChild: e, "data-testid": o, className: t, children: n });
+function io(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Pt = { exports: {} };
+var Ot = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1942,30 +1941,30 @@ var Pt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Pt);
-var po = Pt.exports;
-const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_rblrn_1", ho = {
-  "purpur-modal-content": "_purpur-modal-content_rblrn_1",
-  fadeIn: vo,
-  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_rblrn_30",
-  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_rblrn_37",
-  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_rblrn_48",
-  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_rblrn_59",
-  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_rblrn_68",
-  "purpur-modal-content__header": "_purpur-modal-content__header_rblrn_91",
-  "purpur-modal-content__title": "_purpur-modal-content__title_rblrn_105",
-  "purpur-modal-content__description": "_purpur-modal-content__description_rblrn_108",
-  "purpur-modal-content__body": "_purpur-modal-content__body_rblrn_111",
-  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_rblrn_121",
-  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_rblrn_133",
-  "purpur-modal-content__actions-button": "_purpur-modal-content__actions-button_rblrn_133",
-  "purpur-modal-content__notification": "_purpur-modal-content__notification_rblrn_156",
-  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_rblrn_159",
-  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_rblrn_159",
-  "purpur-modal-content__actions": "_purpur-modal-content__actions_rblrn_133",
-  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_rblrn_190",
-  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_rblrn_200"
-}, Ze = (e) => e.showCloseButton === !0, T = fo.bind(ho), P = "purpur-modal-content", mo = S(
+})(Ot);
+var co = Ot.exports;
+const uo = /* @__PURE__ */ io(co), so = "_fadeIn_1ifm3_1", lo = {
+  "purpur-modal-content": "_purpur-modal-content_1ifm3_1",
+  fadeIn: so,
+  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_1ifm3_30",
+  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_1ifm3_37",
+  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_1ifm3_48",
+  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_1ifm3_58",
+  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_1ifm3_62",
+  "purpur-modal-content__header": "_purpur-modal-content__header_1ifm3_85",
+  "purpur-modal-content__title": "_purpur-modal-content__title_1ifm3_98",
+  "purpur-modal-content__description": "_purpur-modal-content__description_1ifm3_101",
+  "purpur-modal-content__body": "_purpur-modal-content__body_1ifm3_104",
+  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_1ifm3_112",
+  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_1ifm3_124",
+  "purpur-modal-content__actions-button": "_purpur-modal-content__actions-button_1ifm3_124",
+  "purpur-modal-content__notification": "_purpur-modal-content__notification_1ifm3_147",
+  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_1ifm3_150",
+  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_1ifm3_150",
+  "purpur-modal-content__actions": "_purpur-modal-content__actions_1ifm3_124",
+  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_1ifm3_181",
+  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_1ifm3_191"
+}, Ye = (e) => e.showCloseButton === !0, T = uo.bind(lo), O = "purpur-modal-content", po = S(
   ({
     ["data-testid"]: e,
     actions: n,
@@ -1982,94 +1981,91 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_rblrn_1", ho = {
     zIndex: h,
     ...f
   }, E) => {
-    const { closeButtonAllyLabel: u, showCloseButton: v, ...b } = f, [O, y] = K(!1), $ = C(null), w = C(null), F = C(null), I = C(null), x = T([
-      P,
-      { [`${P}--with-image`]: !!c },
-      { [`${P}--overflow`]: O },
-      { [`${P}--sticky-footer`]: d },
+    const { closeButtonAllyLabel: u, showCloseButton: v, ...b } = f, [C, y] = H(!1), $ = P(null), w = P(null), z = T([
+      O,
+      { [`${O}--with-image`]: !!c },
+      { [`${O}--overflow`]: C },
+      { [`${O}--sticky-footer`]: d },
       o
-    ]), D = (j) => e ? `${e} ${j}` : void 0, ie = (j) => {
-      r && j.preventDefault();
-    }, M = Q(() => {
-      if (!$.current || !w.current || !F.current || !I.current)
+    ]), D = (R) => e ? `${e} ${R}` : void 0, x = (R) => {
+      r && R.preventDefault();
+    }, I = Z(() => {
+      if (!$.current || !w.current)
         return;
-      const j = window.innerWidth < parseInt(Jr), At = window.getComputedStyle(
-        j ? $.current : F.current,
-        null
-      ), Tt = parseFloat(At.getPropertyValue("height")), Dt = j ? w.current.offsetHeight : I.current.offsetHeight;
-      y(Tt < Dt);
-    }, []), Nt = (j) => {
-      r && !v && j.preventDefault();
+      const R = window.getComputedStyle($.current, null), Pt = parseFloat(R.getPropertyValue("height")), Nt = w.current.offsetHeight;
+      y(Pt < Nt);
+    }, []), ae = (R) => {
+      r && !v && R.preventDefault();
     };
-    return A(() => (window.addEventListener("resize", M), () => {
-      window.removeEventListener("resize", M);
-    }), [M]), A(() => {
-      M();
-    }, [l, M]), /* @__PURE__ */ U(mr, { children: [
-      /* @__PURE__ */ _(gr, { className: T(`${P}__overlay`), style: { zIndex: h } }),
-      /* @__PURE__ */ U(
-        _r,
+    return A(() => (window.addEventListener("resize", I), () => {
+      window.removeEventListener("resize", I);
+    }), [I]), A(() => {
+      I();
+    }, [l, I]), /* @__PURE__ */ j(fr, { children: [
+      /* @__PURE__ */ _(vr, { className: T(`${O}__overlay`), style: { zIndex: h } }),
+      /* @__PURE__ */ j(
+        hr,
         {
           ...b,
-          className: x,
+          className: z,
           "data-testid": e,
           ref: E,
           ...!a && { "aria-describedby": void 0 },
-          onPointerDownOutside: ie,
-          onOpenAutoFocus: M,
-          onEscapeKeyDown: Nt,
+          onPointerDownOutside: x,
+          onOpenAutoFocus: I,
+          onEscapeKeyDown: ae,
           style: { zIndex: `calc(${h} + 1)` },
           children: [
-            /* @__PURE__ */ U("div", { ref: $, className: T(`${P}__wrapper`), children: [
-              Ze(f) && u && c && /* @__PURE__ */ _(
-                Qe,
+            /* @__PURE__ */ j("div", { ref: $, className: T(`${O}__wrapper`), children: [
+              Ye(f) && u && c && /* @__PURE__ */ _(
+                Ze,
                 {
                   allyLabel: u,
                   hasImage: !0,
                   "data-testid": D("close-button")
                 }
               ),
-              /* @__PURE__ */ U("div", { ref: w, className: T(`${P}__wrapper-inner`), children: [
-                /* @__PURE__ */ U("div", { className: T(`${P}__header`), children: [
-                  Ze(f) && u && !c && /* @__PURE__ */ _(
-                    Qe,
+              /* @__PURE__ */ j("div", { ref: w, className: T(`${O}__wrapper-inner`), children: [
+                /* @__PURE__ */ j("div", { className: T(`${O}__header`), children: [
+                  Ye(f) && u && !c && /* @__PURE__ */ _(
+                    Ze,
                     {
                       allyLabel: u,
                       "data-testid": D("close-button")
                     }
                   ),
                   /* @__PURE__ */ _(
-                    br,
+                    mr,
                     {
                       asChild: !0,
-                      className: T(`${P}__title`),
+                      className: T(`${O}__title`),
                       "data-testid": D("title"),
-                      children: /* @__PURE__ */ _(Et, { tag: "h2", variant: "title-200", children: p })
+                      children: /* @__PURE__ */ _(yt, { tag: "h2", variant: "title-200", children: p })
                     }
                   )
                 ] }),
                 c && /* @__PURE__ */ _(
                   "div",
                   {
-                    className: T(`${P}__image-wrapper`),
+                    className: T(`${O}__image-wrapper`),
                     "data-testid": D("image"),
                     children: c
                   }
                 ),
-                /* @__PURE__ */ _("div", { ref: F, className: T(`${P}__body`), children: /* @__PURE__ */ U("div", { ref: I, className: T(`${P}__body-inner`), children: [
-                  a && i && /* @__PURE__ */ _(so, { asChild: !0, children: /* @__PURE__ */ _(Ve, { "data-testid": D("description"), children: a }) }),
+                /* @__PURE__ */ _("div", { className: T(`${O}__body`), children: /* @__PURE__ */ j("div", { className: T(`${O}__body-inner`), children: [
+                  a && i && /* @__PURE__ */ _(ao, { asChild: !0, children: /* @__PURE__ */ _(Ge, { "data-testid": D("description"), children: a }) }),
                   a && !i && /* @__PURE__ */ _(
-                    Ve,
+                    Ge,
                     {
                       asChild: !0,
-                      className: T(`${P}__description`),
+                      className: T(`${O}__description`),
                       "data-testid": D("description"),
-                      children: /* @__PURE__ */ _(Ct, { variant: "paragraph-100", children: a })
+                      children: /* @__PURE__ */ _(St, { variant: "paragraph-100", children: a })
                     }
                   ),
                   /* @__PURE__ */ _("div", { children: t }),
                   !d && /* @__PURE__ */ _(
-                    Je,
+                    Qe,
                     {
                       actions: n,
                       primaryActionVariant: s,
@@ -2080,7 +2076,7 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_rblrn_1", ho = {
               ] })
             ] }),
             d && /* @__PURE__ */ _(
-              Je,
+              Qe,
               {
                 actions: n,
                 primaryActionVariant: s,
@@ -2092,49 +2088,51 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_rblrn_1", ho = {
       )
     ] });
   }
-), Qe = ({
+), Ze = ({
   allyLabel: e,
   hasImage: n,
   ["data-testid"]: t
-}) => /* @__PURE__ */ _($r, { asChild: !0, children: /* @__PURE__ */ _(
-  Me,
+}) => /* @__PURE__ */ _(gr, { asChild: !0, children: /* @__PURE__ */ _(
+  Re,
   {
     variant: n ? "primary" : "tertiary-purple",
     negative: n,
     size: "sm",
     iconOnly: !0,
     "aria-label": e,
-    className: T(`${P}__close-button`),
+    className: T(`${O}__close-button`),
     "data-testid": t,
-    children: /* @__PURE__ */ _(wt, {})
+    children: /* @__PURE__ */ _(xt, {})
   }
-) }), go = 3, Je = ({
+) }), fo = 3, Qe = ({
   actions: e,
   primaryActionVariant: n,
   notification: t
 }) => {
-  const o = C(null), a = [n, "secondary", "text"];
+  const o = P(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, go).map(({ label: r, onClick: i }, c) => /* @__PURE__ */ _(
-      Me,
+  }, [t]), e && e.length > 0 ? /* @__PURE__ */ j("div", { className: T(`${O}__actions`), children: [
+    /* @__PURE__ */ _("div", { className: T(`${O}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, fo).map(({ label: r, onClick: i, disabled: c, loading: s }, d) => /* @__PURE__ */ _(
+      Re,
       {
         "data-testid": "modal actions button",
-        variant: a[c] || "",
+        variant: a[d] || "",
         onClick: i,
-        className: T(`${P}__actions-button`),
+        disabled: c,
+        loading: s,
+        className: T(`${O}__actions-button`),
         children: r
       },
       r
     )) }),
-    t && /* @__PURE__ */ _("div", { className: T(`${P}__notification`), ref: o, children: t }),
-    /* @__PURE__ */ _("span", { className: T(`${P}__actions-separator`) })
+    t && /* @__PURE__ */ _("div", { className: T(`${O}__notification`), ref: o, children: t }),
+    /* @__PURE__ */ _("span", { className: T(`${O}__actions-separator`) })
   ] }) : null;
-}, _o = S(
+}, vo = S(
   ({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ _(
-    hr,
+    pr,
     {
       asChild: !0,
       ref: a,
@@ -2144,16 +2142,16 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_rblrn_1", ho = {
       children: n
     }
   )
-), ke = ({
+), Me = ({
   ["data-testid"]: e,
   children: n,
   open: t,
   onOpenChange: o
-}) => /* @__PURE__ */ _(vr, { open: t, onOpenChange: o, "data-testid": e, children: n });
-ke.Trigger = _o;
-ke.Content = mo;
-ke.displayName = "Modal";
+}) => /* @__PURE__ */ _(dr, { open: t, onOpenChange: o, "data-testid": e, children: n });
+Me.Trigger = vo;
+Me.Content = po;
+Me.displayName = "Modal";
 export {
-  ke as Modal
+  Me as Modal
 };
 //# sourceMappingURL=modal.es.js.map