@purpurds/modal 5.20.0 → 5.21.0

package/dist/modal.es.js

@@ -1,7 +1,7 @@
 import { jsxs as j, jsx as b } from "react/jsx-runtime";
 import * as m from "react";
-import { useCallback as Q, createContext as Oe, useMemo as me, createElement as _, useContext as rt, useLayoutEffect as It, useRef as N, useEffect as A, useState as H, forwardRef as S, Children as I, isValidElement as U, cloneElement as ae, Fragment as Ie, useReducer as Rt } from "react";
-import Mt, { flushSync as ot } from "react-dom";
+import { useCallback as Q, createContext as Oe, useMemo as me, createElement as _, useContext as rt, useLayoutEffect as Rt, useRef as N, useEffect as A, useState as H, forwardRef as S, Children as L, isValidElement as U, cloneElement as ae, Fragment as Le, useReducer as Mt } from "react";
+import kt, { flushSync as ot } from "react-dom";
 function P() {
   return P = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -16,18 +16,18 @@ function B(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
     if (e == null || e(a), t === !1 || !a.defaultPrevented) return n == null ? void 0 : n(a);
   };
 }
-function kt(e, n) {
+function Ft(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function at(...e) {
   return (n) => e.forEach(
-    (t) => kt(t, n)
+    (t) => Ft(t, n)
   );
 }
 function J(...e) {
   return Q(at(...e), e);
 }
-function Ft(e, n = []) {
+function jt(e, n = []) {
   let t = [];
   function o(r, i) {
     const c = /* @__PURE__ */ Oe(i), s = t.length;
@@ -75,10 +75,10 @@ function Ft(e, n = []) {
   };
   return a.scopeName = e, [
     o,
-    jt(a, ...n)
+    Bt(a, ...n)
   ];
 }
-function jt(...e) {
+function Bt(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
@@ -108,15 +108,15 @@ function jt(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-const Ne = globalThis != null && globalThis.document ? It : () => {
-}, Bt = m.useId || (() => {
+const Ne = globalThis != null && globalThis.document ? Rt : () => {
+}, Ut = m.useId || (() => {
 });
-let Ut = 0;
+let Wt = 0;
 function be(e) {
-  const [n, t] = m.useState(Bt());
+  const [n, t] = m.useState(Ut());
   return Ne(() => {
     e || t(
-      (o) => o ?? String(Ut++)
+      (o) => o ?? String(Wt++)
     );
   }, [
     e
@@ -134,9 +134,9 @@ function V(e) {
     []
   );
 }
-function Wt({ prop: e, defaultProp: n, onChange: t = () => {
+function zt({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [o, a] = zt({
+  const [o, a] = qt({
     defaultProp: n,
     onChange: t
   }), r = e !== void 0, i = r ? e : o, c = V(t), s = Q((d) => {
@@ -155,7 +155,7 @@ function Wt({ prop: e, defaultProp: n, onChange: t = () => {
     s
   ];
 }
-function zt({ defaultProp: e, onChange: n }) {
+function qt({ defaultProp: e, onChange: n }) {
   const t = H(e), [o] = t, a = N(o), r = V(n);
   return A(() => {
     a.current !== o && (r(o), a.current = o);
@@ -166,9 +166,9 @@ function zt({ defaultProp: e, onChange: n }) {
   ]), t;
 }
 const Re = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...o } = e, a = I.toArray(t), r = a.find(Ht);
+  const { children: t, ...o } = e, a = L.toArray(t), r = a.find(Vt);
   if (r) {
-    const i = r.props.children, c = a.map((s) => s === r ? I.count(i) > 1 ? I.only(null) : /* @__PURE__ */ U(i) ? i.props.children : null : s);
+    const i = r.props.children, c = a.map((s) => s === r ? L.count(i) > 1 ? L.only(null) : /* @__PURE__ */ U(i) ? i.props.children : null : s);
     return /* @__PURE__ */ _(Pe, P({}, o, {
       ref: n
     }), /* @__PURE__ */ U(i) ? /* @__PURE__ */ ae(i, void 0, c) : null);
@@ -181,16 +181,16 @@ Re.displayName = "Slot";
 const Pe = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ U(t) ? /* @__PURE__ */ ae(t, {
-    ...Vt(o, t.props),
+    ...Kt(o, t.props),
     ref: n ? at(n, t.ref) : t.ref
-  }) : I.count(t) > 1 ? I.only(null) : null;
+  }) : L.count(t) > 1 ? L.only(null) : null;
 });
 Pe.displayName = "SlotClone";
-const qt = ({ children: e }) => /* @__PURE__ */ _(Ie, null, e);
-function Ht(e) {
-  return /* @__PURE__ */ U(e) && e.type === qt;
+const Ht = ({ children: e }) => /* @__PURE__ */ _(Le, null, e);
+function Vt(e) {
+  return /* @__PURE__ */ U(e) && e.type === Ht;
 }
-function Vt(e, n) {
+function Kt(e, n) {
   const t = {
     ...n
   };
@@ -211,7 +211,7 @@ function Vt(e, n) {
     ...t
   };
 }
-const Kt = [
+const Xt = [
   "a",
   "button",
   "div",
@@ -228,7 +228,7 @@ const Kt = [
   "span",
   "svg",
   "ul"
-], W = Kt.reduce((e, n) => {
+], W = Xt.reduce((e, n) => {
   const t = /* @__PURE__ */ S((o, a) => {
     const { asChild: r, ...i } = o, c = r ? Re : n;
     return A(() => {
@@ -242,12 +242,12 @@ const Kt = [
     [n]: t
   };
 }, {});
-function Xt(e, n) {
+function Gt(e, n) {
   e && ot(
     () => e.dispatchEvent(n)
   );
 }
-function Gt(e, n = globalThis == null ? void 0 : globalThis.document) {
+function Yt(e, n = globalThis == null ? void 0 : globalThis.document) {
   const t = V(e);
   A(() => {
     const o = (a) => {
@@ -259,35 +259,35 @@ function Gt(e, n = globalThis == null ? void 0 : globalThis.document) {
     n
   ]);
 }
-const Ae = "dismissableLayer.update", Yt = "dismissableLayer.pointerDownOutside", Zt = "dismissableLayer.focusOutside";
+const Ae = "dismissableLayer.update", Zt = "dismissableLayer.pointerDownOutside", Qt = "dismissableLayer.focusOutside";
 let je;
-const Qt = /* @__PURE__ */ Oe({
+const Jt = /* @__PURE__ */ Oe({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Jt = /* @__PURE__ */ S((e, n) => {
+}), en = /* @__PURE__ */ S((e, n) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: c, onDismiss: s, ...d } = e, p = rt(Qt), [l, v] = H(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = H({}), u = J(
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: c, onDismiss: s, ...d } = e, p = rt(Jt), [l, v] = H(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = H({}), u = J(
     n,
     (w) => v(w)
   ), h = Array.from(p.layers), [g] = [
     ...p.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), C = h.indexOf(g), y = l ? h.indexOf(l) : -1, $ = p.layersWithOutsidePointerEventsDisabled.size > 0, x = y >= C, z = en((w) => {
-    const L = w.target, ie = [
+  ].slice(-1), C = h.indexOf(g), y = l ? h.indexOf(l) : -1, $ = p.layersWithOutsidePointerEventsDisabled.size > 0, x = y >= C, z = tn((w) => {
+    const I = w.target, ie = [
       ...p.branches
     ].some(
-      (R) => R.contains(L)
+      (R) => R.contains(I)
     );
     !x || ie || (r == null || r(w), c == null || c(w), w.defaultPrevented || s == null || s());
-  }, f), D = tn((w) => {
-    const L = w.target;
+  }, f), D = nn((w) => {
+    const I = w.target;
     [
       ...p.branches
     ].some(
-      (R) => R.contains(L)
+      (R) => R.contains(I)
     ) || (i == null || i(w), c == null || c(w), w.defaultPrevented || s == null || s());
   }, f);
-  return Gt((w) => {
+  return Yt((w) => {
     y === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && s && (w.preventDefault(), s()));
   }, f), A(() => {
     if (l)
@@ -318,14 +318,14 @@ const Qt = /* @__PURE__ */ Oe({
     onPointerDownCapture: B(e.onPointerDownCapture, z.onPointerDownCapture)
   }));
 });
-function en(e, n = globalThis == null ? void 0 : globalThis.document) {
+function tn(e, n = globalThis == null ? void 0 : globalThis.document) {
   const t = V(e), o = N(!1), a = N(() => {
   });
   return A(() => {
     const r = (c) => {
       if (c.target && !o.current) {
         let d = function() {
-          it(Yt, t, s, {
+          it(Zt, t, s, {
             discrete: !0
           });
         };
@@ -352,11 +352,11 @@ function en(e, n = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function tn(e, n = globalThis == null ? void 0 : globalThis.document) {
+function nn(e, n = globalThis == null ? void 0 : globalThis.document) {
   const t = V(e), o = N(!1);
   return A(() => {
     const a = (r) => {
-      r.target && !o.current && it(Zt, t, {
+      r.target && !o.current && it(Qt, t, {
         originalEvent: r
       }, {
         discrete: !1
@@ -383,12 +383,12 @@ function it(e, n, t, { discrete: o }) {
   });
   n && a.addEventListener(e, n, {
     once: !0
-  }), o ? Xt(a, r) : a.dispatchEvent(r);
+  }), o ? Gt(a, r) : a.dispatchEvent(r);
 }
 const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount", Ue = {
   bubbles: !1,
   cancelable: !0
-}, nn = /* @__PURE__ */ S((e, n) => {
+}, rn = /* @__PURE__ */ S((e, n) => {
   const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [c, s] = H(null), d = V(a), p = V(r), l = N(null), v = J(
     n,
     (u) => s(u)
@@ -438,7 +438,7 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
       const u = document.activeElement;
       if (!c.contains(u)) {
         const g = new CustomEvent($e, Ue);
-        c.addEventListener($e, d), c.dispatchEvent(g), g.defaultPrevented || (rn(sn(ct(c)), {
+        c.addEventListener($e, d), c.dispatchEvent(g), g.defaultPrevented || (on(ln(ct(c)), {
           select: !0
         }), document.activeElement === u && F(c));
       }
@@ -461,7 +461,7 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
     if (!t && !o || f.paused) return;
     const h = u.key === "Tab" && !u.altKey && !u.ctrlKey && !u.metaKey, g = document.activeElement;
     if (h && g) {
-      const C = u.currentTarget, [y, $] = on(C);
+      const C = u.currentTarget, [y, $] = an(C);
       y && $ ? !u.shiftKey && g === $ ? (u.preventDefault(), t && F(y, {
         select: !0
       })) : u.shiftKey && g === y && (u.preventDefault(), t && F($, {
@@ -480,14 +480,14 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
     onKeyDown: E
   }));
 });
-function rn(e, { select: n = !1 } = {}) {
+function on(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
     if (F(o, {
       select: n
     }), document.activeElement !== t) return;
 }
-function on(e) {
+function an(e) {
   const n = ct(e), t = We(n, e), o = We(n.reverse(), e);
   return [
     t,
@@ -506,11 +506,11 @@ function ct(e) {
 }
 function We(e, n) {
   for (const t of e)
-    if (!an(t, {
+    if (!cn(t, {
       upTo: n
     })) return t;
 }
-function an(e, { upTo: n }) {
+function cn(e, { upTo: n }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (n !== void 0 && e === n) return !1;
@@ -519,7 +519,7 @@ function an(e, { upTo: n }) {
   }
   return !1;
 }
-function cn(e) {
+function un(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function F(e, { select: n = !1 } = {}) {
@@ -527,11 +527,11 @@ function F(e, { select: n = !1 } = {}) {
     const t = document.activeElement;
     e.focus({
       preventScroll: !0
-    }), e !== t && cn(e) && n && e.select();
+    }), e !== t && un(e) && n && e.select();
   }
 }
-const ze = un();
-function un() {
+const ze = sn();
+function sn() {
   let e = [];
   return {
     add(n) {
@@ -550,35 +550,35 @@ function qe(e, n) {
   ], o = t.indexOf(n);
   return o !== -1 && t.splice(o, 1), t;
 }
-function sn(e) {
+function ln(e) {
   return e.filter(
     (n) => n.tagName !== "A"
   );
 }
-const ln = /* @__PURE__ */ S((e, n) => {
+const dn = /* @__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__ */ Mt.createPortal(/* @__PURE__ */ _(W.div, P({}, a, {
+  return o ? /* @__PURE__ */ kt.createPortal(/* @__PURE__ */ _(W.div, P({}, a, {
     ref: n
   })), o) : null;
 });
-function dn(e, n) {
-  return Rt((t, o) => {
+function pn(e, n) {
+  return Mt((t, o) => {
     const a = n[t][o];
     return a ?? t;
   }, e);
 }
 const ge = (e) => {
-  const { present: n, children: t } = e, o = pn(n), a = typeof t == "function" ? t({
+  const { present: n, children: t } = e, o = fn(n), a = typeof t == "function" ? t({
     present: o.isPresent
-  }) : I.only(t), r = J(o.ref, a.ref);
+  }) : L.only(t), r = J(o.ref, a.ref);
   return typeof t == "function" || o.isPresent ? /* @__PURE__ */ ae(a, {
     ref: r
   }) : null;
 };
 ge.displayName = "Presence";
-function pn(e) {
-  const [n, t] = H(), o = N({}), a = N(e), r = N("none"), i = e ? "mounted" : "unmounted", [c, s] = dn(i, {
+function fn(e) {
+  const [n, t] = H(), o = N({}), a = N(e), r = N("none"), i = e ? "mounted" : "unmounted", [c, s] = pn(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -637,7 +637,7 @@ function ce(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 let Ee = 0;
-function fn() {
+function vn() {
   A(() => {
     var e, n;
     const t = document.querySelectorAll("[data-radix-focus-guard]");
@@ -669,16 +669,16 @@ function ut(e, n) {
       n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
   return t;
 }
-function vn(e, n, t) {
+function hn(e, n, t) {
   if (t || arguments.length === 2) for (var o = 0, a = n.length, r; o < a; o++)
     (r || !(o in n)) && (r || (r = Array.prototype.slice.call(n, 0, o)), r[o] = n[o]);
   return e.concat(r || Array.prototype.slice.call(n));
 }
-var ve = "right-scroll-bar-position", he = "width-before-scroll-bar", hn = "with-scroll-bars-hidden", mn = "--removed-body-scroll-bar-size";
+var ve = "right-scroll-bar-position", he = "width-before-scroll-bar", mn = "with-scroll-bars-hidden", gn = "--removed-body-scroll-bar-size";
 function we(e, n) {
   return typeof e == "function" ? e(n) : e && (e.current = n), e;
 }
-function gn(e, n) {
+function _n(e, n) {
   var t = H(function() {
     return {
       // value
@@ -699,14 +699,14 @@ function gn(e, n) {
   })[0];
   return t.callback = n, t.facade;
 }
-var _n = typeof window < "u" ? m.useLayoutEffect : m.useEffect, Ve = /* @__PURE__ */ new WeakMap();
-function bn(e, n) {
-  var t = gn(null, function(o) {
+var bn = typeof window < "u" ? m.useLayoutEffect : m.useEffect, Ve = /* @__PURE__ */ new WeakMap();
+function $n(e, n) {
+  var t = _n(null, function(o) {
     return e.forEach(function(a) {
       return we(a, o);
     });
   });
-  return _n(function() {
+  return bn(function() {
     var o = Ve.get(t);
     if (o) {
       var a = new Set(o), r = new Set(e), i = t.current;
@@ -719,11 +719,11 @@ function bn(e, n) {
     Ve.set(t, e);
   }, [e]), t;
 }
-function $n(e) {
+function yn(e) {
   return e;
 }
-function yn(e, n) {
-  n === void 0 && (n = $n);
+function En(e, n) {
+  n === void 0 && (n = yn);
   var t = [], o = !1, a = {
     read: function() {
       if (o)
@@ -777,9 +777,9 @@ function yn(e, n) {
   };
   return a;
 }
-function En(e) {
+function wn(e) {
   e === void 0 && (e = {});
-  var n = yn(null);
+  var n = En(null);
   return n.options = k({ async: !0, ssr: !1 }, e), n;
 }
 var st = function(e) {
@@ -792,16 +792,16 @@ var st = function(e) {
   return m.createElement(o, k({}, t));
 };
 st.isSideCarExport = !0;
-function wn(e, n) {
+function xn(e, n) {
   return e.useMedium(n), st;
 }
-var lt = En(), xe = function() {
+var lt = wn(), xe = function() {
 }, _e = m.forwardRef(function(e, n) {
   var t = m.useRef(null), o = m.useState({
     onScrollCapture: xe,
     onWheelCapture: xe,
     onTouchMoveCapture: xe
-  }), a = o[0], r = o[1], i = e.forwardProps, c = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, v = e.sideCar, f = e.noIsolation, E = e.inert, u = e.allowPinchZoom, h = e.as, g = h === void 0 ? "div" : h, C = ut(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), y = v, $ = bn([t, n]), x = k(k({}, C), a);
+  }), a = o[0], r = o[1], i = e.forwardProps, c = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, v = e.sideCar, f = e.noIsolation, E = e.inert, u = e.allowPinchZoom, h = e.as, g = h === void 0 ? "div" : h, C = ut(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), y = v, $ = $n([t, n]), x = k(k({}, C), a);
   return m.createElement(
     m.Fragment,
     null,
@@ -818,37 +818,37 @@ _e.classNames = {
   fullWidth: he,
   zeroRight: ve
 };
-var xn = function() {
+var Sn = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function Sn() {
+function Cn() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var n = xn();
+  var n = Sn();
   return n && e.setAttribute("nonce", n), e;
 }
-function Cn(e, n) {
+function On(e, n) {
   e.styleSheet ? e.styleSheet.cssText = n : e.appendChild(document.createTextNode(n));
 }
-function On(e) {
+function Nn(e) {
   var n = document.head || document.getElementsByTagName("head")[0];
   n.appendChild(e);
 }
-var Nn = function() {
+var Pn = function() {
   var e = 0, n = null;
   return {
     add: function(t) {
-      e == 0 && (n = Sn()) && (Cn(n, t), On(n)), e++;
+      e == 0 && (n = Cn()) && (On(n, t), Nn(n)), e++;
     },
     remove: function() {
       e--, !e && n && (n.parentNode && n.parentNode.removeChild(n), n = null);
     }
   };
-}, Pn = function() {
-  var e = Nn();
+}, An = function() {
+  var e = Pn();
   return function(n, t) {
     m.useEffect(function() {
       return e.add(n), function() {
@@ -857,35 +857,35 @@ var Nn = function() {
     }, [n && t]);
   };
 }, dt = function() {
-  var e = Pn(), n = function(t) {
+  var e = An(), n = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
   };
   return n;
-}, An = {
+}, Tn = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, Se = function(e) {
   return parseInt(e || "", 10) || 0;
-}, Tn = function(e) {
+}, Dn = 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)];
-}, Dn = function(e) {
+}, In = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return An;
-  var n = Tn(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+    return Tn;
+  var n = Dn(e), t = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: n[0],
     top: n[1],
     right: n[2],
     gap: Math.max(0, o - t + n[2] - n[0])
   };
-}, Ln = dt(), Y = "data-scroll-locked", In = function(e, n, t, o) {
+}, Ln = dt(), Y = "data-scroll-locked", Rn = function(e, n, t, o) {
   var a = e.left, r = e.top, i = e.right, c = e.gap;
   return t === void 0 && (t = "margin"), `
-  .`.concat(hn, ` {
+  .`.concat(mn, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(c, "px ").concat(o, `;
   }
@@ -923,26 +923,26 @@ var Nn = function() {
   }
   
   body[`).concat(Y, `] {
-    `).concat(mn, ": ").concat(c, `px;
+    `).concat(gn, ": ").concat(c, `px;
   }
 `);
 }, Ke = function() {
   var e = parseInt(document.body.getAttribute(Y) || "0", 10);
   return isFinite(e) ? e : 0;
-}, Rn = function() {
+}, Mn = function() {
   m.useEffect(function() {
     return document.body.setAttribute(Y, (Ke() + 1).toString()), function() {
       var e = Ke() - 1;
       e <= 0 ? document.body.removeAttribute(Y) : document.body.setAttribute(Y, e.toString());
     };
   }, []);
-}, Mn = function(e) {
+}, kn = function(e) {
   var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
-  Rn();
+  Mn();
   var r = m.useMemo(function() {
-    return Dn(a);
+    return In(a);
   }, [a]);
-  return m.createElement(Ln, { styles: In(r, !n, a, t ? "" : "!important") });
+  return m.createElement(Ln, { styles: Rn(r, !n, a, t ? "" : "!important") });
 }, Te = !1;
 if (typeof window < "u")
   try {
@@ -955,18 +955,18 @@ if (typeof window < "u")
   } catch {
     Te = !1;
   }
-var K = Te ? { passive: !1 } : !1, kn = function(e) {
+var K = Te ? { passive: !1 } : !1, Fn = function(e) {
   return e.tagName === "TEXTAREA";
 }, pt = function(e, n) {
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[n] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !kn(e) && t[n] === "visible")
+    !(t.overflowY === t.overflowX && !Fn(e) && t[n] === "visible")
   );
-}, Fn = function(e) {
-  return pt(e, "overflowY");
 }, jn = function(e) {
+  return pt(e, "overflowY");
+}, Bn = function(e) {
   return pt(e, "overflowX");
 }, Xe = function(e, n) {
   var t = n;
@@ -981,14 +981,14 @@ var K = Te ? { passive: !1 } : !1, kn = function(e) {
     t = t.parentNode;
   } while (t && t !== document.body);
   return !1;
-}, Bn = function(e) {
+}, Un = function(e) {
   var n = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     n,
     t,
     o
   ];
-}, Un = function(e) {
+}, Wn = function(e) {
   var n = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     n,
@@ -996,13 +996,13 @@ var K = Te ? { passive: !1 } : !1, kn = function(e) {
     o
   ];
 }, ft = function(e, n) {
-  return e === "v" ? Fn(n) : jn(n);
+  return e === "v" ? jn(n) : Bn(n);
 }, vt = function(e, n) {
-  return e === "v" ? Bn(n) : Un(n);
-}, Wn = function(e, n) {
+  return e === "v" ? Un(n) : Wn(n);
+}, zn = function(e, n) {
   return e === "h" && n === "rtl" ? -1 : 1;
-}, zn = function(e, n, t, o, a) {
-  var r = Wn(e, window.getComputedStyle(n).direction), i = r * o, c = t.target, s = n.contains(c), d = !1, p = i > 0, l = 0, v = 0;
+}, qn = function(e, n, t, o, a) {
+  var r = zn(e, window.getComputedStyle(n).direction), i = r * o, c = t.target, s = n.contains(c), d = !1, p = i > 0, l = 0, v = 0;
   do {
     var f = vt(e, c), E = f[0], u = f[1], h = f[2], g = u - h - r * E;
     (E || g) && ft(e, c) && (l += g, v += E), c = c.parentNode;
@@ -1018,16 +1018,16 @@ var K = Te ? { passive: !1 } : !1, kn = function(e) {
   return [e.deltaX, e.deltaY];
 }, Ye = function(e) {
   return e && "current" in e ? e.current : e;
-}, qn = function(e, n) {
+}, Hn = function(e, n) {
   return e[0] === n[0] && e[1] === n[1];
-}, Hn = function(e) {
+}, Vn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Vn = 0, X = [];
-function Kn(e) {
-  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Vn++)[0], r = m.useState(function() {
+}, Kn = 0, X = [];
+function Xn(e) {
+  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Kn++)[0], r = m.useState(function() {
     return dt();
   })[0], i = m.useRef(e);
   m.useEffect(function() {
@@ -1035,7 +1035,7 @@ function Kn(e) {
   }, [e]), m.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var u = vn([e.lockRef.current], (e.shards || []).map(Ye), !0).filter(Boolean);
+      var u = hn([e.lockRef.current], (e.shards || []).map(Ye), !0).filter(Boolean);
       return u.forEach(function(h) {
         return h.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -1058,13 +1058,13 @@ function Kn(e) {
       return !1;
     if (!o.current && "changedTouches" in u && (y || $) && (o.current = x), !x)
       return !0;
-    var L = o.current || x;
-    return zn(L, h, u, L === "h" ? y : $, !0);
+    var I = o.current || x;
+    return qn(I, h, u, I === "h" ? y : $, !0);
   }, []), s = m.useCallback(function(u) {
     var h = u;
     if (!(!X.length || X[X.length - 1] !== r)) {
       var g = "deltaY" in h ? Ge(h) : se(h), C = n.current.filter(function(x) {
-        return x.name === h.type && x.target === h.target && qn(x.delta, g);
+        return x.name === h.type && x.target === h.target && Hn(x.delta, g);
       })[0];
       if (C && C.should) {
         h.cancelable && h.preventDefault();
@@ -1106,23 +1106,23 @@ function Kn(e) {
   return m.createElement(
     m.Fragment,
     null,
-    E ? m.createElement(r, { styles: Hn(a) }) : null,
-    f ? m.createElement(Mn, { gapMode: "margin" }) : null
+    E ? m.createElement(r, { styles: Vn(a) }) : null,
+    f ? m.createElement(kn, { gapMode: "margin" }) : null
   );
 }
-const Xn = wn(lt, Kn);
+const Gn = xn(lt, Xn);
 var ht = m.forwardRef(function(e, n) {
-  return m.createElement(_e, k({}, e, { ref: n, sideCar: Xn }));
+  return m.createElement(_e, k({}, e, { ref: n, sideCar: Gn }));
 });
 ht.classNames = _e.classNames;
-var Gn = function(e) {
+var Yn = function(e) {
   if (typeof document > "u")
     return null;
   var n = Array.isArray(e) ? e[0] : e;
   return n.ownerDocument.body;
 }, G = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), de = {}, Ce = 0, mt = function(e) {
   return e && (e.host || mt(e.parentNode));
-}, Yn = function(e, n) {
+}, Zn = function(e, n) {
   return n.map(function(t) {
     if (e.contains(t))
       return t;
@@ -1131,8 +1131,8 @@ var Gn = function(e) {
   }).filter(function(t) {
     return !!t;
   });
-}, Zn = function(e, n, t, o) {
-  var a = Yn(n, Array.isArray(e) ? e : [e]);
+}, Qn = function(e, n, t, o) {
+  var a = Zn(n, Array.isArray(e) ? e : [e]);
   de[t] || (de[t] = /* @__PURE__ */ new WeakMap());
   var r = de[t], i = [], c = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
     !l || c.has(l) || (c.add(l), d(l.parentNode));
@@ -1157,20 +1157,20 @@ var Gn = function(e) {
       G.set(l, v), r.set(l, f), v || (le.has(l) || l.removeAttribute(o), le.delete(l)), f || l.removeAttribute(t);
     }), Ce--, Ce || (G = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), de = {});
   };
-}, Qn = function(e, n, t) {
+}, Jn = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = Gn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Zn(o, a, t, "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]"))), Qn(o, a, t, "aria-hidden")) : function() {
     return null;
   };
 };
-const gt = "Dialog", [_t, wo] = Ft(gt), [Jn, M] = _t(gt), er = (e) => {
-  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, c = N(null), s = N(null), [d = !1, p] = Wt({
+const gt = "Dialog", [_t, wo] = jt(gt), [er, M] = _t(gt), tr = (e) => {
+  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, c = N(null), s = N(null), [d = !1, p] = zt({
     prop: o,
     defaultProp: a,
     onChange: r
   });
-  return /* @__PURE__ */ _(Jn, {
+  return /* @__PURE__ */ _(er, {
     scope: n,
     triggerRef: c,
     contentRef: s,
@@ -1189,8 +1189,8 @@ const gt = "Dialog", [_t, wo] = Ft(gt), [Jn, M] = _t(gt), er = (e) => {
     ),
     modal: i
   }, t);
-}, tr = "DialogTrigger", nr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(tr, t), r = J(n, a.triggerRef);
+}, nr = "DialogTrigger", rr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(nr, t), r = J(n, a.triggerRef);
   return /* @__PURE__ */ _(W.button, P({
     type: "button",
     "aria-haspopup": "dialog",
@@ -1201,30 +1201,30 @@ const gt = "Dialog", [_t, wo] = Ft(gt), [Jn, M] = _t(gt), er = (e) => {
     ref: r,
     onClick: B(e.onClick, a.onOpenToggle)
   }));
-}), bt = "DialogPortal", [rr, $t] = _t(bt, {
+}), bt = "DialogPortal", [or, $t] = _t(bt, {
   forceMount: void 0
-}), or = (e) => {
+}), ar = (e) => {
   const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = M(bt, n);
-  return /* @__PURE__ */ _(rr, {
+  return /* @__PURE__ */ _(or, {
     scope: n,
     forceMount: t
-  }, I.map(
+  }, L.map(
     o,
     (i) => /* @__PURE__ */ _(ge, {
       present: t || r.open
-    }, /* @__PURE__ */ _(ln, {
+    }, /* @__PURE__ */ _(dn, {
       asChild: !0,
       container: a
     }, i))
   ));
-}, De = "DialogOverlay", ar = /* @__PURE__ */ S((e, n) => {
+}, De = "DialogOverlay", ir = /* @__PURE__ */ S((e, n) => {
   const t = $t(De, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = M(De, e.__scopeDialog);
   return r.modal ? /* @__PURE__ */ _(ge, {
     present: o || r.open
-  }, /* @__PURE__ */ _(ir, P({}, a, {
+  }, /* @__PURE__ */ _(cr, P({}, a, {
     ref: n
   }))) : null;
-}), ir = /* @__PURE__ */ S((e, n) => {
+}), cr = /* @__PURE__ */ S((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = M(De, t);
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
@@ -1245,20 +1245,20 @@ const gt = "Dialog", [_t, wo] = Ft(gt), [Jn, M] = _t(gt), er = (e) => {
       }
     })))
   );
-}), oe = "DialogContent", cr = /* @__PURE__ */ S((e, n) => {
+}), oe = "DialogContent", ur = /* @__PURE__ */ S((e, n) => {
   const t = $t(oe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = M(oe, e.__scopeDialog);
   return /* @__PURE__ */ _(ge, {
     present: o || r.open
-  }, r.modal ? /* @__PURE__ */ _(ur, P({}, a, {
+  }, r.modal ? /* @__PURE__ */ _(sr, P({}, a, {
     ref: n
-  })) : /* @__PURE__ */ _(sr, P({}, a, {
+  })) : /* @__PURE__ */ _(lr, P({}, a, {
     ref: n
   })));
-}), ur = /* @__PURE__ */ S((e, n) => {
+}), sr = /* @__PURE__ */ S((e, n) => {
   const t = M(oe, e.__scopeDialog), o = N(null), a = J(n, t.contentRef, o);
   return A(() => {
     const r = o.current;
-    if (r) return Qn(r);
+    if (r) return Jn(r);
   }, []), /* @__PURE__ */ _(yt, P({}, e, {
     ref: a,
     trapFocus: t.open,
@@ -1276,7 +1276,7 @@ const gt = "Dialog", [_t, wo] = Ft(gt), [Jn, M] = _t(gt), er = (e) => {
       (r) => r.preventDefault()
     )
   }));
-}), sr = /* @__PURE__ */ S((e, n) => {
+}), lr = /* @__PURE__ */ S((e, n) => {
   const t = M(oe, e.__scopeDialog), o = N(!1), a = N(!1);
   return /* @__PURE__ */ _(yt, P({}, e, {
     ref: n,
@@ -1299,13 +1299,13 @@ const gt = "Dialog", [_t, wo] = Ft(gt), [Jn, M] = _t(gt), er = (e) => {
   }));
 }), yt = /* @__PURE__ */ S((e, n) => {
   const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, c = M(oe, t), s = N(null), d = J(n, s);
-  return fn(), /* @__PURE__ */ _(Ie, null, /* @__PURE__ */ _(nn, {
+  return vn(), /* @__PURE__ */ _(Le, null, /* @__PURE__ */ _(rn, {
     asChild: !0,
     loop: !0,
     trapped: o,
     onMountAutoFocus: a,
     onUnmountAutoFocus: r
-  }, /* @__PURE__ */ _(Jt, P({
+  }, /* @__PURE__ */ _(en, P({
     role: "dialog",
     id: c.contentId,
     "aria-describedby": c.descriptionId,
@@ -1315,22 +1315,22 @@ const gt = "Dialog", [_t, wo] = Ft(gt), [Jn, M] = _t(gt), er = (e) => {
     ref: d,
     onDismiss: () => c.onOpenChange(!1)
   }))), !1);
-}), lr = "DialogTitle", dr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(lr, t);
+}), dr = "DialogTitle", pr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(dr, t);
   return /* @__PURE__ */ _(W.h2, P({
     id: a.titleId
   }, o, {
     ref: n
   }));
-}), pr = "DialogDescription", fr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(pr, t);
+}), fr = "DialogDescription", vr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(fr, t);
   return /* @__PURE__ */ _(W.p, P({
     id: a.descriptionId
   }, o, {
     ref: n
   }));
-}), vr = "DialogClose", hr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(vr, t);
+}), hr = "DialogClose", mr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(hr, t);
   return /* @__PURE__ */ _(W.button, P({
     type: "button"
   }, o, {
@@ -1344,12 +1344,12 @@ const gt = "Dialog", [_t, wo] = Ft(gt), [Jn, M] = _t(gt), er = (e) => {
 function Me(e) {
   return e ? "open" : "closed";
 }
-const mr = er, gr = nr, _r = or, br = ar, $r = cr, yr = dr, Ze = fr, Er = hr, wr = {
+const gr = tr, _r = rr, br = ar, $r = ir, yr = ur, Er = pr, Ze = vr, wr = mr, xr = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function xr(e) {
+function Sr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Et = { exports: {} };
@@ -1388,30 +1388,30 @@ var Et = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Et);
-var Sr = Et.exports;
-const Qe = /* @__PURE__ */ xr(Sr), Cr = "_rotate_1xozj_1", Or = "_dash_1xozj_1", ee = {
+var Cr = Et.exports;
+const Qe = /* @__PURE__ */ Sr(Cr), Or = "_rotate_1xozj_1", Nr = "_dash_1xozj_1", ee = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Cr,
+  rotate: Or,
   "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: Or,
+  dash: Nr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, te = "purpur-spinner", Nr = {
+}, te = "purpur-spinner", Pr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Pr = ({
+}, Ar = ({
   ["data-testid"]: e,
   disabled: n = !1,
   negative: t = !1,
-  size: o = Nr.SM,
+  size: o = Pr.SM,
   ...a
 }) => /* @__PURE__ */ b(
   "div",
@@ -1433,7 +1433,7 @@ const Qe = /* @__PURE__ */ xr(Sr), Cr = "_rotate_1xozj_1", Or = "_dash_1xozj_1",
     ) })
   }
 );
-function Ar(e) {
+function Tr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var wt = { exports: {} };
@@ -1472,8 +1472,8 @@ var wt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(wt);
-var Tr = wt.exports;
-const Dr = /* @__PURE__ */ Ar(Tr), Lr = {
+var Dr = wt.exports;
+const Ir = /* @__PURE__ */ Tr(Dr), Lr = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -1494,7 +1494,7 @@ const Dr = /* @__PURE__ */ Ar(Tr), Lr = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, Ir = Dr.bind(Lr), q = "purpur-button", Rr = ({
+}, Rr = Ir.bind(Lr), q = "purpur-button", Mr = ({
   children: e,
   className: n,
   ["data-testid"]: t,
@@ -1511,7 +1511,7 @@ const Dr = /* @__PURE__ */ Ar(Tr), Lr = {
 }, f) => {
   if (r && p === "destructive")
     return null;
-  const E = Ir(
+  const E = Rr(
     [
       q,
       `${q}--${c ? `${p}-negative` : p}`,
@@ -1538,15 +1538,15 @@ const Dr = /* @__PURE__ */ Ar(Tr), Lr = {
       onClick: u,
       ...v,
       children: [
-        i && /* @__PURE__ */ b(Pr, { size: d === wr.LG ? "xs" : "xxs", negative: c, disabled: h }),
+        i && /* @__PURE__ */ b(Ar, { size: d === xr.LG ? "xs" : "xxs", negative: c, disabled: h }),
         " ",
         e
       ]
     }
   );
-}, ke = S(Rr);
+}, ke = S(Mr);
 ke.displayName = "Button";
-function Mr(e) {
+function kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var xt = { exports: {} };
@@ -1585,8 +1585,8 @@ var xt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(xt);
-var kr = xt.exports;
-const Fr = /* @__PURE__ */ Mr(kr), pe = {
+var Fr = xt.exports;
+const jr = /* @__PURE__ */ kr(Fr), pe = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1602,7 +1602,7 @@ const Fr = /* @__PURE__ */ Mr(kr), 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"
-}, jr = {
+}, Br = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1618,10 +1618,10 @@ const Fr = /* @__PURE__ */ Mr(kr), pe = {
   enableHyphenation: o = !1,
   negative: a = !1,
   tag: r,
-  variant: i = jr.TITLE100,
+  variant: i = Br.TITLE100,
   ...c
 }) => {
-  const s = r, d = Fr([
+  const s = r, d = jr([
     t,
     pe[fe],
     pe[`${fe}--${i}`],
@@ -1633,7 +1633,7 @@ const Fr = /* @__PURE__ */ Mr(kr), pe = {
   return /* @__PURE__ */ b(s, { ...c, className: d, "data-testid": e, children: n });
 };
 St.displayName = "Heading";
-function Br(e) {
+function Ur(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ct = { exports: {} };
@@ -1672,8 +1672,8 @@ var Ct = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Ct);
-var Ur = Ct.exports;
-const Wr = /* @__PURE__ */ Br(Ur), zr = {
+var Wr = Ct.exports;
+const zr = /* @__PURE__ */ Ur(Wr), qr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1681,39 +1681,39 @@ const Wr = /* @__PURE__ */ Br(Ur), zr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, qr = {
+}, Hr = {
   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"
 }, Ot = (e) => /* @__PURE__ */ b(
-  Yr,
+  Nt,
   {
     ...e,
-    svg: qr
+    svg: Hr
   }
 );
 Ot.displayName = "IconClose";
-const Hr = Wr.bind(zr), Je = "purpur-icon", Vr = "md", Kr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Xr = ({ content: e = "", title: n } = {}) => {
+const Vr = zr.bind(qr), Je = "purpur-icon", Kr = "md", Xr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Gr = ({ 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 ${Kr(t)}>${o}${e}</svg>`;
-}, Gr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Yr = ({
+  return `<svg ${Xr(t)}>${o}${e}</svg>`;
+}, Yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Nt = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: o,
-  size: a = Vr,
+  size: a = Kr,
   ...r
 }) => {
-  const i = Xr({
-    content: Gr(n.svg),
+  const i = Gr({
+    content: Yr(n.svg),
     title: t
-  }), c = Hr(o, Je, `${Je}--${a}`);
+  }), c = Vr(o, Je, `${Je}--${a}`);
   return /* @__PURE__ */ b(
     "span",
     {
@@ -1725,10 +1725,11 @@ const Hr = Wr.bind(zr), Je = "purpur-icon", Vr = "md", Kr = (e) => e.filter((n)
     }
   );
 };
+Nt.displayName = "Icon";
 function Zr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Nt = { exports: {} };
+var Pt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1763,8 +1764,8 @@ var Nt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Nt);
-var Qr = Nt.exports;
+})(Pt);
+var Qr = Pt.exports;
 const Jr = /* @__PURE__ */ Zr(Qr), ne = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
@@ -1791,7 +1792,7 @@ const Jr = /* @__PURE__ */ Zr(Qr), ne = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, re = "purpur-paragraph", Pt = ({
+}, re = "purpur-paragraph", At = ({
   ["data-testid"]: e,
   children: n,
   className: t,
@@ -1813,7 +1814,7 @@ const Jr = /* @__PURE__ */ Zr(Qr), ne = {
   ]);
   return /* @__PURE__ */ b("p", { ...c, className: s, "data-testid": e, children: n });
 };
-Pt.displayName = "Paragraph";
+At.displayName = "Paragraph";
 function Z() {
   return Z = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -1831,28 +1832,28 @@ function no(...e) {
     (t) => to(t, n)
   );
 }
-const At = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...o } = e, a = I.toArray(t), r = a.find(oo);
+const Tt = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...o } = e, a = L.toArray(t), r = a.find(oo);
   if (r) {
-    const i = r.props.children, c = a.map((s) => s === r ? I.count(i) > 1 ? I.only(null) : /* @__PURE__ */ U(i) ? i.props.children : null : s);
-    return /* @__PURE__ */ _(Le, Z({}, o, {
+    const i = r.props.children, c = a.map((s) => s === r ? L.count(i) > 1 ? L.only(null) : /* @__PURE__ */ U(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ _(Ie, Z({}, o, {
       ref: n
     }), /* @__PURE__ */ U(i) ? /* @__PURE__ */ ae(i, void 0, c) : null);
   }
-  return /* @__PURE__ */ _(Le, Z({}, o, {
+  return /* @__PURE__ */ _(Ie, Z({}, o, {
     ref: n
   }), t);
 });
-At.displayName = "Slot";
-const Le = /* @__PURE__ */ S((e, n) => {
+Tt.displayName = "Slot";
+const Ie = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ U(t) ? /* @__PURE__ */ ae(t, {
     ...ao(o, t.props),
     ref: n ? no(n, t.ref) : t.ref
-  }) : I.count(t) > 1 ? I.only(null) : null;
+  }) : L.count(t) > 1 ? L.only(null) : null;
 });
-Le.displayName = "SlotClone";
-const ro = ({ children: e }) => /* @__PURE__ */ _(Ie, null, e);
+Ie.displayName = "SlotClone";
+const ro = ({ children: e }) => /* @__PURE__ */ _(Le, null, e);
 function oo(e) {
   return /* @__PURE__ */ U(e) && e.type === ro;
 }
@@ -1896,7 +1897,7 @@ const io = [
   "ul"
 ], co = io.reduce((e, n) => {
   const t = /* @__PURE__ */ S((o, a) => {
-    const { asChild: r, ...i } = o, c = r ? At : n;
+    const { asChild: r, ...i } = o, c = r ? Tt : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ _(c, Z({}, i, {
@@ -1932,7 +1933,7 @@ const io = [
 function po(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Tt = { exports: {} };
+var Dt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1967,8 +1968,8 @@ var Tt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Tt);
-var fo = Tt.exports;
+})(Dt);
+var fo = Dt.exports;
 const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
   "purpur-modal-content": "_purpur-modal-content_1ifm3_1",
   fadeIn: ho,
@@ -2015,22 +2016,22 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
       o
     ]), D = (R) => e ? `${e} ${R}` : void 0, w = (R) => {
       r && R.preventDefault();
-    }, L = Q(() => {
+    }, I = Q(() => {
       if (!$.current || !x.current)
         return;
-      const R = window.getComputedStyle($.current, null), Dt = parseFloat(R.getPropertyValue("height")), Lt = x.current.offsetHeight;
-      y(Dt < Lt);
+      const R = window.getComputedStyle($.current, null), It = parseFloat(R.getPropertyValue("height")), Lt = x.current.offsetHeight;
+      y(It < Lt);
     }, []), ie = (R) => {
       r && !h && R.preventDefault();
     };
-    return A(() => (window.addEventListener("resize", L), () => {
-      window.removeEventListener("resize", L);
-    }), [L]), A(() => {
-      L();
-    }, [l, t, L]), /* @__PURE__ */ j(_r, { children: [
-      /* @__PURE__ */ b(br, { className: T(`${O}__overlay`), style: { zIndex: v } }),
+    return A(() => (window.addEventListener("resize", I), () => {
+      window.removeEventListener("resize", I);
+    }), [I]), A(() => {
+      I();
+    }, [l, t, I]), /* @__PURE__ */ j(br, { children: [
+      /* @__PURE__ */ b($r, { className: T(`${O}__overlay`), style: { zIndex: v } }),
       /* @__PURE__ */ j(
-        $r,
+        yr,
         {
           ...g,
           className: z,
@@ -2038,7 +2039,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
           ref: E,
           ...!a && { "aria-describedby": void 0 },
           onPointerDownOutside: w,
-          onOpenAutoFocus: L,
+          onOpenAutoFocus: I,
           onEscapeKeyDown: ie,
           style: { zIndex: `calc(${v} + 1)` },
           children: [
@@ -2061,7 +2062,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
                     }
                   ),
                   /* @__PURE__ */ b(
-                    yr,
+                    Er,
                     {
                       asChild: !0,
                       className: T(`${O}__title`),
@@ -2086,7 +2087,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
                       asChild: !0,
                       className: T(`${O}__description`),
                       "data-testid": D("description"),
-                      children: /* @__PURE__ */ b(Pt, { variant: "paragraph-100", children: a })
+                      children: /* @__PURE__ */ b(At, { variant: "paragraph-100", children: a })
                     }
                   ),
                   /* @__PURE__ */ b("div", { children: t }),
@@ -2118,7 +2119,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
   allyLabel: e,
   hasImage: n,
   ["data-testid"]: t
-}) => /* @__PURE__ */ b(Er, { asChild: !0, children: /* @__PURE__ */ b(
+}) => /* @__PURE__ */ b(wr, { asChild: !0, children: /* @__PURE__ */ b(
   ke,
   {
     variant: n ? "primary" : "tertiary-purple",
@@ -2158,7 +2159,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
   ] }) : null;
 }, bo = S(
   ({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ b(
-    gr,
+    _r,
     {
       asChild: !0,
       ref: a,
@@ -2173,7 +2174,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
   children: n,
   open: t,
   onOpenChange: o
-}) => /* @__PURE__ */ b(mr, { open: t, onOpenChange: o, "data-testid": e, children: n });
+}) => /* @__PURE__ */ b(gr, { open: t, onOpenChange: o, "data-testid": e, children: n });
 Fe.Trigger = bo;
 Fe.Content = go;
 Fe.displayName = "Modal";