@purpurds/modal 4.5.1 → 5.0.0

package/dist/modal.es.js

@@ -1,6 +1,6 @@
 import { jsxs as j, jsx as _ } from "react/jsx-runtime";
 import * as m from "react";
-import { useCallback as Q, createContext as xe, useMemo as me, createElement as g, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as G, forwardRef as C, Children as M, isValidElement as q, cloneElement as re, Fragment as Ie, useReducer as Dt } 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) {
@@ -32,7 +32,7 @@ function J(...e) {
 function Mt(e, n = []) {
   let t = [];
   function o(r, i) {
-    const u = /* @__PURE__ */ xe(i), s = t.length;
+    const u = /* @__PURE__ */ Ce(i), s = t.length;
     t = [
       ...t,
       i
@@ -60,7 +60,7 @@ function Mt(e, n = []) {
     ];
   }
   const a = () => {
-    const r = t.map((i) => /* @__PURE__ */ xe(i));
+    const r = t.map((i) => /* @__PURE__ */ Ce(i));
     return function(u) {
       const s = (u == null ? void 0 : u[e]) || r;
       return me(
@@ -127,7 +127,7 @@ function be(e) {
     e
   ]), e || (n ? `radix-${n}` : "");
 }
-function K(e) {
+function G(e) {
   const n = O(e);
   return A(() => {
     n.current = e;
@@ -144,7 +144,7 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
   const [o, a] = Bt({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, i = r ? e : o, u = K(t), s = Q((d) => {
+  }), r = e !== void 0, i = r ? e : o, u = G(t), s = Q((d) => {
     if (r) {
       const l = typeof d == "function" ? d(e) : d;
       l !== e && u(l);
@@ -162,7 +162,7 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function Bt({ defaultProp: e, onChange: n }) {
-  const t = G(e), [o] = t, a = O(o), r = K(n);
+  const t = V(e), [o] = t, a = O(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__ */ C((e, n) => {
-  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(Wt);
+const Re = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(Ut);
   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, {
       ref: n
-    }), /* @__PURE__ */ q(i) ? /* @__PURE__ */ re(i, void 0, u) : null);
+    }), /* @__PURE__ */ q(i) ? /* @__PURE__ */ ae(i, void 0, u) : null);
   }
   return /* @__PURE__ */ g(Pe, P({}, o, {
     ref: n
   }), t);
 });
 Re.displayName = "Slot";
-const Pe = /* @__PURE__ */ C((e, n) => {
+const Pe = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ q(t) ? /* @__PURE__ */ re(t, {
-    ...Ut(o, t.props),
+  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;
 });
 Pe.displayName = "SlotClone";
 const qt = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
-function Wt(e) {
+function Ut(e) {
   return /* @__PURE__ */ q(e) && e.type === qt;
 }
-function Ut(e, n) {
+function Wt(e, n) {
   const t = {
     ...n
   };
@@ -217,7 +217,7 @@ function Ut(e, n) {
     ...t
   };
 }
-const Ht = [
+const zt = [
   "a",
   "button",
   "div",
@@ -234,8 +234,8 @@ const Ht = [
   "span",
   "svg",
   "ul"
-], W = Ht.reduce((e, n) => {
-  const t = /* @__PURE__ */ C((o, a) => {
+], U = zt.reduce((e, n) => {
+  const t = /* @__PURE__ */ S((o, a) => {
     const { asChild: r, ...i } = o, u = r ? Re : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
@@ -248,13 +248,13 @@ const Ht = [
     [n]: t
   };
 }, {});
-function Vt(e, n) {
+function Ht(e, n) {
   e && nt(
     () => e.dispatchEvent(n)
   );
 }
-function Gt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e);
+function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = G(e);
   A(() => {
     const o = (a) => {
       a.key === "Escape" && t(a);
@@ -265,26 +265,26 @@ function Gt(e, n = globalThis == null ? void 0 : globalThis.document) {
     n
   ]);
 }
-const Ne = "dismissableLayer.update", Kt = "dismissableLayer.pointerDownOutside", zt = "dismissableLayer.focusOutside";
+const Ne = "dismissableLayer.update", Gt = "dismissableLayer.pointerDownOutside", Kt = "dismissableLayer.focusOutside";
 let Fe;
-const Xt = /* @__PURE__ */ xe({
+const Xt = /* @__PURE__ */ Ce({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Yt = /* @__PURE__ */ C((e, n) => {
+}), Yt = /* @__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] = G(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = G({}), c = J(
+  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(
     n,
     (w) => h(w)
   ), v = Array.from(p.layers), [b] = [
     ...p.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), x = v.indexOf(b), y = l ? v.indexOf(l) : -1, $ = p.layersWithOutsidePointerEventsDisabled.size > 0, S = y >= x, U = Zt((w) => {
-    const I = w.target, oe = [
+  ].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 = [
       ...p.branches
     ].some(
       (R) => R.contains(I)
     );
-    !S || oe || (r == null || r(w), u == null || u(w), w.defaultPrevented || s == null || s());
+    !x || ie || (r == null || r(w), u == null || u(w), w.defaultPrevented || s == null || s());
   }, f), T = Qt((w) => {
     const I = w.target;
     [
@@ -293,7 +293,7 @@ const Xt = /* @__PURE__ */ xe({
       (R) => R.contains(I)
     ) || (i == null || i(w), u == null || u(w), w.defaultPrevented || s == null || s());
   }, f);
-  return Gt((w) => {
+  return Vt((w) => {
     y === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && s && (w.preventDefault(), s()));
   }, f), A(() => {
     if (l)
@@ -313,25 +313,25 @@ const Xt = /* @__PURE__ */ xe({
   ]), A(() => {
     const w = () => E({});
     return document.addEventListener(Ne, w), () => document.removeEventListener(Ne, w);
-  }, []), /* @__PURE__ */ g(W.div, P({}, d, {
+  }, []), /* @__PURE__ */ g(U.div, P({}, d, {
     ref: c,
     style: {
-      pointerEvents: $ ? S ? "auto" : "none" : void 0,
+      pointerEvents: $ ? x ? "auto" : "none" : void 0,
       ...e.style
     },
     onFocusCapture: B(e.onFocusCapture, T.onFocusCapture),
     onBlurCapture: B(e.onBlurCapture, T.onBlurCapture),
-    onPointerDownCapture: B(e.onPointerDownCapture, U.onPointerDownCapture)
+    onPointerDownCapture: B(e.onPointerDownCapture, W.onPointerDownCapture)
   }));
 });
 function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e), o = O(!1), a = O(() => {
+  const t = G(e), o = O(!1), a = O(() => {
   });
   return A(() => {
     const r = (u) => {
       if (u.target && !o.current) {
         let d = function() {
-          ot(Kt, t, s, {
+          ot(Gt, t, s, {
             discrete: !0
           });
         };
@@ -359,10 +359,10 @@ function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e), o = O(!1);
+  const t = G(e), o = O(!1);
   return A(() => {
     const a = (r) => {
-      r.target && !o.current && ot(zt, t, {
+      r.target && !o.current && ot(Kt, t, {
         originalEvent: r
       }, {
         discrete: !1
@@ -389,13 +389,13 @@ function ot(e, n, t, { discrete: o }) {
   });
   n && a.addEventListener(e, n, {
     once: !0
-  }), o ? Vt(a, r) : a.dispatchEvent(r);
+  }), o ? Ht(a, r) : a.dispatchEvent(r);
 }
 const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount", Be = {
   bubbles: !1,
   cancelable: !0
-}, Jt = /* @__PURE__ */ C((e, n) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, s] = G(null), d = K(a), p = K(r), l = O(null), h = J(
+}, 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(
     n,
     (c) => s(c)
   ), f = O({
@@ -425,16 +425,16 @@ const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount",
         }));
       }, b = function(y) {
         if (document.activeElement === document.body)
-          for (const S of y)
-            S.removedNodes.length > 0 && F(u);
+          for (const x of y)
+            x.removedNodes.length > 0 && F(u);
       };
       document.addEventListener("focusin", c), document.addEventListener("focusout", v);
-      const x = new MutationObserver(b);
-      return u && x.observe(u, {
+      const C = new MutationObserver(b);
+      return u && C.observe(u, {
         childList: !0,
         subtree: !0
       }), () => {
-        document.removeEventListener("focusin", c), document.removeEventListener("focusout", v), x.disconnect();
+        document.removeEventListener("focusin", c), document.removeEventListener("focusout", v), C.disconnect();
       };
     }
   }, [
@@ -443,7 +443,7 @@ const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount",
     f.paused
   ]), A(() => {
     if (u) {
-      We.add(f);
+      Ue.add(f);
       const c = document.activeElement;
       if (!u.contains(c)) {
         const b = new CustomEvent(ye, Be);
@@ -456,7 +456,7 @@ const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount",
           const b = new CustomEvent($e, Be);
           u.addEventListener($e, p), u.dispatchEvent(b), b.defaultPrevented || F(c ?? document.body, {
             select: !0
-          }), u.removeEventListener($e, p), We.remove(f);
+          }), u.removeEventListener($e, p), Ue.remove(f);
         }, 0);
       };
     }
@@ -471,19 +471,19 @@ const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount",
       return;
     const v = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, b = document.activeElement;
     if (v && b) {
-      const x = c.currentTarget, [y, $] = tn(x);
+      const C = c.currentTarget, [y, $] = tn(C);
       y && $ ? !c.shiftKey && b === $ ? (c.preventDefault(), t && F(y, {
         select: !0
       })) : c.shiftKey && b === y && (c.preventDefault(), t && F($, {
         select: !0
-      })) : b === x && c.preventDefault();
+      })) : b === C && c.preventDefault();
     }
   }, [
     t,
     o,
     f.paused
   ]);
-  return /* @__PURE__ */ g(W.div, P({
+  return /* @__PURE__ */ g(U.div, P({
     tabIndex: -1
   }, i, {
     ref: h,
@@ -546,21 +546,21 @@ function F(e, { select: n = !1 } = {}) {
     }), e !== t && rn(e) && n && e.select();
   }
 }
-const We = on();
+const Ue = on();
 function on() {
   let e = [];
   return {
     add(n) {
       const t = e[0];
-      n !== t && (t == null || t.pause()), e = Ue(e, n), e.unshift(n);
+      n !== t && (t == null || t.pause()), e = We(e, n), e.unshift(n);
     },
     remove(n) {
       var t;
-      e = Ue(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 Ue(e, n) {
+function We(e, n) {
   const t = [
     ...e
   ], o = t.indexOf(n);
@@ -571,10 +571,10 @@ function an(e) {
     (n) => n.tagName !== "A"
   );
 }
-const un = /* @__PURE__ */ C((e, n) => {
+const un = /* @__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(W.div, P({}, a, {
+  return o ? /* @__PURE__ */ It.createPortal(/* @__PURE__ */ g(U.div, P({}, a, {
     ref: n
   })), o) : null;
 });
@@ -588,13 +588,13 @@ const ge = (e) => {
   const { present: n, children: t } = e, o = sn(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__ */ re(a, {
+  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ ae(a, {
     ref: r
   }) : null;
 };
 ge.displayName = "Presence";
 function sn(e) {
-  const [n, t] = G(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, s] = cn(i, {
+  const [n, t] = V(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, s] = cn(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -608,14 +608,14 @@ function sn(e) {
     }
   });
   return A(() => {
-    const d = ae(o.current);
+    const d = ue(o.current);
     r.current = u === "mounted" ? d : "none";
   }, [
     u
   ]), Oe(() => {
     const d = o.current, p = a.current;
     if (p !== e) {
-      const h = r.current, f = ae(d);
+      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;
     }
   }, [
@@ -624,12 +624,12 @@ function sn(e) {
   ]), Oe(() => {
     if (n) {
       const d = (l) => {
-        const f = ae(o.current).includes(l.animationName);
+        const f = ue(o.current).includes(l.animationName);
         l.target === n && f && nt(
           () => s("ANIMATION_END")
         );
       }, p = (l) => {
-        l.target === n && (r.current = ae(o.current));
+        l.target === n && (r.current = ue(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);
@@ -649,7 +649,7 @@ function sn(e) {
     }, [])
   };
 }
-function ae(e) {
+function ue(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 let Ee = 0;
@@ -657,14 +657,14 @@ function ln() {
   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 : He()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : He()), Ee++, () => {
+    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(
         (o) => o.remove()
       ), Ee--;
     };
   }, []);
 }
-function He() {
+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;
 }
@@ -698,7 +698,7 @@ function vn(e, n) {
   return typeof e == "function" ? e(n) : e && (e.current = n), e;
 }
 function hn(e, n) {
-  var t = G(function() {
+  var t = V(function() {
     return {
       // value
       value: e,
@@ -807,12 +807,12 @@ var ct = bn(), we = function() {
     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, x = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), y = h, $ = mn([t, n]), S = k(k({}, x), a);
+  }), 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);
   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({}, S), { ref: $ })) : m.createElement(b, k({}, S, { className: s, ref: $ }), u)
+    i ? m.cloneElement(m.Children.only(u), k(k({}, x), { ref: $ })) : m.createElement(b, k({}, x, { className: s, ref: $ }), u)
   );
 });
 _e.defaultProps = {
@@ -839,22 +839,22 @@ function En() {
 function wn(e, n) {
   e.styleSheet ? e.styleSheet.cssText = n : e.appendChild(document.createTextNode(n));
 }
-function Sn(e) {
+function xn(e) {
   var n = document.head || document.getElementsByTagName("head")[0];
   n.appendChild(e);
 }
-var Cn = function() {
+var Sn = function() {
   var e = 0, n = null;
   return {
     add: function(t) {
-      e == 0 && (n = En()) && (wn(n, t), Sn(n)), e++;
+      e == 0 && (n = En()) && (wn(n, t), xn(n)), e++;
     },
     remove: function() {
       e--, !e && n && (n.parentNode && n.parentNode.removeChild(n), n = null);
     }
   };
-}, xn = function() {
-  var e = Cn();
+}, Cn = function() {
+  var e = Sn();
   return function(n, t) {
     m.useEffect(function() {
       return e.add(n), function() {
@@ -863,7 +863,7 @@ var Cn = function() {
     }, [n && t]);
   };
 }, st = function() {
-  var e = xn(), n = function(t) {
+  var e = Cn(), n = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
   };
@@ -873,11 +873,11 @@ var Cn = function() {
   top: 0,
   right: 0,
   gap: 0
-}, Se = function(e) {
+}, xe = 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 [Se(t), Se(o), Se(a)];
+  return [xe(t), xe(o), xe(a)];
 }, Nn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return On;
@@ -940,16 +940,16 @@ var Cn = function() {
 }, Ae = !1;
 if (typeof window < "u")
   try {
-    var ie = Object.defineProperty({}, "passive", {
+    var ce = Object.defineProperty({}, "passive", {
       get: function() {
         return Ae = !0, !0;
       }
     });
-    window.addEventListener("test", ie, ie), window.removeEventListener("test", ie, ie);
+    window.addEventListener("test", ce, ce), window.removeEventListener("test", ce, ce);
   } catch {
     Ae = !1;
   }
-var z = Ae ? { passive: !1 } : !1, In = function(e) {
+var K = Ae ? { passive: !1 } : !1, In = function(e) {
   return e.tagName === "TEXTAREA";
 }, lt = function(e, n) {
   var t = window.getComputedStyle(e);
@@ -962,7 +962,7 @@ var z = Ae ? { passive: !1 } : !1, In = function(e) {
   return lt(e, "overflowY");
 }, Mn = function(e) {
   return lt(e, "overflowX");
-}, Ve = function(e, n) {
+}, He = function(e, n) {
   var t = n;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
@@ -1006,11 +1006,11 @@ var z = Ae ? { passive: !1 } : !1, In = function(e) {
     s && (n.contains(u) || n === u)
   );
   return (p && (l === 0 || !a) || !p && (h === 0 || !a)) && (d = !0), d;
-}, ue = function(e) {
+}, se = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Ge = function(e) {
+}, Ve = function(e) {
   return [e.deltaX, e.deltaY];
-}, Ke = function(e) {
+}, Ge = function(e) {
   return e && "current" in e ? e.current : e;
 }, Bn = function(e, n) {
   return e[0] === n[0] && e[1] === n[1];
@@ -1019,9 +1019,9 @@ var z = Ae ? { passive: !1 } : !1, In = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Wn = 0, X = [];
-function Un(e) {
-  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Wn++)[0], r = m.useState(function() {
+}, 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();
   })[0], i = m.useRef(e);
   m.useEffect(function() {
@@ -1029,7 +1029,7 @@ function Un(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(Ke), !0).filter(Boolean);
+      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));
       }), function() {
@@ -1042,58 +1042,58 @@ function Un(e) {
   var u = m.useCallback(function(c, v) {
     if ("touches" in c && c.touches.length === 2)
       return !i.current.allowPinchZoom;
-    var b = ue(c), x = t.current, y = "deltaX" in c ? c.deltaX : x[0] - b[0], $ = "deltaY" in c ? c.deltaY : x[1] - b[1], S, U = c.target, T = Math.abs(y) > Math.abs($) ? "h" : "v";
-    if ("touches" in c && T === "h" && U.type === "range")
+    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")
       return !1;
-    var w = Ve(T, U);
+    var w = He(T, W);
     if (!w)
       return !0;
-    if (w ? S = T : (S = T === "v" ? "h" : "v", w = Ve(T, U)), !w)
+    if (w ? x = T : (x = T === "v" ? "h" : "v", w = He(T, W)), !w)
       return !1;
-    if (!o.current && "changedTouches" in c && (y || $) && (o.current = S), !S)
+    if (!o.current && "changedTouches" in c && (y || $) && (o.current = x), !x)
       return !0;
-    var I = o.current || S;
+    var I = o.current || x;
     return jn(I, v, c, I === "h" ? y : $, !0);
   }, []), s = m.useCallback(function(c) {
     var v = c;
     if (!(!X.length || X[X.length - 1] !== r)) {
-      var b = "deltaY" in v ? Ge(v) : ue(v), x = n.current.filter(function(S) {
-        return S.name === v.type && S.target === v.target && Bn(S.delta, b);
+      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);
       })[0];
-      if (x && x.should) {
+      if (C && C.should) {
         v.cancelable && v.preventDefault();
         return;
       }
-      if (!x) {
-        var y = (i.current.shards || []).map(Ke).filter(Boolean).filter(function(S) {
-          return S.contains(v.target);
+      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();
       }
     }
-  }, []), d = m.useCallback(function(c, v, b, x) {
-    var y = { name: c, delta: v, target: b, should: x };
+  }, []), 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;
       });
     }, 1);
   }, []), p = m.useCallback(function(c) {
-    t.current = ue(c), o.current = void 0;
+    t.current = se(c), o.current = void 0;
   }, []), l = m.useCallback(function(c) {
-    d(c.type, Ge(c), c.target, u(c, e.lockRef.current));
+    d(c.type, Ve(c), c.target, u(c, e.lockRef.current));
   }, []), h = m.useCallback(function(c) {
-    d(c.type, ue(c), c.target, u(c, e.lockRef.current));
+    d(c.type, se(c), c.target, u(c, e.lockRef.current));
   }, []);
   m.useEffect(function() {
     return X.push(r), e.setCallbacks({
       onScrollCapture: l,
       onWheelCapture: l,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", s, z), document.addEventListener("touchmove", s, z), document.addEventListener("touchstart", p, z), function() {
+    }), document.addEventListener("wheel", s, K), document.addEventListener("touchmove", s, K), document.addEventListener("touchstart", p, K), function() {
       X = X.filter(function(c) {
         return c !== r;
-      }), document.removeEventListener("wheel", s, z), document.removeEventListener("touchmove", s, z), document.removeEventListener("touchstart", p, z);
+      }), document.removeEventListener("wheel", s, K), document.removeEventListener("touchmove", s, K), document.removeEventListener("touchstart", p, K);
     };
   }, []);
   var f = e.removeScrollBar, E = e.inert;
@@ -1104,19 +1104,19 @@ function Un(e) {
     f ? m.createElement(Dn, { gapMode: "margin" }) : null
   );
 }
-const Hn = yn(ct, Un);
+const zn = yn(ct, Wn);
 var ft = m.forwardRef(function(e, n) {
-  return m.createElement(_e, k({}, e, { ref: n, sideCar: Hn }));
+  return m.createElement(_e, k({}, e, { ref: n, sideCar: zn }));
 });
 ft.classNames = _e.classNames;
-var Vn = function(e) {
+var Hn = function(e) {
   if (typeof document > "u")
     return null;
   var n = Array.isArray(e) ? e[0] : e;
   return n.ownerDocument.body;
-}, Y = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), se = {}, Ce = 0, vt = function(e) {
+}, Y = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), de = {}, Se = 0, vt = function(e) {
   return e && (e.host || vt(e.parentNode));
-}, Gn = function(e, n) {
+}, Vn = function(e, n) {
   return n.map(function(t) {
     if (e.contains(t))
       return t;
@@ -1125,10 +1125,10 @@ var Vn = function(e) {
   }).filter(function(t) {
     return !!t;
   });
-}, Kn = function(e, n, t, o) {
-  var a = Gn(n, Array.isArray(e) ? e : [e]);
-  se[t] || (se[t] = /* @__PURE__ */ new WeakMap());
-  var r = se[t], i = [], u = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
+}, 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) {
     !l || u.has(l) || (u.add(l), d(l.parentNode));
   };
   a.forEach(d);
@@ -1138,24 +1138,24 @@ var Vn = function(e) {
         p(h);
       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 && ce.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
+        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");
       }
     });
   };
-  return p(n), u.clear(), Ce++, function() {
+  return p(n), u.clear(), Se++, 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 || (ce.has(l) || l.removeAttribute(o), ce.delete(l)), f || l.removeAttribute(t);
-    }), Ce--, Ce || (Y = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), se = {});
+      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 = {});
   };
-}, zn = function(e, n, t) {
+}, Kn = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = Vn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Kn(o, a, t, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = Hn(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, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
+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({
     prop: o,
     defaultProp: a,
@@ -1180,9 +1180,9 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
     ),
     modal: i
   }, t);
-}, Zn = "DialogTrigger", Qn = /* @__PURE__ */ C((e, n) => {
+}, Zn = "DialogTrigger", Qn = /* @__PURE__ */ S((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(Zn, t), r = J(n, a.triggerRef);
-  return /* @__PURE__ */ g(W.button, P({
+  return /* @__PURE__ */ g(U.button, P({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": a.open,
@@ -1208,14 +1208,14 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
       container: a
     }, i))
   ));
-}, Te = "DialogOverlay", tr = /* @__PURE__ */ C((e, n) => {
+}, 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, {
     present: o || r.open
   }, /* @__PURE__ */ g(nr, P({}, a, {
     ref: n
   }))) : null;
-}), nr = /* @__PURE__ */ C((e, n) => {
+}), nr = /* @__PURE__ */ S((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(Te, t);
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
@@ -1226,7 +1226,7 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
       shards: [
         a.contentRef
       ]
-    }, /* @__PURE__ */ g(W.div, P({
+    }, /* @__PURE__ */ g(U.div, P({
       "data-state": Me(a.open)
     }, o, {
       ref: n,
@@ -1236,8 +1236,8 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
       }
     })))
   );
-}), ne = "DialogContent", rr = /* @__PURE__ */ C((e, n) => {
-  const t = _t(ne, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(ne, e.__scopeDialog);
+}), 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, {
     present: o || r.open
   }, r.modal ? /* @__PURE__ */ g(or, P({}, a, {
@@ -1245,12 +1245,12 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
   })) : /* @__PURE__ */ g(ar, P({}, a, {
     ref: n
   })));
-}), or = /* @__PURE__ */ C((e, n) => {
-  const t = L(ne, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
+}), or = /* @__PURE__ */ S((e, n) => {
+  const t = L(oe, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
   return A(() => {
     const r = o.current;
     if (r)
-      return zn(r);
+      return Kn(r);
   }, []), /* @__PURE__ */ g(bt, P({}, e, {
     ref: a,
     trapFocus: t.open,
@@ -1268,8 +1268,8 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
       (r) => r.preventDefault()
     )
   }));
-}), ar = /* @__PURE__ */ C((e, n) => {
-  const t = L(ne, e.__scopeDialog), o = O(!1), a = O(!1);
+}), ar = /* @__PURE__ */ S((e, n) => {
+  const t = L(oe, e.__scopeDialog), o = O(!1), a = O(!1);
   return /* @__PURE__ */ g(bt, P({}, e, {
     ref: n,
     trapFocus: !1,
@@ -1289,8 +1289,8 @@ const ht = "Dialog", [mt, yo] = 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__ */ C((e, n) => {
-  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = L(ne, t), s = O(null), d = J(n, s);
+}), 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, {
     asChild: !0,
     loop: !0,
@@ -1307,23 +1307,23 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
     ref: d,
     onDismiss: () => u.onOpenChange(!1)
   }))), !1);
-}), ir = "DialogTitle", ur = /* @__PURE__ */ C((e, n) => {
+}), ir = "DialogTitle", ur = /* @__PURE__ */ S((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(ir, t);
-  return /* @__PURE__ */ g(W.h2, P({
+  return /* @__PURE__ */ g(U.h2, P({
     id: a.titleId
   }, o, {
     ref: n
   }));
-}), cr = "DialogDescription", sr = /* @__PURE__ */ C((e, n) => {
+}), cr = "DialogDescription", sr = /* @__PURE__ */ S((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(cr, t);
-  return /* @__PURE__ */ g(W.p, P({
+  return /* @__PURE__ */ g(U.p, P({
     id: a.descriptionId
   }, o, {
     ref: n
   }));
-}), lr = "DialogClose", dr = /* @__PURE__ */ C((e, n) => {
+}), lr = "DialogClose", dr = /* @__PURE__ */ S((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(lr, t);
-  return /* @__PURE__ */ g(W.button, P({
+  return /* @__PURE__ */ g(U.button, P({
     type: "button"
   }, o, {
     ref: n,
@@ -1336,7 +1336,7 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
 function Me(e) {
   return e ? "open" : "closed";
 }
-const pr = Yn, fr = Qn, vr = er, hr = tr, mr = rr, gr = ur, ze = sr, _r = dr, Xe = {
+const pr = Yn, fr = Qn, vr = er, hr = tr, mr = rr, gr = ur, Ke = sr, _r = dr, Xe = {
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -1381,48 +1381,43 @@ var yt = { exports: {} };
   })();
 })(yt);
 var yr = yt.exports;
-const Ye = /* @__PURE__ */ br(yr), $r = "_rotate_7s2g1_1", Er = "_dash_7s2g1_1", le = {
-  "purpur-spinner": "_purpur-spinner_7s2g1_1",
+const Ye = /* @__PURE__ */ br(yr), $r = "_rotate_1xozj_1", Er = "_dash_1xozj_1", ee = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: $r,
-  "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
-  "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
-  "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
-  "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
-  "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
-  "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
+  "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,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
-  "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
-}, de = "purpur-spinner", wr = {
-  PRIMARY: "primary",
-  DISABLED: "disabled",
-  NEGATIVE: "negative",
-  NEGATIVE_DISABLED: "negative-disabled"
-}, Sr = {
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, te = "purpur-spinner", wr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Cr = ({
+}, xr = ({
   ["data-testid"]: e,
-  size: n = Sr.SM,
-  variant: t = wr.PRIMARY,
-  ...o
+  disabled: n = !1,
+  negative: t = !1,
+  size: o = wr.SM,
+  ...a
 }) => /* @__PURE__ */ _(
   "div",
   {
-    className: Ye([le[de], le[`${de}--${n}`]]),
+    className: Ye([ee[te], ee[`${te}--${o}`]]),
     "data-testid": e,
-    ...o,
+    ...a,
     children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
       "circle",
       {
-        className: Ye(
-          le[`${de}__circle`],
-          le[`${de}__circle--${t}`]
-        ),
+        className: Ye(ee[`${te}__circle`], {
+          [ee[`${te}__circle--disabled`]]: n,
+          [ee[`${te}__circle--negative`]]: t
+        }),
         cx: "25",
         cy: "25",
         r: "20"
@@ -1430,7 +1425,7 @@ const Ye = /* @__PURE__ */ br(yr), $r = "_rotate_7s2g1_1", Er = "_dash_7s2g1_1",
     ) })
   }
 );
-function xr(e) {
+function Sr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var $t = { exports: {} };
@@ -1469,8 +1464,8 @@ var $t = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })($t);
-var Or = $t.exports;
-const Pr = /* @__PURE__ */ xr(Or), H = {
+var Cr = $t.exports;
+const Or = /* @__PURE__ */ Sr(Cr), z = {
   "purpur-button": "_purpur-button_u2yv5_1",
   "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
@@ -1491,7 +1486,7 @@ const Pr = /* @__PURE__ */ xr(Or), H = {
   "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"
-}, V = "purpur-button", Nr = ({
+}, H = "purpur-button", Pr = ({
   children: e,
   className: n,
   ["data-testid"]: t,
@@ -1499,50 +1494,51 @@ const Pr = /* @__PURE__ */ xr(Or), H = {
   fullWidth: a = !1,
   iconOnly: r,
   loading: i = !1,
-  onClick: u,
-  size: s = Xe.MD,
-  variant: d,
-  type: p = "button",
-  ...l
-}, h) => {
-  if (r && d === "destructive")
+  negative: u = !1,
+  onClick: s,
+  size: d = Xe.MD,
+  variant: p,
+  type: l = "button",
+  ...h
+}, f) => {
+  if (r && p === "destructive")
     return null;
-  const f = Pr(
+  const E = Or(
     [
-      H[V],
-      H[`${V}--${d}`],
-      H[`${V}--${s}`]
+      z[H],
+      z[`${H}--${u ? `${p}-negative` : p}`],
+      z[`${H}--${d}`]
     ],
     {
-      [H[`${V}--icon-only`]]: r,
-      [H[`${V}--negative`]]: d.endsWith("negative"),
-      [H[`${V}--full-width`]]: a,
-      [H[`${V}--disabled`]]: o || i
+      [z[`${H}--icon-only`]]: r,
+      [z[`${H}--negative`]]: u,
+      [z[`${H}--full-width`]]: a,
+      [z[`${H}--disabled`]]: o || i
     },
     n
-  ), E = (v) => {
-    o || i ? v.preventDefault() : u && u(v);
-  }, c = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
+  ), c = (v) => {
+    o || i ? v.preventDefault() : s && s(v);
+  };
   return /* @__PURE__ */ j(
     "button",
     {
-      className: f,
+      className: E,
       "data-testid": t,
-      type: p,
-      ref: h,
-      "aria-disabled": l["aria-disabled"] || o || i,
-      onClick: E,
-      ...l,
+      type: l,
+      ref: f,
+      "aria-disabled": h["aria-disabled"] || o || i,
+      onClick: c,
+      ...h,
       children: [
-        i && /* @__PURE__ */ _(Cr, { size: s === Xe.LG ? "xs" : "xxs", variant: c() }),
+        i && /* @__PURE__ */ _(xr, { size: d === Xe.LG ? "xs" : "xxs", negative: u, disabled: o }),
         " ",
         e
       ]
     }
   );
-}, Le = C(Nr);
+}, Le = S(Pr);
 Le.displayName = "Button";
-function Ar(e) {
+function Nr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Et = { exports: {} };
@@ -1581,8 +1577,8 @@ var Et = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Et);
-var Tr = Et.exports;
-const Dr = /* @__PURE__ */ Ar(Tr), pe = {
+var Ar = Et.exports;
+const Tr = /* @__PURE__ */ Nr(Ar), pe = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1598,7 +1594,7 @@ const Dr = /* @__PURE__ */ Ar(Tr), 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"
-}, Ir = {
+}, Dr = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1607,17 +1603,17 @@ const Dr = /* @__PURE__ */ Ar(Tr), pe = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, fe = "purpur-heading", Rr = ({
+}, fe = "purpur-heading", Ir = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   enableHyphenation: o = !1,
   negative: a = !1,
   tag: r,
-  variant: i = Ir.TITLE100,
+  variant: i = Dr.TITLE100,
   ...u
 }) => {
-  const s = r, d = Dr([
+  const s = r, d = Tr([
     t,
     pe[fe],
     pe[`${fe}--${i}`],
@@ -1628,7 +1624,7 @@ const Dr = /* @__PURE__ */ Ar(Tr), pe = {
   ]);
   return /* @__PURE__ */ _(s, { ...u, className: d, "data-testid": e, children: n });
 };
-function Mr(e) {
+function Rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var wt = { exports: {} };
@@ -1667,8 +1663,8 @@ var wt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(wt);
-var Lr = wt.exports;
-const kr = /* @__PURE__ */ Mr(Lr), Fr = {
+var Mr = wt.exports;
+const Lr = /* @__PURE__ */ Rr(Mr), kr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1676,39 +1672,39 @@ const kr = /* @__PURE__ */ Mr(Lr), Fr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, jr = {
+}, Fr = {
   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"
-}, St = (e) => /* @__PURE__ */ _(
-  Vr,
+}, xt = (e) => /* @__PURE__ */ _(
+  zr,
   {
     ...e,
-    svg: jr
+    svg: Fr
   }
 );
-St.displayName = "IconClose";
-const Br = kr.bind(Fr), Ze = "purpur-icon", qr = "md", Wr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ur = ({ content: e = "", title: n } = {}) => {
+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 } = {}) => {
   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 ${Wr(t)}>${o}${e}</svg>`;
-}, Hr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Vr = ({
+  return `<svg ${qr(t)}>${o}${e}</svg>`;
+}, Wr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), zr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: o = "",
-  size: a = qr,
+  size: a = Br,
   ...r
 }) => {
   const i = Ur({
-    content: Hr(n.svg),
+    content: Wr(n.svg),
     title: t
-  }), u = Br(o, Ze, `${Ze}--${a}`);
+  }), u = jr(o, Ze, `${Ze}--${a}`);
   return /* @__PURE__ */ _(
     "span",
     {
@@ -1720,10 +1716,10 @@ const Br = kr.bind(Fr), Ze = "purpur-icon", qr = "md", Wr = (e) => e.filter((n)
     }
   );
 };
-function Gr(e) {
+function Hr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ct = { exports: {} };
+var St = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1758,9 +1754,9 @@ var Ct = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Ct);
-var Kr = Ct.exports;
-const zr = /* @__PURE__ */ Gr(Kr), ee = {
+})(St);
+var Vr = St.exports;
+const Gr = /* @__PURE__ */ Hr(Vr), ne = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1775,7 +1771,7 @@ const zr = /* @__PURE__ */ Gr(Kr), ee = {
   "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"
-}, Xr = {
+}, Kr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -1786,28 +1782,28 @@ const zr = /* @__PURE__ */ Gr(Kr), ee = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, te = "purpur-paragraph", Yr = ({
+}, re = "purpur-paragraph", Xr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   disabled: o,
   enableHyphenation: a = !1,
   negative: r = !1,
-  variant: i = Xr.PARAGRAPH100,
+  variant: i = Kr.PARAGRAPH100,
   ...u
 }) => {
-  const s = zr([
+  const s = Gr([
     t,
-    ee[te],
-    ee[`${te}--${i}`],
+    ne[re],
+    ne[`${re}--${i}`],
     {
-      [ee[`${te}--hyphens`]]: a,
-      [ee[`${te}--disabled`]]: o,
-      [ee[`${te}--negative`]]: r
+      [ne[`${re}--hyphens`]]: a,
+      [ne[`${re}--disabled`]]: o,
+      [ne[`${re}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ _("p", { ...u, className: s, "data-testid": e, children: n });
-}, Zr = "600px";
+}, Yr = "600px";
 function Z() {
   return Z = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -1818,40 +1814,40 @@ function Z() {
     return e;
   }, Z.apply(this, arguments);
 }
-function Qr(e, n) {
+function Zr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function Jr(...e) {
+function Qr(...e) {
   return (n) => e.forEach(
-    (t) => Qr(t, n)
+    (t) => Zr(t, n)
   );
 }
-const xt = /* @__PURE__ */ C((e, n) => {
-  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(to);
+const Ct = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(eo);
   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, {
       ref: n
-    }), /* @__PURE__ */ q(i) ? /* @__PURE__ */ re(i, void 0, u) : null);
+    }), /* @__PURE__ */ q(i) ? /* @__PURE__ */ ae(i, void 0, u) : null);
   }
   return /* @__PURE__ */ g(De, Z({}, o, {
     ref: n
   }), t);
 });
-xt.displayName = "Slot";
-const De = /* @__PURE__ */ C((e, n) => {
+Ct.displayName = "Slot";
+const De = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ q(t) ? /* @__PURE__ */ re(t, {
-    ...no(o, t.props),
-    ref: n ? Jr(n, t.ref) : t.ref
+  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;
 });
 De.displayName = "SlotClone";
-const eo = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
-function to(e) {
-  return /* @__PURE__ */ q(e) && e.type === eo;
+const Jr = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
+function eo(e) {
+  return /* @__PURE__ */ q(e) && e.type === Jr;
 }
-function no(e, n) {
+function to(e, n) {
   const t = {
     ...n
   };
@@ -1872,7 +1868,7 @@ function no(e, n) {
     ...t
   };
 }
-const ro = [
+const no = [
   "a",
   "button",
   "div",
@@ -1889,9 +1885,9 @@ const ro = [
   "span",
   "svg",
   "ul"
-], oo = ro.reduce((e, n) => {
-  const t = /* @__PURE__ */ C((o, a) => {
-    const { asChild: r, ...i } = o, u = r ? xt : n;
+], ro = no.reduce((e, n) => {
+  const t = /* @__PURE__ */ S((o, a) => {
+    const { asChild: r, ...i } = o, u = r ? Ct : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ g(u, Z({}, i, {
@@ -1902,7 +1898,7 @@ const ro = [
     ...e,
     [n]: t
   };
-}, {}), ao = /* @__PURE__ */ C((e, n) => /* @__PURE__ */ g(oo.span, Z({}, e, {
+}, {}), oo = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ g(ro.span, Z({}, e, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1918,13 +1914,13 @@ const ro = [
     wordWrap: "normal",
     ...e.style
   }
-}))), io = ao, uo = ({
+}))), ao = oo, io = ({
   asChild: e,
   children: n,
   className: t = "",
   ["data-testid"]: o
-}) => /* @__PURE__ */ _(io, { asChild: e, "data-testid": o, className: t, children: n });
-function co(e) {
+}) => /* @__PURE__ */ _(ao, { asChild: e, "data-testid": o, className: t, children: n });
+function uo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ot = { exports: {} };
@@ -1963,10 +1959,10 @@ var Ot = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Ot);
-var so = Ot.exports;
-const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
+var co = Ot.exports;
+const so = /* @__PURE__ */ uo(co), lo = "_fadeIn_1qmv6_1", po = {
   "purpur-modal-content": "_purpur-modal-content_1qmv6_1",
-  fadeIn: po,
+  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",
@@ -1984,7 +1980,7 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
   "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 = lo.bind(fo), N = "purpur-modal-content", vo = C(
+}, Qe = (e) => e.showCloseButton === !0, D = so.bind(po), N = "purpur-modal-content", fo = S(
   ({
     ["data-testid"]: e,
     actions: n,
@@ -1999,7 +1995,7 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
     title: p,
     ...l
   }, h) => {
-    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = l, [v, b] = G(!1), x = O(null), y = O(null), $ = O(null), S = O(null), U = D([
+    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 },
@@ -2008,14 +2004,14 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
     ]), T = (R) => e ? `${e} ${R}` : void 0, w = (R) => {
       r && R.preventDefault();
     }, I = Q(() => {
-      if (!x.current || !y.current || !$.current || !S.current)
+      if (!C.current || !y.current || !$.current || !x.current)
         return;
-      const R = window.innerWidth < parseInt(Zr), Pt = window.getComputedStyle(
-        R ? x.current : $.current,
+      const R = window.innerWidth < parseInt(Yr), Pt = window.getComputedStyle(
+        R ? C.current : $.current,
         null
-      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = R ? y.current.offsetHeight : S.current.offsetHeight;
+      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = R ? y.current.offsetHeight : x.current.offsetHeight;
       b(Nt < At);
-    }, []), oe = (R) => {
+    }, []), ie = (R) => {
       r && !E && R.preventDefault();
     };
     return A(() => (window.addEventListener("resize", I), () => {
@@ -2026,15 +2022,15 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
         mr,
         {
           ...c,
-          className: U,
+          className: W,
           "data-testid": e,
           ref: h,
           ...!a && { "aria-describedby": void 0 },
           onPointerDownOutside: w,
           onOpenAutoFocus: I,
-          onEscapeKeyDown: oe,
+          onEscapeKeyDown: ie,
           children: [
-            /* @__PURE__ */ j("div", { ref: x, className: D(`${N}__wrapper`), children: [
+            /* @__PURE__ */ j("div", { ref: C, className: D(`${N}__wrapper`), children: [
               Qe(l) && f && u && /* @__PURE__ */ _(
                 Je,
                 {
@@ -2058,7 +2054,7 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
                       asChild: !0,
                       className: D(`${N}__title`),
                       "data-testid": T("title"),
-                      children: /* @__PURE__ */ _(Rr, { tag: "h2", variant: "title-200", children: p })
+                      children: /* @__PURE__ */ _(Ir, { tag: "h2", variant: "title-200", children: p })
                     }
                   )
                 ] }),
@@ -2070,15 +2066,15 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
                     children: u
                   }
                 ),
-                /* @__PURE__ */ _("div", { ref: $, className: D(`${N}__body`), children: /* @__PURE__ */ j("div", { ref: S, className: D(`${N}__body-inner`), children: [
-                  a && i && /* @__PURE__ */ _(uo, { asChild: !0, children: /* @__PURE__ */ _(ze, { "data-testid": T("description"), children: a }) }),
+                /* @__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 }) }),
                   a && !i && /* @__PURE__ */ _(
-                    ze,
+                    Ke,
                     {
                       asChild: !0,
                       className: D(`${N}__description`),
                       "data-testid": T("description"),
-                      children: /* @__PURE__ */ _(Yr, { variant: "paragraph-100", children: a })
+                      children: /* @__PURE__ */ _(Xr, { variant: "paragraph-100", children: a })
                     }
                   ),
                   /* @__PURE__ */ _("div", { children: t }),
@@ -2105,15 +2101,15 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
     "aria-label": e,
     className: D(`${N}__close-button`),
     "data-testid": t,
-    children: /* @__PURE__ */ _(St, {})
+    children: /* @__PURE__ */ _(xt, {})
   }
-) }), ho = 3, et = ({
+) }), vo = 3, et = ({
   actions: e,
   primaryActionVariant: n
 }) => {
   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, ho).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
+    /* @__PURE__ */ _("div", { className: D(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, vo).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
       Le,
       {
         "data-testid": "modal actions button",
@@ -2126,7 +2122,7 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
     )) }),
     /* @__PURE__ */ _("span", { className: D(`${N}__actions-separator`) })
   ] }) : null;
-}, mo = C(
+}, ho = S(
   ({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ _(
     fr,
     {
@@ -2144,8 +2140,8 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
   open: t,
   onOpenChange: o
 }) => /* @__PURE__ */ _(pr, { open: t, onOpenChange: o, "data-testid": e, children: n });
-ke.Trigger = mo;
-ke.Content = vo;
+ke.Trigger = ho;
+ke.Content = fo;
 ke.displayName = "Modal";
 export {
   ke as Modal