@purpurds/modal 8.4.0 → 8.5.1

package/dist/modal.es.js

@@ -1,9 +1,9 @@
-import { jsx as f, jsxs as $, Fragment as Re } from "react/jsx-runtime";
+import { jsx as f, jsxs as $, Fragment as xe } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as ye, forwardRef as Ce, useRef as be, useCallback as Yt, useEffect as Ee } from "react";
-import * as Xt from "react-dom";
-import Zt from "react-dom";
-function L(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+import { useState as ye, forwardRef as Ce, useRef as be, useCallback as Zt, useEffect as we } from "react";
+import * as Qt from "react-dom";
+import Jt from "react-dom";
+function F(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), r === !1 || !a.defaultPrevented)
       return t == null ? void 0 : t(a);
@@ -14,7 +14,7 @@ function Ae(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function ut(...e) {
+function st(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
@@ -31,9 +31,9 @@ function ut(...e) {
   };
 }
 function k(...e) {
-  return s.useCallback(ut(...e), e);
+  return s.useCallback(st(...e), e);
 }
-function Qt(e, t) {
+function er(e, t) {
   const r = s.createContext(t), o = (n) => {
     const { children: u, ...i } = n, d = s.useMemo(() => i, Object.values(i));
     return /* @__PURE__ */ f(r.Provider, { value: d, children: u });
@@ -47,7 +47,7 @@ function Qt(e, t) {
   }
   return [o, a];
 }
-function Jt(e, t = []) {
+function tr(e, t = []) {
   let r = [];
   function o(n, u) {
     const i = s.createContext(u), d = r.length;
@@ -77,9 +77,9 @@ function Jt(e, t = []) {
       );
     };
   };
-  return a.scopeName = e, [o, er(a, ...t)];
+  return a.scopeName = e, [o, rr(a, ...t)];
 }
-function er(...e) {
+function rr(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -98,23 +98,23 @@ function er(...e) {
   return r.scopeName = t.scopeName, r;
 }
 var q = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
-}, tr = s[" useId ".trim().toString()] || (() => {
-}), rr = 0;
+}, nr = s[" useId ".trim().toString()] || (() => {
+}), or = 0;
 function le(e) {
-  const [t, r] = s.useState(tr());
+  const [t, r] = s.useState(nr());
   return q(() => {
-    r((o) => o ?? String(rr++));
+    r((o) => o ?? String(or++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-var nr = s[" useInsertionEffect ".trim().toString()] || q;
-function or({
+var ar = s[" useInsertionEffect ".trim().toString()] || q;
+function ir({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
   },
   caller: o
 }) {
-  const [a, n, u] = ar({
+  const [a, n, u] = ur({
     defaultProp: t,
     onChange: r
   }), i = e !== void 0, d = i ? e : a;
@@ -131,7 +131,7 @@ function or({
     (p) => {
       var v;
       if (i) {
-        const h = ir(p) ? p(e) : p;
+        const h = sr(p) ? p(e) : p;
         h !== e && ((v = u.current) == null || v.call(u, h));
       } else
         n(p);
@@ -140,25 +140,25 @@ function or({
   );
   return [d, c];
 }
-function ar({
+function ur({
   defaultProp: e,
   onChange: t
 }) {
   const [r, o] = s.useState(e), a = s.useRef(r), n = s.useRef(t);
-  return nr(() => {
+  return ar(() => {
     n.current = t;
   }, [t]), s.useEffect(() => {
     var u;
     a.current !== r && ((u = n.current) == null || u.call(n, r), a.current = r);
   }, [r, a]), [r, o, n];
 }
-function ir(e) {
+function sr(e) {
   return typeof e == "function";
 }
 // @__NO_SIDE_EFFECTS__
-function st(e) {
-  const t = /* @__PURE__ */ ur(e), r = s.forwardRef((o, a) => {
-    const { children: n, ...u } = o, i = s.Children.toArray(n), d = i.find(cr);
+function ct(e) {
+  const t = /* @__PURE__ */ cr(e), r = s.forwardRef((o, a) => {
+    const { children: n, ...u } = o, i = s.Children.toArray(n), d = i.find(dr);
     if (d) {
       const c = d.props.children, p = i.map((v) => v === d ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : v);
       return /* @__PURE__ */ f(t, { ...u, ref: a, children: s.isValidElement(c) ? s.cloneElement(c, void 0, p) : null });
@@ -168,22 +168,22 @@ function st(e) {
   return r.displayName = `${e}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
-function ur(e) {
+function cr(e) {
   const t = s.forwardRef((r, o) => {
     const { children: a, ...n } = r;
     if (s.isValidElement(a)) {
-      const u = dr(a), i = lr(n, a.props);
-      return a.type !== s.Fragment && (i.ref = o ? ut(o, u) : u), s.cloneElement(a, i);
+      const u = fr(a), i = pr(n, a.props);
+      return a.type !== s.Fragment && (i.ref = o ? st(o, u) : u), s.cloneElement(a, i);
     }
     return s.Children.count(a) > 1 ? s.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var sr = Symbol("radix.slottable");
-function cr(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === sr;
+var lr = Symbol("radix.slottable");
+function dr(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === lr;
 }
-function lr(e, t) {
+function pr(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
@@ -194,12 +194,12 @@ function lr(e, t) {
   }
   return { ...e, ...r };
 }
-function dr(e) {
+function fr(e) {
   var o, a;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var pr = [
+var vr = [
   "a",
   "button",
   "div",
@@ -217,15 +217,15 @@ var pr = [
   "span",
   "svg",
   "ul"
-], M = pr.reduce((e, t) => {
-  const r = /* @__PURE__ */ st(`Primitive.${t}`), o = s.forwardRef((a, n) => {
+], M = vr.reduce((e, t) => {
+  const r = /* @__PURE__ */ ct(`Primitive.${t}`), o = s.forwardRef((a, n) => {
     const { asChild: u, ...i } = a, d = u ? r : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(d, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function fr(e, t) {
-  e && Xt.flushSync(() => e.dispatchEvent(t));
+function hr(e, t) {
+  e && Qt.flushSync(() => e.dispatchEvent(t));
 }
 function Y(e) {
   const t = s.useRef(e);
@@ -236,7 +236,7 @@ function Y(e) {
     return (o = t.current) == null ? void 0 : o.call(t, ...r);
   }, []);
 }
-function vr(e, t = globalThis == null ? void 0 : globalThis.document) {
+function mr(e, t = globalThis == null ? void 0 : globalThis.document) {
   const r = Y(e);
   s.useEffect(() => {
     const o = (a) => {
@@ -245,11 +245,11 @@ function vr(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
   }, [r, t]);
 }
-var hr = "DismissableLayer", we = "dismissableLayer.update", mr = "dismissableLayer.pointerDownOutside", gr = "dismissableLayer.focusOutside", De, ct = s.createContext({
+var gr = "DismissableLayer", Ee = "dismissableLayer.update", _r = "dismissableLayer.pointerDownOutside", yr = "dismissableLayer.focusOutside", De, lt = s.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), lt = s.forwardRef(
+}), dt = s.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: r = !1,
@@ -259,15 +259,15 @@ var hr = "DismissableLayer", we = "dismissableLayer.update", mr = "dismissableLa
       onInteractOutside: u,
       onDismiss: i,
       ...d
-    } = e, c = s.useContext(ct), [p, v] = s.useState(null), h = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), b = k(t, (y) => v(y)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), E = p ? l.indexOf(p) : -1, w = c.layersWithOutsidePointerEventsDisabled.size > 0, S = E >= _, C = br((y) => {
-      const R = y.target, O = [...c.branches].some((z) => z.contains(R));
-      !S || O || (a == null || a(y), u == null || u(y), y.defaultPrevented || i == null || i());
-    }, h), x = Er((y) => {
-      const R = y.target;
-      [...c.branches].some((z) => z.contains(R)) || (n == null || n(y), u == null || u(y), y.defaultPrevented || i == null || i());
+    } = e, c = s.useContext(lt), [p, v] = s.useState(null), h = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), b = k(t, (y) => v(y)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), w = p ? l.indexOf(p) : -1, E = c.layersWithOutsidePointerEventsDisabled.size > 0, S = w >= _, C = Er((y) => {
+      const x = y.target, R = [...c.branches].some((G) => G.contains(x));
+      !S || R || (a == null || a(y), u == null || u(y), y.defaultPrevented || i == null || i());
+    }, h), O = Sr((y) => {
+      const x = y.target;
+      [...c.branches].some((G) => G.contains(x)) || (n == null || n(y), u == null || u(y), y.defaultPrevented || i == null || i());
     }, h);
-    return vr((y) => {
-      E === c.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && i && (y.preventDefault(), i()));
+    return mr((y) => {
+      w === c.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && i && (y.preventDefault(), i()));
     }, h), s.useEffect(() => {
       if (p)
         return r && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (De = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(p)), c.layers.add(p), $e(), () => {
@@ -277,19 +277,19 @@ var hr = "DismissableLayer", we = "dismissableLayer.update", mr = "dismissableLa
       p && (c.layers.delete(p), c.layersWithOutsidePointerEventsDisabled.delete(p), $e());
     }, [p, c]), s.useEffect(() => {
       const y = () => g({});
-      return document.addEventListener(we, y), () => document.removeEventListener(we, y);
+      return document.addEventListener(Ee, y), () => document.removeEventListener(Ee, y);
     }, []), /* @__PURE__ */ f(
       M.div,
       {
         ...d,
         ref: b,
         style: {
-          pointerEvents: w ? S ? "auto" : "none" : void 0,
+          pointerEvents: E ? S ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: L(e.onFocusCapture, x.onFocusCapture),
-        onBlurCapture: L(e.onBlurCapture, x.onBlurCapture),
-        onPointerDownCapture: L(
+        onFocusCapture: F(e.onFocusCapture, O.onFocusCapture),
+        onBlurCapture: F(e.onBlurCapture, O.onBlurCapture),
+        onPointerDownCapture: F(
           e.onPointerDownCapture,
           C.onPointerDownCapture
         )
@@ -297,9 +297,9 @@ var hr = "DismissableLayer", we = "dismissableLayer.update", mr = "dismissableLa
     );
   }
 );
-lt.displayName = hr;
-var _r = "DismissableLayerBranch", yr = s.forwardRef((e, t) => {
-  const r = s.useContext(ct), o = s.useRef(null), a = k(t, o);
+dt.displayName = gr;
+var br = "DismissableLayerBranch", wr = s.forwardRef((e, t) => {
+  const r = s.useContext(lt), o = s.useRef(null), a = k(t, o);
   return s.useEffect(() => {
     const n = o.current;
     if (n)
@@ -308,16 +308,16 @@ var _r = "DismissableLayerBranch", yr = s.forwardRef((e, t) => {
       };
   }, [r.branches]), /* @__PURE__ */ f(M.div, { ...e, ref: a });
 });
-yr.displayName = _r;
-function br(e, t = globalThis == null ? void 0 : globalThis.document) {
+wr.displayName = br;
+function Er(e, t = globalThis == null ? void 0 : globalThis.document) {
   const r = Y(e), o = s.useRef(!1), a = s.useRef(() => {
   });
   return s.useEffect(() => {
     const n = (i) => {
       if (i.target && !o.current) {
         let d = function() {
-          dt(
-            mr,
+          pt(
+            _r,
             r,
             c,
             { discrete: !0 }
@@ -339,11 +339,11 @@ function br(e, t = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function Er(e, t = globalThis == null ? void 0 : globalThis.document) {
+function Sr(e, t = globalThis == null ? void 0 : globalThis.document) {
   const r = Y(e), o = s.useRef(!1);
   return s.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && dt(gr, r, { originalEvent: n }, {
+      n.target && !o.current && pt(yr, r, { originalEvent: n }, {
         discrete: !1
       });
     };
@@ -354,14 +354,14 @@ function Er(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function $e() {
-  const e = new CustomEvent(we);
+  const e = new CustomEvent(Ee);
   document.dispatchEvent(e);
 }
-function dt(e, t, r, { discrete: o }) {
+function pt(e, t, r, { discrete: o }) {
   const a = r.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
-  t && a.addEventListener(e, t, { once: !0 }), o ? fr(a, n) : a.dispatchEvent(n);
+  t && a.addEventListener(e, t, { once: !0 }), o ? hr(a, n) : a.dispatchEvent(n);
 }
-var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te = { bubbles: !1, cancelable: !0 }, wr = "FocusScope", pt = s.forwardRef((e, t) => {
+var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te = { bubbles: !1, cancelable: !0 }, Cr = "FocusScope", ft = s.forwardRef((e, t) => {
   const {
     loop: r = !1,
     trapped: o = !1,
@@ -379,23 +379,23 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te
   }).current;
   s.useEffect(() => {
     if (o) {
-      let l = function(w) {
+      let l = function(E) {
         if (g.paused || !i) return;
-        const S = w.target;
-        i.contains(S) ? v.current = S : I(v.current, { select: !0 });
-      }, m = function(w) {
+        const S = E.target;
+        i.contains(S) ? v.current = S : L(v.current, { select: !0 });
+      }, m = function(E) {
         if (g.paused || !i) return;
-        const S = w.relatedTarget;
-        S !== null && (i.contains(S) || I(v.current, { select: !0 }));
-      }, _ = function(w) {
+        const S = E.relatedTarget;
+        S !== null && (i.contains(S) || L(v.current, { select: !0 }));
+      }, _ = function(E) {
         if (document.activeElement === document.body)
-          for (const C of w)
-            C.removedNodes.length > 0 && I(i);
+          for (const C of E)
+            C.removedNodes.length > 0 && L(i);
       };
       document.addEventListener("focusin", l), document.addEventListener("focusout", m);
-      const E = new MutationObserver(_);
-      return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", l), document.removeEventListener("focusout", m), E.disconnect();
+      const w = new MutationObserver(_);
+      return i && w.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", l), document.removeEventListener("focusout", m), w.disconnect();
       };
     }
   }, [o, i, g.paused]), s.useEffect(() => {
@@ -404,12 +404,12 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te
       const l = document.activeElement;
       if (!i.contains(l)) {
         const _ = new CustomEvent(de, Te);
-        i.addEventListener(de, c), i.dispatchEvent(_), _.defaultPrevented || (Sr(Or(ft(i)), { select: !0 }), document.activeElement === l && I(i));
+        i.addEventListener(de, c), i.dispatchEvent(_), _.defaultPrevented || (Nr(Ar(vt(i)), { select: !0 }), document.activeElement === l && L(i));
       }
       return () => {
         i.removeEventListener(de, c), setTimeout(() => {
           const _ = new CustomEvent(pe, Te);
-          i.addEventListener(pe, p), i.dispatchEvent(_), _.defaultPrevented || I(l ?? document.body, { select: !0 }), i.removeEventListener(pe, p), Ie.remove(g);
+          i.addEventListener(pe, p), i.dispatchEvent(_), _.defaultPrevented || L(l ?? document.body, { select: !0 }), i.removeEventListener(pe, p), Ie.remove(g);
         }, 0);
       };
     }
@@ -419,25 +419,25 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te
       if (!r && !o || g.paused) return;
       const m = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, _ = document.activeElement;
       if (m && _) {
-        const E = l.currentTarget, [w, S] = Cr(E);
-        w && S ? !l.shiftKey && _ === S ? (l.preventDefault(), r && I(w, { select: !0 })) : l.shiftKey && _ === w && (l.preventDefault(), r && I(S, { select: !0 })) : _ === E && l.preventDefault();
+        const w = l.currentTarget, [E, S] = Or(w);
+        E && S ? !l.shiftKey && _ === S ? (l.preventDefault(), r && L(E, { select: !0 })) : l.shiftKey && _ === E && (l.preventDefault(), r && L(S, { select: !0 })) : _ === w && l.preventDefault();
       }
     },
     [r, o, g.paused]
   );
   return /* @__PURE__ */ f(M.div, { tabIndex: -1, ...u, ref: h, onKeyDown: b });
 });
-pt.displayName = wr;
-function Sr(e, { select: t = !1 } = {}) {
+ft.displayName = Cr;
+function Nr(e, { select: t = !1 } = {}) {
   const r = document.activeElement;
   for (const o of e)
-    if (I(o, { select: t }), document.activeElement !== r) return;
+    if (L(o, { select: t }), document.activeElement !== r) return;
 }
-function Cr(e) {
-  const t = ft(e), r = Me(t, e), o = Me(t.reverse(), e);
+function Or(e) {
+  const t = vt(e), r = Me(t, e), o = Me(t.reverse(), e);
   return [r, o];
 }
-function ft(e) {
+function vt(e) {
   const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -449,9 +449,9 @@ function ft(e) {
 }
 function Me(e, t) {
   for (const r of e)
-    if (!Nr(r, { upTo: t })) return r;
+    if (!Pr(r, { upTo: t })) return r;
 }
-function Nr(e, { upTo: t }) {
+function Pr(e, { upTo: t }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (t !== void 0 && e === t) return !1;
@@ -460,17 +460,17 @@ function Nr(e, { upTo: t }) {
   }
   return !1;
 }
-function xr(e) {
+function Rr(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function I(e, { select: t = !1 } = {}) {
+function L(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const r = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== r && xr(e) && t && e.select();
+    e.focus({ preventScroll: !0 }), e !== r && Rr(e) && t && e.select();
   }
 }
-var Ie = Pr();
-function Pr() {
+var Ie = xr();
+function xr() {
   let e = [];
   return {
     add(t) {
@@ -487,27 +487,27 @@ function Le(e, t) {
   const r = [...e], o = r.indexOf(t);
   return o !== -1 && r.splice(o, 1), r;
 }
-function Or(e) {
+function Ar(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Rr = "Portal", vt = s.forwardRef((e, t) => {
+var Dr = "Portal", ht = s.forwardRef((e, t) => {
   var i;
   const { container: r, ...o } = e, [a, n] = s.useState(!1);
   q(() => n(!0), []);
   const u = r || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return u ? Zt.createPortal(/* @__PURE__ */ f(M.div, { ...o, ref: t }), u) : null;
+  return u ? Jt.createPortal(/* @__PURE__ */ f(M.div, { ...o, ref: t }), u) : null;
 });
-vt.displayName = Rr;
-function Ar(e, t) {
+ht.displayName = Dr;
+function $r(e, t) {
   return s.useReducer((r, o) => t[r][o] ?? r, e);
 }
 var ue = (e) => {
-  const { present: t, children: r } = e, o = Dr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = k(o.ref, $r(a));
+  const { present: t, children: r } = e, o = Tr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = k(o.ref, Mr(a));
   return typeof r == "function" || o.isPresent ? s.cloneElement(a, { ref: n }) : null;
 };
 ue.displayName = "Presence";
-function Dr(e) {
-  const [t, r] = s.useState(), o = s.useRef(null), a = s.useRef(e), n = s.useRef("none"), u = e ? "mounted" : "unmounted", [i, d] = Ar(u, {
+function Tr(e) {
+  const [t, r] = s.useState(), o = s.useRef(null), a = s.useRef(e), n = s.useRef("none"), u = e ? "mounted" : "unmounted", [i, d] = $r(u, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -558,21 +558,21 @@ function Dr(e) {
 function Z(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function $r(e) {
+function Mr(e) {
   var o, a;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 var fe = 0;
-function Tr() {
+function Ir() {
   s.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? je()), document.body.insertAdjacentElement("beforeend", e[1] ?? je()), fe++, () => {
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Fe()), document.body.insertAdjacentElement("beforeend", e[1] ?? Fe()), fe++, () => {
       fe === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), fe--;
     };
   }, []);
 }
-function je() {
+function Fe() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
@@ -585,7 +585,7 @@ var T = function() {
     return t;
   }, T.apply(this, arguments);
 };
-function ht(e, t) {
+function mt(e, t) {
   var r = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -593,16 +593,16 @@ function ht(e, t) {
       t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (r[o[a]] = e[o[a]]);
   return r;
 }
-function Mr(e, t, r) {
+function Lr(e, t, r) {
   if (r || arguments.length === 2) for (var o = 0, a = t.length, n; o < a; o++)
     (n || !(o in t)) && (n || (n = Array.prototype.slice.call(t, 0, o)), n[o] = t[o]);
   return e.concat(n || Array.prototype.slice.call(t));
 }
-var oe = "right-scroll-bar-position", ae = "width-before-scroll-bar", Ir = "with-scroll-bars-hidden", Lr = "--removed-body-scroll-bar-size";
+var oe = "right-scroll-bar-position", ae = "width-before-scroll-bar", Fr = "with-scroll-bars-hidden", jr = "--removed-body-scroll-bar-size";
 function ve(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function jr(e, t) {
+function kr(e, t) {
   var r = ye(function() {
     return {
       // value
@@ -623,15 +623,15 @@ function jr(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var Fr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, Fe = /* @__PURE__ */ new WeakMap();
-function kr(e, t) {
-  var r = jr(null, function(o) {
+var Wr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, je = /* @__PURE__ */ new WeakMap();
+function Br(e, t) {
+  var r = kr(null, function(o) {
     return e.forEach(function(a) {
       return ve(a, o);
     });
   });
-  return Fr(function() {
-    var o = Fe.get(r);
+  return Wr(function() {
+    var o = je.get(r);
     if (o) {
       var a = new Set(o), n = new Set(e), u = r.current;
       a.forEach(function(i) {
@@ -640,14 +640,14 @@ function kr(e, t) {
         a.has(i) || ve(i, u);
       });
     }
-    Fe.set(r, e);
+    je.set(r, e);
   }, [e]), r;
 }
-function Wr(e) {
+function Ur(e) {
   return e;
 }
-function Br(e, t) {
-  t === void 0 && (t = Wr);
+function Vr(e, t) {
+  t === void 0 && (t = Ur);
   var r = [], o = !1, a = {
     read: function() {
       if (o)
@@ -701,13 +701,13 @@ function Br(e, t) {
   };
   return a;
 }
-function Ur(e) {
+function Hr(e) {
   e === void 0 && (e = {});
-  var t = Br(null);
+  var t = Vr(null);
   return t.options = T({ async: !0, ssr: !1 }, e), t;
 }
-var mt = function(e) {
-  var t = e.sideCar, r = ht(e, ["sideCar"]);
+var gt = function(e) {
+  var t = e.sideCar, r = mt(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = t.read();
@@ -715,22 +715,22 @@ var mt = function(e) {
     throw new Error("Sidecar medium not found");
   return s.createElement(o, T({}, r));
 };
-mt.isSideCarExport = !0;
-function Vr(e, t) {
-  return e.useMedium(t), mt;
+gt.isSideCarExport = !0;
+function Gr(e, t) {
+  return e.useMedium(t), gt;
 }
-var gt = Ur(), he = function() {
+var _t = Hr(), he = function() {
 }, se = s.forwardRef(function(e, t) {
   var r = s.useRef(null), o = s.useState({
     onScrollCapture: he,
     onWheelCapture: he,
     onTouchMoveCapture: he
-  }), a = o[0], n = o[1], u = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, p = e.enabled, v = e.shards, h = e.sideCar, g = e.noRelative, b = e.noIsolation, l = e.inert, m = e.allowPinchZoom, _ = e.as, E = _ === void 0 ? "div" : _, w = e.gapMode, S = ht(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, x = kr([r, t]), y = T(T({}, S), a);
+  }), a = o[0], n = o[1], u = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, p = e.enabled, v = e.shards, h = e.sideCar, g = e.noRelative, b = e.noIsolation, l = e.inert, m = e.allowPinchZoom, _ = e.as, w = _ === void 0 ? "div" : _, E = e.gapMode, S = mt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, O = Br([r, t]), y = T(T({}, S), a);
   return s.createElement(
     s.Fragment,
     null,
-    p && s.createElement(C, { sideCar: gt, removeScrollBar: c, shards: v, noRelative: g, noIsolation: b, inert: l, setCallbacks: n, allowPinchZoom: !!m, lockRef: r, gapMode: w }),
-    u ? s.cloneElement(s.Children.only(i), T(T({}, y), { ref: x })) : s.createElement(E, T({}, y, { className: d, ref: x }), i)
+    p && s.createElement(C, { sideCar: _t, removeScrollBar: c, shards: v, noRelative: g, noIsolation: b, inert: l, setCallbacks: n, allowPinchZoom: !!m, lockRef: r, gapMode: E }),
+    u ? s.cloneElement(s.Children.only(i), T(T({}, y), { ref: O })) : s.createElement(w, T({}, y, { className: d, ref: O }), i)
   );
 });
 se.defaultProps = {
@@ -742,37 +742,37 @@ se.classNames = {
   fullWidth: ae,
   zeroRight: oe
 };
-var Hr = function() {
+var zr = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function zr() {
+function Kr() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var t = Hr();
+  var t = zr();
   return t && e.setAttribute("nonce", t), e;
 }
-function Gr(e, t) {
+function qr(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function Kr(e) {
+function Yr(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
-var qr = function() {
+var Xr = function() {
   var e = 0, t = null;
   return {
     add: function(r) {
-      e == 0 && (t = zr()) && (Gr(t, r), Kr(t)), e++;
+      e == 0 && (t = Kr()) && (qr(t, r), Yr(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
     }
   };
-}, Yr = function() {
-  var e = qr();
+}, Zr = function() {
+  var e = Xr();
   return function(t, r) {
     s.useEffect(function() {
       return e.add(t), function() {
@@ -780,36 +780,36 @@ var qr = function() {
       };
     }, [t && r]);
   };
-}, _t = function() {
-  var e = Yr(), t = function(r) {
+}, yt = function() {
+  var e = Zr(), t = function(r) {
     var o = r.styles, a = r.dynamic;
     return e(o, a), null;
   };
   return t;
-}, Xr = {
+}, Qr = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, me = function(e) {
   return parseInt(e || "", 10) || 0;
-}, Zr = function(e) {
+}, Jr = function(e) {
   var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
   return [me(r), me(o), me(a)];
-}, Qr = function(e) {
+}, en = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return Xr;
-  var t = Zr(e), r = document.documentElement.clientWidth, o = window.innerWidth;
+    return Qr;
+  var t = Jr(e), r = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: t[0],
     top: t[1],
     right: t[2],
     gap: Math.max(0, o - r + t[2] - t[0])
   };
-}, Jr = _t(), H = "data-scroll-locked", en = function(e, t, r, o) {
+}, tn = yt(), H = "data-scroll-locked", rn = function(e, t, r, o) {
   var a = e.left, n = e.top, u = e.right, i = e.gap;
   return r === void 0 && (r = "margin"), `
-  .`.concat(Ir, ` {
+  .`.concat(Fr, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(i, "px ").concat(o, `;
   }
@@ -847,26 +847,26 @@ var qr = function() {
   }
   
   body[`).concat(H, `] {
-    `).concat(Lr, ": ").concat(i, `px;
+    `).concat(jr, ": ").concat(i, `px;
   }
 `);
 }, ke = function() {
   var e = parseInt(document.body.getAttribute(H) || "0", 10);
   return isFinite(e) ? e : 0;
-}, tn = function() {
+}, nn = function() {
   s.useEffect(function() {
     return document.body.setAttribute(H, (ke() + 1).toString()), function() {
       var e = ke() - 1;
       e <= 0 ? document.body.removeAttribute(H) : document.body.setAttribute(H, e.toString());
     };
   }, []);
-}, rn = function(e) {
+}, on = function(e) {
   var t = e.noRelative, r = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
-  tn();
+  nn();
   var n = s.useMemo(function() {
-    return Qr(a);
+    return en(a);
   }, [a]);
-  return s.createElement(Jr, { styles: en(n, !t, a, r ? "" : "!important") });
+  return s.createElement(tn, { styles: rn(n, !t, a, r ? "" : "!important") });
 }, Se = !1;
 if (typeof window < "u")
   try {
@@ -879,26 +879,26 @@ if (typeof window < "u")
   } catch {
     Se = !1;
   }
-var B = Se ? { passive: !1 } : !1, nn = function(e) {
+var B = Se ? { passive: !1 } : !1, an = function(e) {
   return e.tagName === "TEXTAREA";
-}, yt = function(e, t) {
+}, bt = function(e, t) {
   if (!(e instanceof Element))
     return !1;
   var r = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     r[t] !== "hidden" && // contains scroll inside self
-    !(r.overflowY === r.overflowX && !nn(e) && r[t] === "visible")
+    !(r.overflowY === r.overflowX && !an(e) && r[t] === "visible")
   );
-}, on = function(e) {
-  return yt(e, "overflowY");
-}, an = function(e) {
-  return yt(e, "overflowX");
+}, un = function(e) {
+  return bt(e, "overflowY");
+}, sn = function(e) {
+  return bt(e, "overflowX");
 }, We = function(e, t) {
   var r = t.ownerDocument, o = t;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = bt(e, o);
+    var a = wt(e, o);
     if (a) {
       var n = Et(e, o), u = n[1], i = n[2];
       if (u > i)
@@ -907,35 +907,35 @@ var B = Se ? { passive: !1 } : !1, nn = function(e) {
     o = o.parentNode;
   } while (o && o !== r.body);
   return !1;
-}, un = function(e) {
+}, cn = function(e) {
   var t = e.scrollTop, r = e.scrollHeight, o = e.clientHeight;
   return [
     t,
     r,
     o
   ];
-}, sn = function(e) {
+}, ln = function(e) {
   var t = e.scrollLeft, r = e.scrollWidth, o = e.clientWidth;
   return [
     t,
     r,
     o
   ];
-}, bt = function(e, t) {
-  return e === "v" ? on(t) : an(t);
-}, Et = function(e, t) {
+}, wt = function(e, t) {
   return e === "v" ? un(t) : sn(t);
-}, cn = function(e, t) {
+}, Et = function(e, t) {
+  return e === "v" ? cn(t) : ln(t);
+}, dn = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
-}, ln = function(e, t, r, o, a) {
-  var n = cn(e, window.getComputedStyle(t).direction), u = n * o, i = r.target, d = t.contains(i), c = !1, p = u > 0, v = 0, h = 0;
+}, pn = function(e, t, r, o, a) {
+  var n = dn(e, window.getComputedStyle(t).direction), u = n * o, i = r.target, d = t.contains(i), c = !1, p = u > 0, v = 0, h = 0;
   do {
     if (!i)
       break;
     var g = Et(e, i), b = g[0], l = g[1], m = g[2], _ = l - m - n * b;
-    (b || _) && bt(e, i) && (v += _, h += b);
-    var E = i.parentNode;
-    i = E && E.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? E.host : E;
+    (b || _) && wt(e, i) && (v += _, h += b);
+    var w = i.parentNode;
+    i = w && w.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? w.host : w;
   } while (
     // portaled content
     !d && i !== document.body || // self content
@@ -948,22 +948,22 @@ var B = Se ? { passive: !1 } : !1, nn = function(e) {
   return [e.deltaX, e.deltaY];
 }, Ue = function(e) {
   return e && "current" in e ? e.current : e;
-}, dn = function(e, t) {
+}, fn = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
-}, pn = function(e) {
+}, vn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, fn = 0, U = [];
-function vn(e) {
-  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(fn++)[0], n = s.useState(_t)[0], u = s.useRef(e);
+}, hn = 0, U = [];
+function mn(e) {
+  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(hn++)[0], n = s.useState(yt)[0], u = s.useRef(e);
   s.useEffect(function() {
     u.current = e;
   }, [e]), s.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var l = Mr([e.lockRef.current], (e.shards || []).map(Ue), !0).filter(Boolean);
+      var l = Lr([e.lockRef.current], (e.shards || []).map(Ue), !0).filter(Boolean);
       return l.forEach(function(m) {
         return m.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -976,40 +976,40 @@ function vn(e) {
   var i = s.useCallback(function(l, m) {
     if ("touches" in l && l.touches.length === 2 || l.type === "wheel" && l.ctrlKey)
       return !u.current.allowPinchZoom;
-    var _ = J(l), E = r.current, w = "deltaX" in l ? l.deltaX : E[0] - _[0], S = "deltaY" in l ? l.deltaY : E[1] - _[1], C, x = l.target, y = Math.abs(w) > Math.abs(S) ? "h" : "v";
-    if ("touches" in l && y === "h" && x.type === "range")
+    var _ = J(l), w = r.current, E = "deltaX" in l ? l.deltaX : w[0] - _[0], S = "deltaY" in l ? l.deltaY : w[1] - _[1], C, O = l.target, y = Math.abs(E) > Math.abs(S) ? "h" : "v";
+    if ("touches" in l && y === "h" && O.type === "range")
       return !1;
-    var R = We(y, x);
-    if (!R)
+    var x = We(y, O);
+    if (!x)
       return !0;
-    if (R ? C = y : (C = y === "v" ? "h" : "v", R = We(y, x)), !R)
+    if (x ? C = y : (C = y === "v" ? "h" : "v", x = We(y, O)), !x)
       return !1;
-    if (!o.current && "changedTouches" in l && (w || S) && (o.current = C), !C)
+    if (!o.current && "changedTouches" in l && (E || S) && (o.current = C), !C)
       return !0;
-    var O = o.current || C;
-    return ln(O, m, l, O === "h" ? w : S);
+    var R = o.current || C;
+    return pn(R, m, l, R === "h" ? E : S);
   }, []), d = s.useCallback(function(l) {
     var m = l;
     if (!(!U.length || U[U.length - 1] !== n)) {
-      var _ = "deltaY" in m ? Be(m) : J(m), E = t.current.filter(function(C) {
-        return C.name === m.type && (C.target === m.target || m.target === C.shadowParent) && dn(C.delta, _);
+      var _ = "deltaY" in m ? Be(m) : J(m), w = t.current.filter(function(C) {
+        return C.name === m.type && (C.target === m.target || m.target === C.shadowParent) && fn(C.delta, _);
       })[0];
-      if (E && E.should) {
+      if (w && w.should) {
         m.cancelable && m.preventDefault();
         return;
       }
-      if (!E) {
-        var w = (u.current.shards || []).map(Ue).filter(Boolean).filter(function(C) {
+      if (!w) {
+        var E = (u.current.shards || []).map(Ue).filter(Boolean).filter(function(C) {
           return C.contains(m.target);
-        }), S = w.length > 0 ? i(m, w[0]) : !u.current.noIsolation;
+        }), S = E.length > 0 ? i(m, E[0]) : !u.current.noIsolation;
         S && m.cancelable && m.preventDefault();
       }
     }
-  }, []), c = s.useCallback(function(l, m, _, E) {
-    var w = { name: l, delta: m, target: _, should: E, shadowParent: hn(_) };
-    t.current.push(w), setTimeout(function() {
+  }, []), c = s.useCallback(function(l, m, _, w) {
+    var E = { name: l, delta: m, target: _, should: w, shadowParent: gn(_) };
+    t.current.push(E), setTimeout(function() {
       t.current = t.current.filter(function(S) {
-        return S !== w;
+        return S !== E;
       });
     }, 1);
   }, []), p = s.useCallback(function(l) {
@@ -1034,38 +1034,38 @@ function vn(e) {
   return s.createElement(
     s.Fragment,
     null,
-    b ? s.createElement(n, { styles: pn(a) }) : null,
-    g ? s.createElement(rn, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+    b ? s.createElement(n, { styles: vn(a) }) : null,
+    g ? s.createElement(on, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
-function hn(e) {
+function gn(e) {
   for (var t = null; e !== null; )
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const mn = Vr(gt, vn);
-var wt = s.forwardRef(function(e, t) {
-  return s.createElement(se, T({}, e, { ref: t, sideCar: mn }));
+const _n = Gr(_t, mn);
+var St = s.forwardRef(function(e, t) {
+  return s.createElement(se, T({}, e, { ref: t, sideCar: _n }));
 });
-wt.classNames = se.classNames;
-var gn = function(e) {
+St.classNames = se.classNames;
+var yn = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, V = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {}, ge = 0, St = function(e) {
-  return e && (e.host || St(e.parentNode));
-}, _n = function(e, t) {
+}, V = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {}, ge = 0, Ct = function(e) {
+  return e && (e.host || Ct(e.parentNode));
+}, bn = function(e, t) {
   return t.map(function(r) {
     if (e.contains(r))
       return r;
-    var o = St(r);
+    var o = Ct(r);
     return o && e.contains(o) ? o : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(r) {
     return !!r;
   });
-}, yn = function(e, t, r, o) {
-  var a = _n(t, Array.isArray(e) ? e : [e]);
+}, wn = function(e, t, r, o) {
+  var a = bn(t, Array.isArray(e) ? e : [e]);
   te[r] || (te[r] = /* @__PURE__ */ new WeakMap());
   var n = te[r], u = [], i = /* @__PURE__ */ new Set(), d = new Set(a), c = function(v) {
     !v || i.has(v) || (i.add(v), c(v.parentNode));
@@ -1090,13 +1090,13 @@ var gn = function(e) {
       V.set(v, h), n.set(v, g), h || (ee.has(v) || v.removeAttribute(o), ee.delete(v)), g || v.removeAttribute(r);
     }), ge--, ge || (V = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {});
   };
-}, bn = function(e, t, r) {
+}, En = function(e, t, r) {
   r === void 0 && (r = "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], script"))), yn(o, a, r, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = yn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), wn(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, ce = "Dialog", [Ct] = Jt(ce), [En, A] = Ct(ce), Nt = (e) => {
+}, ce = "Dialog", [Nt] = tr(ce), [Sn, A] = Nt(ce), Ot = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -1104,14 +1104,14 @@ var gn = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: u = !0
-  } = e, i = s.useRef(null), d = s.useRef(null), [c, p] = or({
+  } = e, i = s.useRef(null), d = s.useRef(null), [c, p] = ir({
     prop: o,
     defaultProp: a ?? !1,
     onChange: n,
     caller: ce
   });
   return /* @__PURE__ */ f(
-    En,
+    Sn,
     {
       scope: t,
       triggerRef: i,
@@ -1127,10 +1127,10 @@ var gn = function(e) {
     }
   );
 };
-Nt.displayName = ce;
-var xt = "DialogTrigger", Pt = s.forwardRef(
+Ot.displayName = ce;
+var Pt = "DialogTrigger", Rt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(xt, r), n = k(t, a.triggerRef);
+    const { __scopeDialog: r, ...o } = e, a = A(Pt, r), n = k(t, a.triggerRef);
     return /* @__PURE__ */ f(
       M.button,
       {
@@ -1141,33 +1141,33 @@ var xt = "DialogTrigger", Pt = s.forwardRef(
         "data-state": Pe(a.open),
         ...o,
         ref: n,
-        onClick: L(e.onClick, a.onOpenToggle)
+        onClick: F(e.onClick, a.onOpenToggle)
       }
     );
   }
 );
-Pt.displayName = xt;
-var Ne = "DialogPortal", [wn, Ot] = Ct(Ne, {
+Rt.displayName = Pt;
+var Ne = "DialogPortal", [Cn, xt] = Nt(Ne, {
   forceMount: void 0
-}), Rt = (e) => {
+}), At = (e) => {
   const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = A(Ne, t);
-  return /* @__PURE__ */ f(wn, { scope: t, forceMount: r, children: s.Children.map(o, (u) => /* @__PURE__ */ f(ue, { present: r || n.open, children: /* @__PURE__ */ f(vt, { asChild: !0, container: a, children: u }) })) });
+  return /* @__PURE__ */ f(Cn, { scope: t, forceMount: r, children: s.Children.map(o, (u) => /* @__PURE__ */ f(ue, { present: r || n.open, children: /* @__PURE__ */ f(ht, { asChild: !0, container: a, children: u }) })) });
 };
-Rt.displayName = Ne;
-var ie = "DialogOverlay", At = s.forwardRef(
+At.displayName = Ne;
+var ie = "DialogOverlay", Dt = s.forwardRef(
   (e, t) => {
-    const r = Ot(ie, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(ie, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(ue, { present: o || n.open, children: /* @__PURE__ */ f(Cn, { ...a, ref: t }) }) : null;
+    const r = xt(ie, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(ie, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ f(ue, { present: o || n.open, children: /* @__PURE__ */ f(On, { ...a, ref: t }) }) : null;
   }
 );
-At.displayName = ie;
-var Sn = /* @__PURE__ */ st("DialogOverlay.RemoveScroll"), Cn = s.forwardRef(
+Dt.displayName = ie;
+var Nn = /* @__PURE__ */ ct("DialogOverlay.RemoveScroll"), On = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = A(ie, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ f(wt, { as: Sn, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(St, { as: Nn, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         M.div,
         {
           "data-state": Pe(a.open),
@@ -1178,46 +1178,46 @@ var Sn = /* @__PURE__ */ st("DialogOverlay.RemoveScroll"), Cn = s.forwardRef(
       ) })
     );
   }
-), F = "DialogContent", Dt = s.forwardRef(
+), j = "DialogContent", $t = s.forwardRef(
   (e, t) => {
-    const r = Ot(F, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(F, e.__scopeDialog);
-    return /* @__PURE__ */ f(ue, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(Nn, { ...a, ref: t }) : /* @__PURE__ */ f(xn, { ...a, ref: t }) });
+    const r = xt(j, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(j, e.__scopeDialog);
+    return /* @__PURE__ */ f(ue, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(Pn, { ...a, ref: t }) : /* @__PURE__ */ f(Rn, { ...a, ref: t }) });
   }
 );
-Dt.displayName = F;
-var Nn = s.forwardRef(
+$t.displayName = j;
+var Pn = s.forwardRef(
   (e, t) => {
-    const r = A(F, e.__scopeDialog), o = s.useRef(null), a = k(t, r.contentRef, o);
+    const r = A(j, e.__scopeDialog), o = s.useRef(null), a = k(t, r.contentRef, o);
     return s.useEffect(() => {
       const n = o.current;
-      if (n) return bn(n);
+      if (n) return En(n);
     }, []), /* @__PURE__ */ f(
-      $t,
+      Tt,
       {
         ...e,
         ref: a,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: L(e.onCloseAutoFocus, (n) => {
+        onCloseAutoFocus: F(e.onCloseAutoFocus, (n) => {
           var u;
           n.preventDefault(), (u = r.triggerRef.current) == null || u.focus();
         }),
-        onPointerDownOutside: L(e.onPointerDownOutside, (n) => {
+        onPointerDownOutside: F(e.onPointerDownOutside, (n) => {
           const u = n.detail.originalEvent, i = u.button === 0 && u.ctrlKey === !0;
           (u.button === 2 || i) && n.preventDefault();
         }),
-        onFocusOutside: L(
+        onFocusOutside: F(
           e.onFocusOutside,
           (n) => n.preventDefault()
         )
       }
     );
   }
-), xn = s.forwardRef(
+), Rn = s.forwardRef(
   (e, t) => {
-    const r = A(F, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
+    const r = A(j, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
     return /* @__PURE__ */ f(
-      $t,
+      Tt,
       {
         ...e,
         ref: t,
@@ -1236,12 +1236,12 @@ var Nn = s.forwardRef(
       }
     );
   }
-), $t = s.forwardRef(
+), Tt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...u } = e, i = A(F, r), d = s.useRef(null), c = k(t, d);
-    return Tr(), /* @__PURE__ */ $(Re, { children: [
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...u } = e, i = A(j, r), d = s.useRef(null), c = k(t, d);
+    return Ir(), /* @__PURE__ */ $(xe, { children: [
       /* @__PURE__ */ f(
-        pt,
+        ft,
         {
           asChild: !0,
           loop: !0,
@@ -1249,7 +1249,7 @@ var Nn = s.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: n,
           children: /* @__PURE__ */ f(
-            lt,
+            dt,
             {
               role: "dialog",
               id: i.contentId,
@@ -1263,50 +1263,50 @@ var Nn = s.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ $(Re, { children: [
-        /* @__PURE__ */ f(Pn, { titleId: i.titleId }),
-        /* @__PURE__ */ f(Rn, { contentRef: d, descriptionId: i.descriptionId })
+      /* @__PURE__ */ $(xe, { children: [
+        /* @__PURE__ */ f(xn, { titleId: i.titleId }),
+        /* @__PURE__ */ f(Dn, { contentRef: d, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), xe = "DialogTitle", Tt = s.forwardRef(
+), Oe = "DialogTitle", Mt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(xe, r);
+    const { __scopeDialog: r, ...o } = e, a = A(Oe, r);
     return /* @__PURE__ */ f(M.h2, { id: a.titleId, ...o, ref: t });
   }
 );
-Tt.displayName = xe;
-var Mt = "DialogDescription", It = s.forwardRef(
+Mt.displayName = Oe;
+var It = "DialogDescription", Lt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(Mt, r);
+    const { __scopeDialog: r, ...o } = e, a = A(It, r);
     return /* @__PURE__ */ f(M.p, { id: a.descriptionId, ...o, ref: t });
   }
 );
-It.displayName = Mt;
-var Lt = "DialogClose", jt = s.forwardRef(
+Lt.displayName = It;
+var Ft = "DialogClose", jt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(Lt, r);
+    const { __scopeDialog: r, ...o } = e, a = A(Ft, r);
     return /* @__PURE__ */ f(
       M.button,
       {
         type: "button",
         ...o,
         ref: t,
-        onClick: L(e.onClick, () => a.onOpenChange(!1))
+        onClick: F(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
 );
-jt.displayName = Lt;
+jt.displayName = Ft;
 function Pe(e) {
   return e ? "open" : "closed";
 }
-var Ft = "DialogTitleWarning", [Go, kt] = Qt(Ft, {
-  contentName: F,
-  titleName: xe,
+var kt = "DialogTitleWarning", [Yo, Wt] = er(kt, {
+  contentName: j,
+  titleName: Oe,
   docsSlug: "dialog"
-}), Pn = ({ titleId: e }) => {
-  const t = kt(Ft), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+}), xn = ({ titleId: e }) => {
+  const t = Wt(kt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -1314,18 +1314,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return s.useEffect(() => {
     e && (document.getElementById(e) || console.error(r));
   }, [r, e]), null;
-}, On = "DialogDescriptionWarning", Rn = ({ contentRef: e, descriptionId: t }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${kt(On).contentName}}.`;
+}, An = "DialogDescriptionWarning", Dn = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Wt(An).contentName}}.`;
   return s.useEffect(() => {
     var n;
     const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, An = Nt, Dn = Pt, $n = Rt, Tn = At, Mn = Dt, In = Tt, Ve = It, Ln = jt;
-const jn = {
+}, $n = Ot, Tn = Rt, Mn = At, In = Dt, Ln = $t, Fn = Mt, Ve = Lt, jn = jt;
+const kn = {
   LG: "lg"
 };
-function Fn(e) {
+function Wn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var He = { exports: {} };
@@ -1334,9 +1334,9 @@ var He = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ze;
-function kn() {
-  return ze || (ze = 1, (function(e) {
+var Ge;
+function Bn() {
+  return Ge || (Ge = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1367,39 +1367,41 @@ function kn() {
     })();
   })(He)), He.exports;
 }
-var Wn = kn();
-const Bn = /* @__PURE__ */ Fn(Wn), Un = "_rotate_12t9p_1", Vn = "_dash_12t9p_1", Hn = {
+var Un = Bn();
+const Vn = /* @__PURE__ */ Wn(Un), Hn = "_rotate_12t9p_1", Gn = "_dash_12t9p_1", zn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Un,
+  rotate: Hn,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Vn,
+  dash: Gn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ge = Bn.bind(Hn), G = "purpur-spinner", zn = {
+}, ze = Vn.bind(zn), z = "purpur-spinner", Kn = {
   SM: "sm"
-}, Gn = ({
+}, Bt = ({
   disabled: e = !1,
   negative: t = !1,
-  size: r = zn.SM,
-  ...o
-}) => /* @__PURE__ */ f("div", { className: Ge(G, `${G}--${r}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
+  size: r = Kn.SM,
+  className: o,
+  ...a
+}) => /* @__PURE__ */ f("div", { className: ze(z, `${z}--${r}`, o), ...a, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
   "circle",
   {
-    className: Ge(`${G}__circle`, {
-      [`${G}__circle--disabled`]: e,
-      [`${G}__circle--negative`]: t
+    className: ze(`${z}__circle`, {
+      [`${z}__circle--disabled`]: e,
+      [`${z}__circle--negative`]: t
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-function Kn(e) {
+Bt.displayName = "Spinner";
+function qn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ke = { exports: {} };
@@ -1409,7 +1411,7 @@ var Ke = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var qe;
-function qn() {
+function Yn() {
   return qe || (qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -1441,30 +1443,31 @@ function qn() {
     })();
   })(Ke)), Ke.exports;
 }
-var Yn = qn();
-const Xn = /* @__PURE__ */ Kn(Yn), Zn = {
-  "purpur-button": "_purpur-button_cjx7j_1",
-  "purpur-button--xs": "_purpur-button--xs_cjx7j_22",
-  "purpur-button--icon-only": "_purpur-button--icon-only_cjx7j_25",
-  "purpur-button--sm": "_purpur-button--sm_cjx7j_28",
-  "purpur-button--md": "_purpur-button--md_cjx7j_34",
-  "purpur-button--lg": "_purpur-button--lg_cjx7j_40",
-  "purpur-button--full-width": "_purpur-button--full-width_cjx7j_46",
-  "purpur-button--primary": "_purpur-button--primary_cjx7j_64",
-  "purpur-button--disabled": "_purpur-button--disabled_cjx7j_68",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_cjx7j_74",
-  "purpur-button--secondary": "_purpur-button--secondary_cjx7j_86",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_cjx7j_97",
-  "purpur-button--expressive": "_purpur-button--expressive_cjx7j_108",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_cjx7j_118",
-  "purpur-button--negative": "_purpur-button--negative_cjx7j_130",
-  "purpur-button--destructive": "_purpur-button--destructive_cjx7j_137",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_cjx7j_147",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_cjx7j_157",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_cjx7j_170",
-  "purpur-button--text-negative": "_purpur-button--text-negative_cjx7j_185",
-  "purpur-button--text": "_purpur-button--text_cjx7j_185"
-}, Qn = Xn.bind(Zn), j = "purpur-button", Wt = Ce(
+var Xn = Yn();
+const Zn = /* @__PURE__ */ qn(Xn), Qn = {
+  "purpur-button": "_purpur-button_10jh0_1",
+  "purpur-button--xs": "_purpur-button--xs_10jh0_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
+  "purpur-button--sm": "_purpur-button--sm_10jh0_28",
+  "purpur-button--md": "_purpur-button--md_10jh0_34",
+  "purpur-button--lg": "_purpur-button--lg_10jh0_40",
+  "purpur-button--full-width": "_purpur-button--full-width_10jh0_46",
+  "purpur-button--primary": "_purpur-button--primary_10jh0_64",
+  "purpur-button--disabled": "_purpur-button--disabled_10jh0_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_10jh0_74",
+  "purpur-button--secondary": "_purpur-button--secondary_10jh0_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_10jh0_97",
+  "purpur-button--expressive": "_purpur-button--expressive_10jh0_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_10jh0_118",
+  "purpur-button--negative": "_purpur-button--negative_10jh0_130",
+  "purpur-button--destructive": "_purpur-button--destructive_10jh0_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_10jh0_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_10jh0_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_10jh0_170",
+  "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
+  "purpur-button--text": "_purpur-button--text_10jh0_185",
+  "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
+}, Ye = Zn.bind(Qn), I = "purpur-button", Ut = Ce(
   ({
     children: e,
     className: t,
@@ -1481,17 +1484,17 @@ const Xn = /* @__PURE__ */ Kn(Yn), Zn = {
   }, h) => {
     if (a && c === "destructive")
       return null;
-    const g = Qn(
+    const g = Ye(
       [
-        j,
-        `${j}--${u ? `${c}-negative` : c}`,
-        `${j}--${d}`
+        I,
+        `${I}--${u ? `${c}-negative` : c}`,
+        `${I}--${d}`
       ],
       {
-        [`${j}--icon-only`]: a,
-        [`${j}--negative`]: u,
-        [`${j}--full-width`]: o,
-        [`${j}--disabled`]: r || n
+        [`${I}--icon-only`]: a,
+        [`${I}--negative`]: u,
+        [`${I}--full-width`]: o,
+        [`${I}--disabled`]: r || n
       },
       t
     ), b = (m) => {
@@ -1508,11 +1511,12 @@ const Xn = /* @__PURE__ */ Kn(Yn), Zn = {
         ...v,
         children: [
           n && /* @__PURE__ */ f(
-            Gn,
+            Bt,
             {
-              size: d === jn.LG ? "xs" : "xxs",
+              size: d === kn.LG ? "xs" : "xxs",
               negative: u,
-              disabled: l
+              disabled: l,
+              className: Ye(`${I}__spinner`)
             }
           ),
           " ",
@@ -1522,19 +1526,19 @@ const Xn = /* @__PURE__ */ Kn(Yn), Zn = {
     );
   }
 );
-Wt.displayName = "Button";
+Ut.displayName = "Button";
 function Jn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ye = { exports: {} };
+var Xe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Xe;
+var Ze;
 function eo() {
-  return Xe || (Xe = 1, (function(e) {
+  return Ze || (Ze = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1563,7 +1567,7 @@ function eo() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(Ye)), Ye.exports;
+  })(Xe)), Xe.exports;
 }
 var to = eo();
 const ro = /* @__PURE__ */ Jn(to), re = {
@@ -1588,7 +1592,7 @@ const ro = /* @__PURE__ */ Jn(to), re = {
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, no = {
   TITLE100: "title-100"
-}, ne = "purpur-heading", Bt = ({
+}, ne = "purpur-heading", Vt = ({
   children: e,
   className: t = "",
   enableHyphenation: r = !1,
@@ -1608,19 +1612,19 @@ const ro = /* @__PURE__ */ Jn(to), re = {
   ]);
   return /* @__PURE__ */ f(i, { className: d, ...u, children: e });
 };
-Bt.displayName = "Heading";
+Vt.displayName = "Heading";
 function oo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ze = { exports: {} };
+var Qe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Qe;
+var Je;
 function ao() {
-  return Qe || (Qe = 1, (function(e) {
+  return Je || (Je = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1649,7 +1653,7 @@ function ao() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(Ze)), Ze.exports;
+  })(Qe)), Qe.exports;
 }
 var io = ao();
 const uo = /* @__PURE__ */ oo(io), so = {
@@ -1660,7 +1664,7 @@ const uo = /* @__PURE__ */ oo(io), so = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, co = uo.bind(so), Je = "purpur-icon", lo = "md", po = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), fo = ({ content: e = "", title: t } = {}) => {
+}, co = uo.bind(so), et = "purpur-icon", lo = "md", po = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), fo = ({ content: e = "", title: t } = {}) => {
   const r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1668,33 +1672,33 @@ const uo = /* @__PURE__ */ oo(io), so = {
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
   return `<svg ${po(r)}>${o}${e}</svg>`;
-}, vo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ut = ({ svg: e, allyTitle: t, className: r, size: o = lo, ...a }) => {
+}, vo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ht = ({ svg: e, allyTitle: t, className: r, size: o = lo, ...a }) => {
   const n = fo({
     content: vo(e.svg),
     title: t
-  }), u = co(r, Je, `${Je}--${o}`);
+  }), u = co(et, `${et}--${o}`, r);
   return /* @__PURE__ */ f("span", { className: u, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
-Ut.displayName = "Icon";
+Ht.displayName = "Icon";
 const ho = {
   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"
-}, Vt = (e) => /* @__PURE__ */ f(Ut, { ...e, svg: ho });
-Vt.displayName = "IconClose";
+}, Gt = (e) => /* @__PURE__ */ f(Ht, { ...e, svg: ho });
+Gt.displayName = "IconClose";
 function mo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var et = { exports: {} };
+var tt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var tt;
+var rt;
 function go() {
-  return tt || (tt = 1, (function(e) {
+  return rt || (rt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1723,7 +1727,7 @@ function go() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(et)), et.exports;
+  })(tt)), tt.exports;
 }
 var _o = go();
 const yo = /* @__PURE__ */ mo(_o), bo = {
@@ -1741,26 +1745,26 @@ const yo = /* @__PURE__ */ mo(_o), bo = {
   "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"
-}, Eo = yo.bind(bo), wo = {
+}, wo = yo.bind(bo), Eo = {
   PARAGRAPH100: "paragraph-100"
-}, K = "purpur-paragraph", Ht = ({
+}, K = "purpur-paragraph", zt = ({
   children: e,
   className: t,
   disabled: r,
   enableHyphenation: o = !1,
   negative: a = !1,
-  variant: n = wo.PARAGRAPH100,
+  variant: n = Eo.PARAGRAPH100,
   ...u
 }) => {
-  const i = Eo(t, K, `${K}--${n}`, {
+  const i = wo(t, K, `${K}--${n}`, {
     [`${K}--hyphens`]: o,
     [`${K}--disabled`]: r,
     [`${K}--negative`]: a
   });
   return /* @__PURE__ */ f("p", { ...u, className: i, children: e });
 };
-Ht.displayName = "Paragraph";
-function rt(e, t) {
+zt.displayName = "Paragraph";
+function nt(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -1769,14 +1773,14 @@ function So(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
-      const n = rt(a, t);
+      const n = nt(a, t);
       return !r && typeof n == "function" && (r = !0), n;
     });
     if (r)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : rt(e[a], null);
+          typeof n == "function" ? n() : nt(e[a], null);
         }
       };
   };
@@ -1798,18 +1802,18 @@ function No(e) {
   const t = s.forwardRef((r, o) => {
     const { children: a, ...n } = r;
     if (s.isValidElement(a)) {
-      const u = Ro(a), i = Oo(n, a.props);
+      const u = xo(a), i = Ro(n, a.props);
       return a.type !== s.Fragment && (i.ref = o ? So(o, u) : u), s.cloneElement(a, i);
     }
     return s.Children.count(a) > 1 ? s.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var xo = Symbol("radix.slottable");
+var Oo = Symbol("radix.slottable");
 function Po(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === xo;
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Oo;
 }
-function Oo(e, t) {
+function Ro(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
@@ -1819,7 +1823,7 @@ function Oo(e, t) {
   }
   return { ...e, ...r };
 }
-function Ro(e) {
+function xo(e) {
   var t, r;
   let o = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning;
   return a ? e.ref : (o = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
@@ -1847,7 +1851,7 @@ var Ao = [
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(d, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
-}, {}), $o = "VisuallyHidden", zt = s.forwardRef(
+}, {}), $o = "VisuallyHidden", Kt = s.forwardRef(
   (e, t) => /* @__PURE__ */ f(
     Do.span,
     {
@@ -1870,8 +1874,8 @@ var Ao = [
     }
   )
 );
-zt.displayName = $o;
-var To = zt;
+Kt.displayName = $o;
+var To = Kt;
 const Mo = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(To, { asChild: e, ...r, children: t });
 function Io(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -1882,9 +1886,9 @@ var _e = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var nt;
+var ot;
 function Lo() {
-  return nt || (nt = 1, (function(e) {
+  return ot || (ot = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1915,28 +1919,31 @@ function Lo() {
     })();
   })(_e)), _e.exports;
 }
-var jo = Lo();
-const Fo = /* @__PURE__ */ Io(jo), ko = "_fadeIn_4aird_1", Wo = {
-  "purpur-modal-content": "_purpur-modal-content_4aird_1",
+var Fo = Lo();
+const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_1", Bo = "_slideUp_slvdi_1", Uo = "_slideDown_slvdi_1", Vo = {
+  "purpur-modal-content": "_purpur-modal-content_slvdi_1",
   fadeIn: ko,
-  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_4aird_30",
-  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_4aird_37",
-  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_4aird_47",
-  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_4aird_57",
-  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_4aird_61",
-  "purpur-modal-content__header": "_purpur-modal-content__header_4aird_84",
-  "purpur-modal-content__title": "_purpur-modal-content__title_4aird_97",
-  "purpur-modal-content__description": "_purpur-modal-content__description_4aird_100",
-  "purpur-modal-content__body": "_purpur-modal-content__body_4aird_103",
-  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_4aird_111",
-  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_4aird_123",
-  "purpur-modal-content__notification": "_purpur-modal-content__notification_4aird_141",
-  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_4aird_144",
-  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_4aird_144",
-  "purpur-modal-content__actions": "_purpur-modal-content__actions_4aird_123",
-  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_4aird_175",
-  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_4aird_185"
-}, ot = (e) => e.showCloseButton === !0, P = Fo.bind(Wo), N = "purpur-modal-content", Bo = Ce(
+  fadeOut: Wo,
+  slideUp: Bo,
+  slideDown: Uo,
+  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_slvdi_49",
+  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_slvdi_65",
+  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_slvdi_75",
+  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_slvdi_85",
+  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_slvdi_89",
+  "purpur-modal-content__header": "_purpur-modal-content__header_slvdi_112",
+  "purpur-modal-content__title": "_purpur-modal-content__title_slvdi_125",
+  "purpur-modal-content__description": "_purpur-modal-content__description_slvdi_128",
+  "purpur-modal-content__body": "_purpur-modal-content__body_slvdi_131",
+  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_slvdi_139",
+  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_slvdi_151",
+  "purpur-modal-content__notification": "_purpur-modal-content__notification_slvdi_169",
+  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_slvdi_172",
+  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_slvdi_172",
+  "purpur-modal-content__actions": "_purpur-modal-content__actions_slvdi_151",
+  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_slvdi_203",
+  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_slvdi_213"
+}, at = (e) => e.showCloseButton === !0, P = jo.bind(Vo), N = "purpur-modal-content", Ho = Ce(
   ({
     ["data-testid"]: e,
     actions: t,
@@ -1953,22 +1960,22 @@ const Fo = /* @__PURE__ */ Io(jo), ko = "_fadeIn_4aird_1", Wo = {
     onCloseAutoFocus: h,
     ...g
   }, b) => {
-    const { closeButtonAriaLabel: l, showCloseButton: m, ..._ } = g, [E, w] = ye(!1), [S, C] = ye(0), x = be(null), y = be(null), R = P(
+    const { closeButtonAriaLabel: l, showCloseButton: m, ..._ } = g, [w, E] = ye(!1), [S, C] = ye(0), O = be(null), y = be(null), x = P(
       N,
       { [`${N}--with-image`]: !!i },
-      { [`${N}--overflow`]: E },
+      { [`${N}--overflow`]: w },
       { [`${N}--sticky-footer`]: d },
       o
-    ), O = (D) => e ? `${e} ${D}` : void 0, z = (D) => {
+    ), R = (D) => e ? `${e} ${D}` : void 0, G = (D) => {
       n && D.preventDefault();
-    }, W = Yt(() => {
-      if (!x.current || !y.current)
+    }, W = Zt(() => {
+      if (!O.current || !y.current)
         return;
-      const D = window.getComputedStyle(x.current, null), X = parseFloat(D.getPropertyValue("height")), qt = y.current.offsetHeight;
-      w(X < qt), C(
-        (x.current.offsetWidth ?? 0) - (x.current.clientWidth ?? 0)
+      const D = window.getComputedStyle(O.current, null), X = parseFloat(D.getPropertyValue("height")), Xt = y.current.offsetHeight;
+      E(X < Xt), C(
+        (O.current.offsetWidth ?? 0) - (O.current.clientWidth ?? 0)
       );
-    }, []), Gt = () => {
+    }, []), qt = () => {
       const D = y.current;
       if (D) {
         const X = D.querySelector("h2");
@@ -1976,57 +1983,57 @@ const Fo = /* @__PURE__ */ Io(jo), ko = "_fadeIn_4aird_1", Wo = {
           X.focus();
         });
       }
-    }, Kt = (D) => {
+    }, Yt = (D) => {
       n && !m && D.preventDefault();
     };
-    return Ee(() => (window.addEventListener("resize", W), () => {
+    return we(() => (window.addEventListener("resize", W), () => {
       window.removeEventListener("resize", W);
-    }), [W]), Ee(() => {
+    }), [W]), we(() => {
       W();
-    }, [p, r, W]), /* @__PURE__ */ $($n, { children: [
-      /* @__PURE__ */ f(Tn, { className: P(`${N}__overlay`), style: { zIndex: v } }),
+    }, [p, r, W]), /* @__PURE__ */ $(Mn, { children: [
+      /* @__PURE__ */ f(In, { className: P(`${N}__overlay`), style: { zIndex: v } }),
       /* @__PURE__ */ $(
-        Mn,
+        Ln,
         {
           ..._,
-          className: R,
+          className: x,
           "data-testid": e,
           ref: b,
           ...!a && { "aria-describedby": void 0 },
-          onPointerDownOutside: z,
+          onPointerDownOutside: G,
           onOpenAutoFocus: () => {
-            W(), Gt();
+            W(), qt();
           },
-          onEscapeKeyDown: Kt,
+          onEscapeKeyDown: Yt,
           onCloseAutoFocus: h,
           style: { zIndex: `calc(${v} + 1)` },
           children: [
-            /* @__PURE__ */ $("div", { ref: x, className: P(`${N}__wrapper`), children: [
-              ot(g) && l && i && /* @__PURE__ */ f(
-                at,
+            /* @__PURE__ */ $("div", { ref: O, className: P(`${N}__wrapper`), children: [
+              at(g) && l && i && /* @__PURE__ */ f(
+                it,
                 {
                   "aria-label": l,
                   hasImage: !0,
                   scrollbarWidth: S,
-                  "data-testid": O("close-button")
+                  "data-testid": R("close-button")
                 }
               ),
               /* @__PURE__ */ $("div", { ref: y, className: P(`${N}__wrapper-inner`), children: [
                 /* @__PURE__ */ $("div", { className: P(`${N}__header`), children: [
-                  ot(g) && l && !i && /* @__PURE__ */ f(
-                    at,
+                  at(g) && l && !i && /* @__PURE__ */ f(
+                    it,
                     {
                       "aria-label": l,
-                      "data-testid": O("close-button")
+                      "data-testid": R("close-button")
                     }
                   ),
                   /* @__PURE__ */ f(
-                    In,
+                    Fn,
                     {
                       asChild: !0,
                       className: P(`${N}__title`),
-                      "data-testid": O("title"),
-                      children: /* @__PURE__ */ f(Bt, { tag: "h2", variant: "title-200", tabIndex: -1, children: c })
+                      "data-testid": R("title"),
+                      children: /* @__PURE__ */ f(Vt, { tag: "h2", variant: "title-200", tabIndex: -1, children: c })
                     }
                   )
                 ] }),
@@ -2034,39 +2041,39 @@ const Fo = /* @__PURE__ */ Io(jo), ko = "_fadeIn_4aird_1", Wo = {
                   "div",
                   {
                     className: P(`${N}__image-wrapper`),
-                    "data-testid": O("image"),
+                    "data-testid": R("image"),
                     children: i
                   }
                 ),
                 /* @__PURE__ */ f("div", { className: P(`${N}__body`), children: /* @__PURE__ */ $("div", { className: P(`${N}__body-inner`), children: [
-                  a && u && /* @__PURE__ */ f(Mo, { asChild: !0, children: /* @__PURE__ */ f(Ve, { "data-testid": O("description"), children: a }) }),
+                  a && u && /* @__PURE__ */ f(Mo, { asChild: !0, children: /* @__PURE__ */ f(Ve, { "data-testid": R("description"), children: a }) }),
                   a && !u && /* @__PURE__ */ f(
                     Ve,
                     {
                       asChild: !0,
                       className: P(`${N}__description`),
-                      "data-testid": O("description"),
-                      children: /* @__PURE__ */ f(Ht, { variant: "paragraph-100", children: a })
+                      "data-testid": R("description"),
+                      children: /* @__PURE__ */ f(zt, { variant: "paragraph-100", children: a })
                     }
                   ),
                   /* @__PURE__ */ f("div", { children: r }),
-                  !d && /* @__PURE__ */ f(it, { actions: t, notification: p })
+                  !d && /* @__PURE__ */ f(ut, { actions: t, notification: p })
                 ] }) })
               ] })
             ] }),
-            d && /* @__PURE__ */ f(it, { actions: t, notification: p })
+            d && /* @__PURE__ */ f(ut, { actions: t, notification: p })
           ]
         }
       )
     ] });
   }
-), at = ({
+), it = ({
   ["aria-label"]: e,
   hasImage: t,
   scrollbarWidth: r,
   ["data-testid"]: o
-}) => /* @__PURE__ */ f(Ln, { asChild: !0, children: /* @__PURE__ */ f(
-  Wt,
+}) => /* @__PURE__ */ f(jn, { asChild: !0, children: /* @__PURE__ */ f(
+  Ut,
   {
     variant: t ? "primary" : "tertiary-purple",
     negative: t,
@@ -2076,14 +2083,14 @@ const Fo = /* @__PURE__ */ Io(jo), ko = "_fadeIn_4aird_1", Wo = {
     className: P(`${N}__close-button`),
     style: { right: `calc(var(--purpur-spacing-100) + ${r || 0}px)` },
     "data-testid": o,
-    children: /* @__PURE__ */ f(Vt, {})
+    children: /* @__PURE__ */ f(Gt, {})
   }
-) }), it = ({
+) }), ut = ({
   actions: e,
   notification: t
 }) => {
   const r = be(null);
-  return Ee(() => {
+  return we(() => {
     var o, a;
     t && ((a = (o = r == null ? void 0 : r.current) == null ? void 0 : o.scrollIntoView) == null || a.call(o, !1));
   }, [t]), e ? /* @__PURE__ */ $("div", { className: P(`${N}__actions`), children: [
@@ -2091,18 +2098,18 @@ const Fo = /* @__PURE__ */ Io(jo), ko = "_fadeIn_4aird_1", Wo = {
     t && /* @__PURE__ */ f("div", { className: P(`${N}__notification`), ref: r, children: t }),
     /* @__PURE__ */ f("span", { className: P(`${N}__actions-separator`) })
   ] }) : null;
-}, Uo = Ce(
-  ({ children: e, ...t }, r) => /* @__PURE__ */ f(Dn, { asChild: !0, ref: r, ...t, children: e })
-), Oe = ({
+}, Go = Ce(
+  ({ children: e, ...t }, r) => /* @__PURE__ */ f(Tn, { asChild: !0, ref: r, ...t, children: e })
+), Re = ({
   ["data-testid"]: e,
   children: t,
   open: r,
   onOpenChange: o
-}) => /* @__PURE__ */ f(An, { open: r, onOpenChange: o, "data-testid": e, children: t });
-Oe.Trigger = Uo;
-Oe.Content = Bo;
-Oe.displayName = "Modal";
+}) => /* @__PURE__ */ f($n, { open: r, onOpenChange: o, "data-testid": e, children: t });
+Re.Trigger = Go;
+Re.Content = Ho;
+Re.displayName = "Modal";
 export {
-  Oe as Modal
+  Re as Modal
 };
 //# sourceMappingURL=modal.es.js.map