@purpurds/modal 4.4.0 → 4.5.0

package/dist/modal.es.js

@@ -1,6 +1,6 @@
 import { jsxs as j, jsx as _ } from "react/jsx-runtime";
-import * as g from "react";
-import { useCallback as Q, createContext as xe, useMemo as ge, createElement as m, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as V, forwardRef as C, Children as M, isValidElement as W, cloneElement as re, Fragment as Ie, useReducer as Dt } from "react";
+import * as m from "react";
+import { useCallback as Q, createContext as xe, useMemo as me, createElement as g, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as G, forwardRef as C, Children as M, isValidElement as q, cloneElement as re, Fragment as Ie, useReducer as Dt } from "react";
 import It, { flushSync as nt } from "react-dom";
 function P() {
   return P = Object.assign ? Object.assign.bind() : function(e) {
@@ -38,11 +38,11 @@ function Mt(e, n = []) {
       i
     ];
     function d(l) {
-      const { scope: h, children: f, ...E } = l, c = (h == null ? void 0 : h[e][s]) || u, v = ge(
+      const { scope: h, children: f, ...E } = l, c = (h == null ? void 0 : h[e][s]) || u, v = me(
         () => E,
         Object.values(E)
       );
-      return /* @__PURE__ */ m(c.Provider, {
+      return /* @__PURE__ */ g(c.Provider, {
         value: v
       }, f);
     }
@@ -63,7 +63,7 @@ function Mt(e, n = []) {
     const r = t.map((i) => /* @__PURE__ */ xe(i));
     return function(u) {
       const s = (u == null ? void 0 : u[e]) || r;
-      return ge(
+      return me(
         () => ({
           [`__scope${e}`]: {
             ...u,
@@ -101,7 +101,7 @@ function Lt(...e) {
           ...l
         };
       }, {});
-      return ge(
+      return me(
         () => ({
           [`__scope${n.scopeName}`]: i
         }),
@@ -114,24 +114,24 @@ function Lt(...e) {
   return t.scopeName = n.scopeName, t;
 }
 const Oe = globalThis != null && globalThis.document ? Tt : () => {
-}, Ft = g.useId || (() => {
+}, kt = m.useId || (() => {
 });
-let kt = 0;
+let Ft = 0;
 function be(e) {
-  const [n, t] = g.useState(Ft());
+  const [n, t] = m.useState(kt());
   return Oe(() => {
     e || t(
-      (o) => o ?? String(kt++)
+      (o) => o ?? String(Ft++)
     );
   }, [
     e
   ]), e || (n ? `radix-${n}` : "");
 }
-function G(e) {
+function K(e) {
   const n = O(e);
   return A(() => {
     n.current = e;
-  }), ge(
+  }), me(
     () => (...t) => {
       var o;
       return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
@@ -144,7 +144,7 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
   const [o, a] = Bt({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, i = r ? e : o, u = G(t), s = Q((d) => {
+  }), r = e !== void 0, i = r ? e : o, u = K(t), s = Q((d) => {
     if (r) {
       const l = typeof d == "function" ? d(e) : d;
       l !== e && u(l);
@@ -162,7 +162,7 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function Bt({ defaultProp: e, onChange: n }) {
-  const t = V(e), [o] = t, a = O(o), r = G(n);
+  const t = G(e), [o] = t, a = O(o), r = K(n);
   return A(() => {
     a.current !== o && (r(o), a.current = o);
   }, [
@@ -172,31 +172,31 @@ function Bt({ defaultProp: e, onChange: n }) {
   ]), t;
 }
 const Re = /* @__PURE__ */ C((e, n) => {
-  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(Ut);
+  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(Wt);
   if (r) {
-    const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : s);
-    return /* @__PURE__ */ m(Pe, P({}, o, {
+    const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ q(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ g(Pe, P({}, o, {
       ref: n
-    }), /* @__PURE__ */ W(i) ? /* @__PURE__ */ re(i, void 0, u) : null);
+    }), /* @__PURE__ */ q(i) ? /* @__PURE__ */ re(i, void 0, u) : null);
   }
-  return /* @__PURE__ */ m(Pe, P({}, o, {
+  return /* @__PURE__ */ g(Pe, P({}, o, {
     ref: n
   }), t);
 });
 Re.displayName = "Slot";
 const Pe = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ W(t) ? /* @__PURE__ */ re(t, {
-    ...zt(o, t.props),
+  return /* @__PURE__ */ q(t) ? /* @__PURE__ */ re(t, {
+    ...Ut(o, t.props),
     ref: n ? rt(n, t.ref) : t.ref
   }) : M.count(t) > 1 ? M.only(null) : null;
 });
 Pe.displayName = "SlotClone";
-const Wt = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
-function Ut(e) {
-  return /* @__PURE__ */ W(e) && e.type === Wt;
+const qt = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
+function Wt(e) {
+  return /* @__PURE__ */ q(e) && e.type === qt;
 }
-function zt(e, n) {
+function Ut(e, n) {
   const t = {
     ...n
   };
@@ -217,7 +217,7 @@ function zt(e, n) {
     ...t
   };
 }
-const qt = [
+const Ht = [
   "a",
   "button",
   "div",
@@ -234,12 +234,12 @@ const qt = [
   "span",
   "svg",
   "ul"
-], U = qt.reduce((e, n) => {
+], W = Ht.reduce((e, n) => {
   const t = /* @__PURE__ */ C((o, a) => {
     const { asChild: r, ...i } = o, u = r ? Re : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ m(u, P({}, i, {
+    }, []), /* @__PURE__ */ g(u, P({}, i, {
       ref: a
     }));
   });
@@ -248,13 +248,13 @@ const qt = [
     [n]: t
   };
 }, {});
-function Ht(e, n) {
+function Vt(e, n) {
   e && nt(
     () => e.dispatchEvent(n)
   );
 }
-function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = G(e);
+function Gt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = K(e);
   A(() => {
     const o = (a) => {
       a.key === "Escape" && t(a);
@@ -265,20 +265,20 @@ function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
     n
   ]);
 }
-const Ne = "dismissableLayer.update", Gt = "dismissableLayer.pointerDownOutside", Kt = "dismissableLayer.focusOutside";
-let ke;
+const Ne = "dismissableLayer.update", Kt = "dismissableLayer.pointerDownOutside", zt = "dismissableLayer.focusOutside";
+let Fe;
 const Xt = /* @__PURE__ */ xe({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 }), Yt = /* @__PURE__ */ C((e, n) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: s, ...d } = e, p = tt(Xt), [l, h] = V(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = V({}), c = J(
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: s, ...d } = e, p = tt(Xt), [l, h] = G(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = G({}), c = J(
     n,
     (w) => h(w)
   ), v = Array.from(p.layers), [b] = [
     ...p.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), x = v.indexOf(b), $ = l ? v.indexOf(l) : -1, y = p.layersWithOutsidePointerEventsDisabled.size > 0, S = $ >= x, z = Zt((w) => {
+  ].slice(-1), x = v.indexOf(b), y = l ? v.indexOf(l) : -1, $ = p.layersWithOutsidePointerEventsDisabled.size > 0, S = y >= x, U = Zt((w) => {
     const I = w.target, oe = [
       ...p.branches
     ].some(
@@ -293,12 +293,12 @@ const Xt = /* @__PURE__ */ xe({
       (R) => R.contains(I)
     ) || (i == null || i(w), u == null || u(w), w.defaultPrevented || s == null || s());
   }, f);
-  return Vt((w) => {
-    $ === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && s && (w.preventDefault(), s()));
+  return Gt((w) => {
+    y === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && s && (w.preventDefault(), s()));
   }, f), A(() => {
     if (l)
-      return o && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (ke = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(l)), p.layers.add(l), je(), () => {
-        o && p.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = ke);
+      return o && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (Fe = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(l)), p.layers.add(l), je(), () => {
+        o && p.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = Fe);
       };
   }, [
     l,
@@ -313,25 +313,25 @@ const Xt = /* @__PURE__ */ xe({
   ]), A(() => {
     const w = () => E({});
     return document.addEventListener(Ne, w), () => document.removeEventListener(Ne, w);
-  }, []), /* @__PURE__ */ m(U.div, P({}, d, {
+  }, []), /* @__PURE__ */ g(W.div, P({}, d, {
     ref: c,
     style: {
-      pointerEvents: y ? S ? "auto" : "none" : void 0,
+      pointerEvents: $ ? S ? "auto" : "none" : void 0,
       ...e.style
     },
     onFocusCapture: B(e.onFocusCapture, T.onFocusCapture),
     onBlurCapture: B(e.onBlurCapture, T.onBlurCapture),
-    onPointerDownCapture: B(e.onPointerDownCapture, z.onPointerDownCapture)
+    onPointerDownCapture: B(e.onPointerDownCapture, U.onPointerDownCapture)
   }));
 });
 function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = G(e), o = O(!1), a = O(() => {
+  const t = K(e), o = O(!1), a = O(() => {
   });
   return A(() => {
     const r = (u) => {
       if (u.target && !o.current) {
         let d = function() {
-          ot(Gt, t, s, {
+          ot(Kt, t, s, {
             discrete: !0
           });
         };
@@ -359,10 +359,10 @@ function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = G(e), o = O(!1);
+  const t = K(e), o = O(!1);
   return A(() => {
     const a = (r) => {
-      r.target && !o.current && ot(Kt, t, {
+      r.target && !o.current && ot(zt, t, {
         originalEvent: r
       }, {
         discrete: !1
@@ -389,13 +389,13 @@ function ot(e, n, t, { discrete: o }) {
   });
   n && a.addEventListener(e, n, {
     once: !0
-  }), o ? Ht(a, r) : a.dispatchEvent(r);
+  }), o ? Vt(a, r) : a.dispatchEvent(r);
 }
-const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount", Be = {
+const ye = "focusScope.autoFocusOnMount", $e = "focusScope.autoFocusOnUnmount", Be = {
   bubbles: !1,
   cancelable: !0
 }, Jt = /* @__PURE__ */ C((e, n) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, s] = V(null), d = G(a), p = G(r), l = O(null), h = J(
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, s] = G(null), d = K(a), p = K(r), l = O(null), h = J(
     n,
     (c) => s(c)
   ), f = O({
@@ -409,24 +409,24 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
   }).current;
   A(() => {
     if (o) {
-      let c = function($) {
+      let c = function(y) {
         if (f.paused || !u)
           return;
-        const y = $.target;
-        u.contains(y) ? l.current = y : k(l.current, {
+        const $ = y.target;
+        u.contains($) ? l.current = $ : F(l.current, {
           select: !0
         });
-      }, v = function($) {
+      }, v = function(y) {
         if (f.paused || !u)
           return;
-        const y = $.relatedTarget;
-        y !== null && (u.contains(y) || k(l.current, {
+        const $ = y.relatedTarget;
+        $ !== null && (u.contains($) || F(l.current, {
           select: !0
         }));
-      }, b = function($) {
+      }, b = function(y) {
         if (document.activeElement === document.body)
-          for (const S of $)
-            S.removedNodes.length > 0 && k(u);
+          for (const S of y)
+            S.removedNodes.length > 0 && F(u);
       };
       document.addEventListener("focusin", c), document.addEventListener("focusout", v);
       const x = new MutationObserver(b);
@@ -443,20 +443,20 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
     f.paused
   ]), A(() => {
     if (u) {
-      Ue.add(f);
+      We.add(f);
       const c = document.activeElement;
       if (!u.contains(c)) {
-        const b = new CustomEvent($e, Be);
-        u.addEventListener($e, d), u.dispatchEvent(b), b.defaultPrevented || (en(an(at(u)), {
+        const b = new CustomEvent(ye, Be);
+        u.addEventListener(ye, d), u.dispatchEvent(b), b.defaultPrevented || (en(an(at(u)), {
           select: !0
-        }), document.activeElement === c && k(u));
+        }), document.activeElement === c && F(u));
       }
       return () => {
-        u.removeEventListener($e, d), setTimeout(() => {
-          const b = new CustomEvent(ye, Be);
-          u.addEventListener(ye, p), u.dispatchEvent(b), b.defaultPrevented || k(c ?? document.body, {
+        u.removeEventListener(ye, d), setTimeout(() => {
+          const b = new CustomEvent($e, Be);
+          u.addEventListener($e, p), u.dispatchEvent(b), b.defaultPrevented || F(c ?? document.body, {
             select: !0
-          }), u.removeEventListener(ye, p), Ue.remove(f);
+          }), u.removeEventListener($e, p), We.remove(f);
         }, 0);
       };
     }
@@ -471,10 +471,10 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
       return;
     const v = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, b = document.activeElement;
     if (v && b) {
-      const x = c.currentTarget, [$, y] = tn(x);
-      $ && y ? !c.shiftKey && b === y ? (c.preventDefault(), t && k($, {
+      const x = c.currentTarget, [y, $] = tn(x);
+      y && $ ? !c.shiftKey && b === $ ? (c.preventDefault(), t && F(y, {
         select: !0
-      })) : c.shiftKey && b === $ && (c.preventDefault(), t && k(y, {
+      })) : c.shiftKey && b === y && (c.preventDefault(), t && F($, {
         select: !0
       })) : b === x && c.preventDefault();
     }
@@ -483,7 +483,7 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
     o,
     f.paused
   ]);
-  return /* @__PURE__ */ m(U.div, P({
+  return /* @__PURE__ */ g(W.div, P({
     tabIndex: -1
   }, i, {
     ref: h,
@@ -493,13 +493,13 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
 function en(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
-    if (k(o, {
+    if (F(o, {
       select: n
     }), document.activeElement !== t)
       return;
 }
 function tn(e) {
-  const n = at(e), t = We(n, e), o = We(n.reverse(), e);
+  const n = at(e), t = qe(n, e), o = qe(n.reverse(), e);
   return [
     t,
     o
@@ -516,7 +516,7 @@ function at(e) {
     n.push(t.currentNode);
   return n;
 }
-function We(e, n) {
+function qe(e, n) {
   for (const t of e)
     if (!nn(t, {
       upTo: n
@@ -538,7 +538,7 @@ function nn(e, { upTo: n }) {
 function rn(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function k(e, { select: n = !1 } = {}) {
+function F(e, { select: n = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
     e.focus({
@@ -546,21 +546,21 @@ function k(e, { select: n = !1 } = {}) {
     }), e !== t && rn(e) && n && e.select();
   }
 }
-const Ue = on();
+const We = on();
 function on() {
   let e = [];
   return {
     add(n) {
       const t = e[0];
-      n !== t && (t == null || t.pause()), e = ze(e, n), e.unshift(n);
+      n !== t && (t == null || t.pause()), e = Ue(e, n), e.unshift(n);
     },
     remove(n) {
       var t;
-      e = ze(e, n), (t = e[0]) === null || t === void 0 || t.resume();
+      e = Ue(e, n), (t = e[0]) === null || t === void 0 || t.resume();
     }
   };
 }
-function ze(e, n) {
+function Ue(e, n) {
   const t = [
     ...e
   ], o = t.indexOf(n);
@@ -574,7 +574,7 @@ function an(e) {
 const un = /* @__PURE__ */ C((e, n) => {
   var t;
   const { container: o = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...a } = e;
-  return o ? /* @__PURE__ */ It.createPortal(/* @__PURE__ */ m(U.div, P({}, a, {
+  return o ? /* @__PURE__ */ It.createPortal(/* @__PURE__ */ g(W.div, P({}, a, {
     ref: n
   })), o) : null;
 });
@@ -584,7 +584,7 @@ function cn(e, n) {
     return a ?? t;
   }, e);
 }
-const me = (e) => {
+const ge = (e) => {
   const { present: n, children: t } = e, o = sn(n), a = typeof t == "function" ? t({
     present: o.isPresent
   }) : M.only(t), r = J(o.ref, a.ref);
@@ -592,9 +592,9 @@ const me = (e) => {
     ref: r
   }) : null;
 };
-me.displayName = "Presence";
+ge.displayName = "Presence";
 function sn(e) {
-  const [n, t] = V(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, s] = cn(i, {
+  const [n, t] = G(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, s] = cn(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -657,26 +657,26 @@ function ln() {
   A(() => {
     var e, n;
     const t = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : qe()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : qe()), Ee++, () => {
+    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : He()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : He()), Ee++, () => {
       Ee === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
         (o) => o.remove()
       ), Ee--;
     };
   }, []);
 }
-function qe() {
+function He() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
 }
-var F = function() {
-  return F = Object.assign || function(n) {
+var k = function() {
+  return k = Object.assign || function(n) {
     for (var t, o = 1, a = arguments.length; o < a; o++) {
       t = arguments[o];
       for (var r in t)
         Object.prototype.hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, F.apply(this, arguments);
+  }, k.apply(this, arguments);
 };
 function it(e, n) {
   var t = {};
@@ -698,7 +698,7 @@ function vn(e, n) {
   return typeof e == "function" ? e(n) : e && (e.current = n), e;
 }
 function hn(e, n) {
-  var t = V(function() {
+  var t = G(function() {
     return {
       // value
       value: e,
@@ -718,18 +718,18 @@ function hn(e, n) {
   })[0];
   return t.callback = n, t.facade;
 }
-function gn(e, n) {
+function mn(e, n) {
   return hn(null, function(t) {
     return e.forEach(function(o) {
       return vn(o, t);
     });
   });
 }
-function mn(e) {
+function gn(e) {
   return e;
 }
 function _n(e, n) {
-  n === void 0 && (n = mn);
+  n === void 0 && (n = gn);
   var t = [], o = !1, a = {
     read: function() {
       if (o)
@@ -786,7 +786,7 @@ function _n(e, n) {
 function bn(e) {
   e === void 0 && (e = {});
   var n = _n(null);
-  return n.options = F({ async: !0, ssr: !1 }, e), n;
+  return n.options = k({ async: !0, ssr: !1 }, e), n;
 }
 var ut = function(e) {
   var n = e.sideCar, t = it(e, ["sideCar"]);
@@ -795,24 +795,24 @@ var ut = function(e) {
   var o = n.read();
   if (!o)
     throw new Error("Sidecar medium not found");
-  return g.createElement(o, F({}, t));
+  return m.createElement(o, k({}, t));
 };
 ut.isSideCarExport = !0;
-function $n(e, n) {
+function yn(e, n) {
   return e.useMedium(n), ut;
 }
 var ct = bn(), we = function() {
-}, _e = g.forwardRef(function(e, n) {
-  var t = g.useRef(null), o = g.useState({
+}, _e = m.forwardRef(function(e, n) {
+  var t = m.useRef(null), o = m.useState({
     onScrollCapture: we,
     onWheelCapture: we,
     onTouchMoveCapture: we
-  }), a = o[0], r = o[1], i = e.forwardProps, u = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, c = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, x = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), $ = h, y = gn([t, n]), S = F(F({}, x), a);
-  return g.createElement(
-    g.Fragment,
+  }), a = o[0], r = o[1], i = e.forwardProps, u = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, c = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, x = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), y = h, $ = mn([t, n]), S = k(k({}, x), a);
+  return m.createElement(
+    m.Fragment,
     null,
-    p && g.createElement($, { sideCar: ct, removeScrollBar: d, shards: l, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!c, lockRef: t }),
-    i ? g.cloneElement(g.Children.only(u), F(F({}, S), { ref: y })) : g.createElement(b, F({}, S, { className: s, ref: y }), u)
+    p && m.createElement(y, { sideCar: ct, removeScrollBar: d, shards: l, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!c, lockRef: t }),
+    i ? m.cloneElement(m.Children.only(u), k(k({}, S), { ref: $ })) : m.createElement(b, k({}, S, { className: s, ref: $ }), u)
   );
 });
 _e.defaultProps = {
@@ -824,7 +824,7 @@ _e.classNames = {
   fullWidth: he,
   zeroRight: ve
 };
-var yn = function() {
+var $n = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
@@ -833,7 +833,7 @@ function En() {
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var n = yn();
+  var n = $n();
   return n && e.setAttribute("nonce", n), e;
 }
 function wn(e, n) {
@@ -856,7 +856,7 @@ var Cn = function() {
 }, xn = function() {
   var e = Cn();
   return function(n, t) {
-    g.useEffect(function() {
+    m.useEffect(function() {
       return e.add(n), function() {
         e.remove();
       };
@@ -933,10 +933,10 @@ var Cn = function() {
   }
 `);
 }, Dn = function(e) {
-  var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o, r = g.useMemo(function() {
+  var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o, r = m.useMemo(function() {
     return Nn(a);
   }, [a]);
-  return g.createElement(An, { styles: Tn(r, !n, a, t ? "" : "!important") });
+  return m.createElement(An, { styles: Tn(r, !n, a, t ? "" : "!important") });
 }, Ae = !1;
 if (typeof window < "u")
   try {
@@ -949,7 +949,7 @@ if (typeof window < "u")
   } catch {
     Ae = !1;
   }
-var K = Ae ? { passive: !1 } : !1, In = function(e) {
+var z = Ae ? { passive: !1 } : !1, In = function(e) {
   return e.tagName === "TEXTAREA";
 }, lt = function(e, n) {
   var t = window.getComputedStyle(e);
@@ -962,7 +962,7 @@ var K = Ae ? { passive: !1 } : !1, In = function(e) {
   return lt(e, "overflowY");
 }, Mn = function(e) {
   return lt(e, "overflowX");
-}, He = function(e, n) {
+}, Ve = function(e, n) {
   var t = n;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
@@ -982,7 +982,7 @@ var K = Ae ? { passive: !1 } : !1, In = function(e) {
     t,
     o
   ];
-}, Fn = function(e) {
+}, kn = function(e) {
   var n = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     n,
@@ -992,11 +992,11 @@ var K = Ae ? { passive: !1 } : !1, In = function(e) {
 }, dt = function(e, n) {
   return e === "v" ? Rn(n) : Mn(n);
 }, pt = function(e, n) {
-  return e === "v" ? Ln(n) : Fn(n);
-}, kn = function(e, n) {
+  return e === "v" ? Ln(n) : kn(n);
+}, Fn = function(e, n) {
   return e === "h" && n === "rtl" ? -1 : 1;
 }, jn = function(e, n, t, o, a) {
-  var r = kn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, s = n.contains(u), d = !1, p = i > 0, l = 0, h = 0;
+  var r = Fn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, s = n.contains(u), d = !1, p = i > 0, l = 0, h = 0;
   do {
     var f = pt(e, u), E = f[0], c = f[1], v = f[2], b = c - v - r * E;
     (E || b) && dt(e, u) && (l += b, h += E), u = u.parentNode;
@@ -1008,28 +1008,28 @@ var K = Ae ? { passive: !1 } : !1, In = function(e) {
   return (p && (l === 0 || !a) || !p && (h === 0 || !a)) && (d = !0), d;
 }, ue = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Ve = function(e) {
-  return [e.deltaX, e.deltaY];
 }, Ge = function(e) {
+  return [e.deltaX, e.deltaY];
+}, Ke = function(e) {
   return e && "current" in e ? e.current : e;
 }, Bn = function(e, n) {
   return e[0] === n[0] && e[1] === n[1];
-}, Wn = function(e) {
+}, qn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Un = 0, X = [];
-function zn(e) {
-  var n = g.useRef([]), t = g.useRef([0, 0]), o = g.useRef(), a = g.useState(Un++)[0], r = g.useState(function() {
+}, Wn = 0, X = [];
+function Un(e) {
+  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Wn++)[0], r = m.useState(function() {
     return st();
-  })[0], i = g.useRef(e);
-  g.useEffect(function() {
+  })[0], i = m.useRef(e);
+  m.useEffect(function() {
     i.current = e;
-  }, [e]), g.useEffect(function() {
+  }, [e]), m.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var c = dn([e.lockRef.current], (e.shards || []).map(Ge), !0).filter(Boolean);
+      var c = dn([e.lockRef.current], (e.shards || []).map(Ke), !0).filter(Boolean);
       return c.forEach(function(v) {
         return v.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -1039,25 +1039,25 @@ function zn(e) {
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var u = g.useCallback(function(c, v) {
+  var u = m.useCallback(function(c, v) {
     if ("touches" in c && c.touches.length === 2)
       return !i.current.allowPinchZoom;
-    var b = ue(c), x = t.current, $ = "deltaX" in c ? c.deltaX : x[0] - b[0], y = "deltaY" in c ? c.deltaY : x[1] - b[1], S, z = c.target, T = Math.abs($) > Math.abs(y) ? "h" : "v";
-    if ("touches" in c && T === "h" && z.type === "range")
+    var b = ue(c), x = t.current, y = "deltaX" in c ? c.deltaX : x[0] - b[0], $ = "deltaY" in c ? c.deltaY : x[1] - b[1], S, U = c.target, T = Math.abs(y) > Math.abs($) ? "h" : "v";
+    if ("touches" in c && T === "h" && U.type === "range")
       return !1;
-    var w = He(T, z);
+    var w = Ve(T, U);
     if (!w)
       return !0;
-    if (w ? S = T : (S = T === "v" ? "h" : "v", w = He(T, z)), !w)
+    if (w ? S = T : (S = T === "v" ? "h" : "v", w = Ve(T, U)), !w)
       return !1;
-    if (!o.current && "changedTouches" in c && ($ || y) && (o.current = S), !S)
+    if (!o.current && "changedTouches" in c && (y || $) && (o.current = S), !S)
       return !0;
     var I = o.current || S;
-    return jn(I, v, c, I === "h" ? $ : y, !0);
-  }, []), s = g.useCallback(function(c) {
+    return jn(I, v, c, I === "h" ? y : $, !0);
+  }, []), s = m.useCallback(function(c) {
     var v = c;
     if (!(!X.length || X[X.length - 1] !== r)) {
-      var b = "deltaY" in v ? Ve(v) : ue(v), x = n.current.filter(function(S) {
+      var b = "deltaY" in v ? Ge(v) : ue(v), x = n.current.filter(function(S) {
         return S.name === v.type && S.target === v.target && Bn(S.delta, b);
       })[0];
       if (x && x.should) {
@@ -1065,58 +1065,58 @@ function zn(e) {
         return;
       }
       if (!x) {
-        var $ = (i.current.shards || []).map(Ge).filter(Boolean).filter(function(S) {
+        var y = (i.current.shards || []).map(Ke).filter(Boolean).filter(function(S) {
           return S.contains(v.target);
-        }), y = $.length > 0 ? u(v, $[0]) : !i.current.noIsolation;
-        y && v.cancelable && v.preventDefault();
+        }), $ = y.length > 0 ? u(v, y[0]) : !i.current.noIsolation;
+        $ && v.cancelable && v.preventDefault();
       }
     }
-  }, []), d = g.useCallback(function(c, v, b, x) {
-    var $ = { name: c, delta: v, target: b, should: x };
-    n.current.push($), setTimeout(function() {
-      n.current = n.current.filter(function(y) {
-        return y !== $;
+  }, []), d = m.useCallback(function(c, v, b, x) {
+    var y = { name: c, delta: v, target: b, should: x };
+    n.current.push(y), setTimeout(function() {
+      n.current = n.current.filter(function($) {
+        return $ !== y;
       });
     }, 1);
-  }, []), p = g.useCallback(function(c) {
+  }, []), p = m.useCallback(function(c) {
     t.current = ue(c), o.current = void 0;
-  }, []), l = g.useCallback(function(c) {
-    d(c.type, Ve(c), c.target, u(c, e.lockRef.current));
-  }, []), h = g.useCallback(function(c) {
+  }, []), l = m.useCallback(function(c) {
+    d(c.type, Ge(c), c.target, u(c, e.lockRef.current));
+  }, []), h = m.useCallback(function(c) {
     d(c.type, ue(c), c.target, u(c, e.lockRef.current));
   }, []);
-  g.useEffect(function() {
+  m.useEffect(function() {
     return X.push(r), e.setCallbacks({
       onScrollCapture: l,
       onWheelCapture: l,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", s, K), document.addEventListener("touchmove", s, K), document.addEventListener("touchstart", p, K), function() {
+    }), document.addEventListener("wheel", s, z), document.addEventListener("touchmove", s, z), document.addEventListener("touchstart", p, z), function() {
       X = X.filter(function(c) {
         return c !== r;
-      }), document.removeEventListener("wheel", s, K), document.removeEventListener("touchmove", s, K), document.removeEventListener("touchstart", p, K);
+      }), document.removeEventListener("wheel", s, z), document.removeEventListener("touchmove", s, z), document.removeEventListener("touchstart", p, z);
     };
   }, []);
   var f = e.removeScrollBar, E = e.inert;
-  return g.createElement(
-    g.Fragment,
+  return m.createElement(
+    m.Fragment,
     null,
-    E ? g.createElement(r, { styles: Wn(a) }) : null,
-    f ? g.createElement(Dn, { gapMode: "margin" }) : null
+    E ? m.createElement(r, { styles: qn(a) }) : null,
+    f ? m.createElement(Dn, { gapMode: "margin" }) : null
   );
 }
-const qn = $n(ct, zn);
-var ft = g.forwardRef(function(e, n) {
-  return g.createElement(_e, F({}, e, { ref: n, sideCar: qn }));
+const Hn = yn(ct, Un);
+var ft = m.forwardRef(function(e, n) {
+  return m.createElement(_e, k({}, e, { ref: n, sideCar: Hn }));
 });
 ft.classNames = _e.classNames;
-var Hn = function(e) {
+var Vn = function(e) {
   if (typeof document > "u")
     return null;
   var n = Array.isArray(e) ? e[0] : e;
   return n.ownerDocument.body;
 }, Y = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), se = {}, Ce = 0, vt = function(e) {
   return e && (e.host || vt(e.parentNode));
-}, Vn = function(e, n) {
+}, Gn = function(e, n) {
   return n.map(function(t) {
     if (e.contains(t))
       return t;
@@ -1125,8 +1125,8 @@ var Hn = function(e) {
   }).filter(function(t) {
     return !!t;
   });
-}, Gn = function(e, n, t, o) {
-  var a = Vn(n, Array.isArray(e) ? e : [e]);
+}, Kn = function(e, n, t, o) {
+  var a = Gn(n, Array.isArray(e) ? e : [e]);
   se[t] || (se[t] = /* @__PURE__ */ new WeakMap());
   var r = se[t], i = [], u = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
     !l || u.has(l) || (u.add(l), d(l.parentNode));
@@ -1148,20 +1148,20 @@ var Hn = function(e) {
       Y.set(l, h), r.set(l, f), h || (ce.has(l) || l.removeAttribute(o), ce.delete(l)), f || l.removeAttribute(t);
     }), Ce--, Ce || (Y = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), se = {});
   };
-}, Kn = function(e, n, t) {
+}, zn = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = Hn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Gn(o, a, t, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = Vn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Kn(o, a, t, "aria-hidden")) : function() {
     return null;
   };
 };
-const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
+const ht = "Dialog", [mt, yo] = Mt(ht), [Xn, L] = mt(ht), Yn = (e) => {
   const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = O(null), s = O(null), [d = !1, p] = jt({
     prop: o,
     defaultProp: a,
     onChange: r
   });
-  return /* @__PURE__ */ m(Xn, {
+  return /* @__PURE__ */ g(Xn, {
     scope: n,
     triggerRef: u,
     contentRef: s,
@@ -1182,7 +1182,7 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
   }, t);
 }, Zn = "DialogTrigger", Qn = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(Zn, t), r = J(n, a.triggerRef);
-  return /* @__PURE__ */ m(U.button, P({
+  return /* @__PURE__ */ g(W.button, P({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": a.open,
@@ -1192,27 +1192,27 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
     ref: r,
     onClick: B(e.onClick, a.onOpenToggle)
   }));
-}), mt = "DialogPortal", [Jn, _t] = gt(mt, {
+}), gt = "DialogPortal", [Jn, _t] = mt(gt, {
   forceMount: void 0
 }), er = (e) => {
-  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(mt, n);
-  return /* @__PURE__ */ m(Jn, {
+  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(gt, n);
+  return /* @__PURE__ */ g(Jn, {
     scope: n,
     forceMount: t
   }, M.map(
     o,
-    (i) => /* @__PURE__ */ m(me, {
+    (i) => /* @__PURE__ */ g(ge, {
       present: t || r.open
-    }, /* @__PURE__ */ m(un, {
+    }, /* @__PURE__ */ g(un, {
       asChild: !0,
       container: a
     }, i))
   ));
 }, Te = "DialogOverlay", tr = /* @__PURE__ */ C((e, n) => {
   const t = _t(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(Te, e.__scopeDialog);
-  return r.modal ? /* @__PURE__ */ m(me, {
+  return r.modal ? /* @__PURE__ */ g(ge, {
     present: o || r.open
-  }, /* @__PURE__ */ m(nr, P({}, a, {
+  }, /* @__PURE__ */ g(nr, P({}, a, {
     ref: n
   }))) : null;
 }), nr = /* @__PURE__ */ C((e, n) => {
@@ -1220,13 +1220,13 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
-    /* @__PURE__ */ m(ft, {
+    /* @__PURE__ */ g(ft, {
       as: Re,
       allowPinchZoom: !0,
       shards: [
         a.contentRef
       ]
-    }, /* @__PURE__ */ m(U.div, P({
+    }, /* @__PURE__ */ g(W.div, P({
       "data-state": Me(a.open)
     }, o, {
       ref: n,
@@ -1238,11 +1238,11 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
   );
 }), ne = "DialogContent", rr = /* @__PURE__ */ C((e, n) => {
   const t = _t(ne, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(ne, e.__scopeDialog);
-  return /* @__PURE__ */ m(me, {
+  return /* @__PURE__ */ g(ge, {
     present: o || r.open
-  }, r.modal ? /* @__PURE__ */ m(or, P({}, a, {
+  }, r.modal ? /* @__PURE__ */ g(or, P({}, a, {
     ref: n
-  })) : /* @__PURE__ */ m(ar, P({}, a, {
+  })) : /* @__PURE__ */ g(ar, P({}, a, {
     ref: n
   })));
 }), or = /* @__PURE__ */ C((e, n) => {
@@ -1250,8 +1250,8 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
   return A(() => {
     const r = o.current;
     if (r)
-      return Kn(r);
-  }, []), /* @__PURE__ */ m(bt, P({}, e, {
+      return zn(r);
+  }, []), /* @__PURE__ */ g(bt, P({}, e, {
     ref: a,
     trapFocus: t.open,
     disableOutsidePointerEvents: !0,
@@ -1270,7 +1270,7 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
   }));
 }), ar = /* @__PURE__ */ C((e, n) => {
   const t = L(ne, e.__scopeDialog), o = O(!1), a = O(!1);
-  return /* @__PURE__ */ m(bt, P({}, e, {
+  return /* @__PURE__ */ g(bt, P({}, e, {
     ref: n,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -1291,13 +1291,13 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
   }));
 }), bt = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = L(ne, t), s = O(null), d = J(n, s);
-  return ln(), /* @__PURE__ */ m(Ie, null, /* @__PURE__ */ m(Jt, {
+  return ln(), /* @__PURE__ */ g(Ie, null, /* @__PURE__ */ g(Jt, {
     asChild: !0,
     loop: !0,
     trapped: o,
     onMountAutoFocus: a,
     onUnmountAutoFocus: r
-  }, /* @__PURE__ */ m(Yt, P({
+  }, /* @__PURE__ */ g(Yt, P({
     role: "dialog",
     id: u.contentId,
     "aria-describedby": u.descriptionId,
@@ -1309,21 +1309,21 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
   }))), !1);
 }), ir = "DialogTitle", ur = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(ir, t);
-  return /* @__PURE__ */ m(U.h2, P({
+  return /* @__PURE__ */ g(W.h2, P({
     id: a.titleId
   }, o, {
     ref: n
   }));
 }), cr = "DialogDescription", sr = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(cr, t);
-  return /* @__PURE__ */ m(U.p, P({
+  return /* @__PURE__ */ g(W.p, P({
     id: a.descriptionId
   }, o, {
     ref: n
   }));
 }), lr = "DialogClose", dr = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(lr, t);
-  return /* @__PURE__ */ m(U.button, P({
+  return /* @__PURE__ */ g(W.button, P({
     type: "button"
   }, o, {
     ref: n,
@@ -1336,7 +1336,7 @@ const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
 function Me(e) {
   return e ? "open" : "closed";
 }
-const pr = Yn, fr = Qn, vr = er, hr = tr, gr = rr, mr = ur, Ke = sr, _r = dr, Xe = {
+const pr = Yn, fr = Qn, vr = er, hr = tr, mr = rr, gr = ur, ze = sr, _r = dr, Xe = {
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -1344,7 +1344,7 @@ const pr = Yn, fr = Qn, vr = er, hr = tr, gr = rr, mr = ur, Ke = sr, _r = dr, Xe
 function br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var $t = { exports: {} };
+var yt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1379,11 +1379,11 @@ var $t = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})($t);
-var $r = $t.exports;
-const Ye = /* @__PURE__ */ br($r), yr = "_rotate_7s2g1_1", Er = "_dash_7s2g1_1", le = {
+})(yt);
+var yr = yt.exports;
+const Ye = /* @__PURE__ */ br(yr), $r = "_rotate_7s2g1_1", Er = "_dash_7s2g1_1", le = {
   "purpur-spinner": "_purpur-spinner_7s2g1_1",
-  rotate: yr,
+  rotate: $r,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
@@ -1433,7 +1433,7 @@ const Ye = /* @__PURE__ */ br($r), yr = "_rotate_7s2g1_1", Er = "_dash_7s2g1_1",
 function xr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var yt = { exports: {} };
+var $t = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1468,30 +1468,30 @@ var yt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(yt);
-var Or = yt.exports;
-const Pr = /* @__PURE__ */ xr(Or), q = {
-  "purpur-button": "_purpur-button_1fna2_1",
-  "purpur-button--sm": "_purpur-button--sm_1fna2_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1fna2_36",
-  "purpur-button--md": "_purpur-button--md_1fna2_39",
-  "purpur-button--lg": "_purpur-button--lg_1fna2_45",
-  "purpur-button--full-width": "_purpur-button--full-width_1fna2_51",
-  "purpur-button--primary": "_purpur-button--primary_1fna2_54",
-  "purpur-button--disabled": "_purpur-button--disabled_1fna2_58",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1fna2_64",
-  "purpur-button--secondary": "_purpur-button--secondary_1fna2_76",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1fna2_87",
-  "purpur-button--expressive": "_purpur-button--expressive_1fna2_98",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1fna2_108",
-  "purpur-button--negative": "_purpur-button--negative_1fna2_120",
-  "purpur-button--destructive": "_purpur-button--destructive_1fna2_127",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1fna2_137",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1fna2_147",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1fna2_160",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1fna2_175",
-  "purpur-button--text": "_purpur-button--text_1fna2_175"
-}, H = "purpur-button", Nr = ({
+})($t);
+var Or = $t.exports;
+const Pr = /* @__PURE__ */ xr(Or), H = {
+  "purpur-button": "_purpur-button_u2yv5_1",
+  "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
+  "purpur-button--md": "_purpur-button--md_u2yv5_39",
+  "purpur-button--lg": "_purpur-button--lg_u2yv5_45",
+  "purpur-button--full-width": "_purpur-button--full-width_u2yv5_51",
+  "purpur-button--primary": "_purpur-button--primary_u2yv5_54",
+  "purpur-button--disabled": "_purpur-button--disabled_u2yv5_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_u2yv5_64",
+  "purpur-button--secondary": "_purpur-button--secondary_u2yv5_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_u2yv5_87",
+  "purpur-button--expressive": "_purpur-button--expressive_u2yv5_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_u2yv5_108",
+  "purpur-button--negative": "_purpur-button--negative_u2yv5_120",
+  "purpur-button--destructive": "_purpur-button--destructive_u2yv5_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_u2yv5_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_u2yv5_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
+  "purpur-button--text": "_purpur-button--text_u2yv5_175"
+}, V = "purpur-button", Nr = ({
   children: e,
   className: n,
   ["data-testid"]: t,
@@ -1509,15 +1509,15 @@ const Pr = /* @__PURE__ */ xr(Or), q = {
     return null;
   const f = Pr(
     [
-      q[H],
-      q[`${H}--${d}`],
-      q[`${H}--${s}`]
+      H[V],
+      H[`${V}--${d}`],
+      H[`${V}--${s}`]
     ],
     {
-      [q[`${H}--icon-only`]]: r,
-      [q[`${H}--negative`]]: d.endsWith("negative"),
-      [q[`${H}--full-width`]]: a,
-      [q[`${H}--disabled`]]: o || i
+      [H[`${V}--icon-only`]]: r,
+      [H[`${V}--negative`]]: d.endsWith("negative"),
+      [H[`${V}--full-width`]]: a,
+      [H[`${V}--disabled`]]: o || i
     },
     n
   ), E = (v) => {
@@ -1583,21 +1583,21 @@ var Et = { exports: {} };
 })(Et);
 var Tr = Et.exports;
 const Dr = /* @__PURE__ */ Ar(Tr), pe = {
-  "purpur-heading": "_purpur-heading_1g237_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_1g237_8",
-  "purpur-heading--negative": "_purpur-heading--negative_1g237_11",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1g237_14",
-  "purpur-heading--title-100": "_purpur-heading--title-100_1g237_20",
-  "purpur-heading--title-200": "_purpur-heading--title-200_1g237_26",
-  "purpur-heading--title-300": "_purpur-heading--title-300_1g237_32",
-  "purpur-heading--title-400": "_purpur-heading--title-400_1g237_38",
-  "purpur-heading--title-500": "_purpur-heading--title-500_1g237_44",
-  "purpur-heading--title-600": "_purpur-heading--title-600_1g237_50",
-  "purpur-heading--title-700": "_purpur-heading--title-700_1g237_56",
-  "purpur-heading--display-25": "_purpur-heading--display-25_1g237_62",
-  "purpur-heading--display-50": "_purpur-heading--display-50_1g237_68",
-  "purpur-heading--display-100": "_purpur-heading--display-100_1g237_74",
-  "purpur-heading--display-200": "_purpur-heading--display-200_1g237_80"
+  "purpur-heading": "_purpur-heading_k9fhq_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
+  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
 }, Ir = {
   TITLE100: "title-100",
   TITLE200: "title-200",
@@ -1668,7 +1668,7 @@ var wt = { exports: {} };
   })();
 })(wt);
 var Lr = wt.exports;
-const Fr = /* @__PURE__ */ Mr(Lr), kr = {
+const kr = /* @__PURE__ */ Mr(Lr), Fr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1682,31 +1682,31 @@ const Fr = /* @__PURE__ */ Mr(Lr), kr = {
   keywords: ["close"],
   category: "utility"
 }, St = (e) => /* @__PURE__ */ _(
-  Hr,
+  Vr,
   {
     ...e,
     svg: jr
   }
 );
 St.displayName = "IconClose";
-const Br = Fr.bind(kr), Ze = "purpur-icon", Wr = "md", Ur = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), zr = ({ content: e = "", title: n } = {}) => {
+const Br = kr.bind(Fr), Ze = "purpur-icon", qr = "md", Wr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ur = ({ content: e = "", title: n } = {}) => {
   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 ${Ur(t)}>${o}${e}</svg>`;
-}, qr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({
+  return `<svg ${Wr(t)}>${o}${e}</svg>`;
+}, Hr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Vr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: o = "",
-  size: a = Wr,
+  size: a = qr,
   ...r
 }) => {
-  const i = zr({
-    content: qr(n.svg),
+  const i = Ur({
+    content: Hr(n.svg),
     title: t
   }), u = Br(o, Ze, `${Ze}--${a}`);
   return /* @__PURE__ */ _(
@@ -1720,7 +1720,7 @@ const Br = Fr.bind(kr), Ze = "purpur-icon", Wr = "md", Ur = (e) => e.filter((n)
     }
   );
 };
-function Vr(e) {
+function Gr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ct = { exports: {} };
@@ -1759,22 +1759,22 @@ var Ct = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Ct);
-var Gr = Ct.exports;
-const Kr = /* @__PURE__ */ Vr(Gr), ee = {
-  "purpur-paragraph": "_purpur-paragraph_15yuz_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
-  "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
+var Kr = Ct.exports;
+const zr = /* @__PURE__ */ Gr(Kr), ee = {
+  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, Xr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -1796,7 +1796,7 @@ const Kr = /* @__PURE__ */ Vr(Gr), ee = {
   variant: i = Xr.PARAGRAPH100,
   ...u
 }) => {
-  const s = Kr([
+  const s = zr([
     t,
     ee[te],
     ee[`${te}--${i}`],
@@ -1829,27 +1829,27 @@ function Jr(...e) {
 const xt = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e, a = M.toArray(t), r = a.find(to);
   if (r) {
-    const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : s);
-    return /* @__PURE__ */ m(De, Z({}, o, {
+    const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ q(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ g(De, Z({}, o, {
       ref: n
-    }), /* @__PURE__ */ W(i) ? /* @__PURE__ */ re(i, void 0, u) : null);
+    }), /* @__PURE__ */ q(i) ? /* @__PURE__ */ re(i, void 0, u) : null);
   }
-  return /* @__PURE__ */ m(De, Z({}, o, {
+  return /* @__PURE__ */ g(De, Z({}, o, {
     ref: n
   }), t);
 });
 xt.displayName = "Slot";
 const De = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ W(t) ? /* @__PURE__ */ re(t, {
+  return /* @__PURE__ */ q(t) ? /* @__PURE__ */ re(t, {
     ...no(o, t.props),
     ref: n ? Jr(n, t.ref) : t.ref
   }) : M.count(t) > 1 ? M.only(null) : null;
 });
 De.displayName = "SlotClone";
-const eo = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
+const eo = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
 function to(e) {
-  return /* @__PURE__ */ W(e) && e.type === eo;
+  return /* @__PURE__ */ q(e) && e.type === eo;
 }
 function no(e, n) {
   const t = {
@@ -1894,7 +1894,7 @@ const ro = [
     const { asChild: r, ...i } = o, u = r ? xt : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ m(u, Z({}, i, {
+    }, []), /* @__PURE__ */ g(u, Z({}, i, {
       ref: a
     }));
   });
@@ -1902,7 +1902,7 @@ const ro = [
     ...e,
     [n]: t
   };
-}, {}), ao = /* @__PURE__ */ C((e, n) => /* @__PURE__ */ m(oo.span, Z({}, e, {
+}, {}), ao = /* @__PURE__ */ C((e, n) => /* @__PURE__ */ g(oo.span, Z({}, e, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1999,7 +1999,7 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
     title: p,
     ...l
   }, h) => {
-    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = l, [v, b] = V(!1), x = O(null), $ = O(null), y = O(null), S = O(null), z = D([
+    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = l, [v, b] = G(!1), x = O(null), y = O(null), $ = O(null), S = O(null), U = D([
       N,
       { [`${N}--with-image`]: !!u },
       { [`${N}--overflow`]: v },
@@ -2008,12 +2008,12 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
     ]), T = (R) => e ? `${e} ${R}` : void 0, w = (R) => {
       r && R.preventDefault();
     }, I = Q(() => {
-      if (!x.current || !$.current || !y.current || !S.current)
+      if (!x.current || !y.current || !$.current || !S.current)
         return;
       const R = window.innerWidth < parseInt(Zr), Pt = window.getComputedStyle(
-        R ? x.current : y.current,
+        R ? x.current : $.current,
         null
-      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = R ? $.current.offsetHeight : S.current.offsetHeight;
+      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = R ? y.current.offsetHeight : S.current.offsetHeight;
       b(Nt < At);
     }, []), oe = (R) => {
       r && !E && R.preventDefault();
@@ -2023,10 +2023,10 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
     }), [I]), /* @__PURE__ */ j(vr, { children: [
       /* @__PURE__ */ _(hr, { className: D(`${N}__overlay`) }),
       /* @__PURE__ */ j(
-        gr,
+        mr,
         {
           ...c,
-          className: z,
+          className: U,
           "data-testid": e,
           ref: h,
           ...!a && { "aria-describedby": void 0 },
@@ -2043,7 +2043,7 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
                   "data-testid": T("close-button")
                 }
               ),
-              /* @__PURE__ */ j("div", { ref: $, className: D(`${N}__wrapper-inner`), children: [
+              /* @__PURE__ */ j("div", { ref: y, className: D(`${N}__wrapper-inner`), children: [
                 /* @__PURE__ */ j("div", { className: D(`${N}__header`), children: [
                   Qe(l) && f && !u && /* @__PURE__ */ _(
                     Je,
@@ -2053,7 +2053,7 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
                     }
                   ),
                   /* @__PURE__ */ _(
-                    mr,
+                    gr,
                     {
                       asChild: !0,
                       className: D(`${N}__title`),
@@ -2070,10 +2070,10 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
                     children: u
                   }
                 ),
-                /* @__PURE__ */ _("div", { ref: y, className: D(`${N}__body`), children: /* @__PURE__ */ j("div", { ref: S, className: D(`${N}__body-inner`), children: [
-                  a && i && /* @__PURE__ */ _(uo, { asChild: !0, children: /* @__PURE__ */ _(Ke, { "data-testid": T("description"), children: a }) }),
+                /* @__PURE__ */ _("div", { ref: $, className: D(`${N}__body`), children: /* @__PURE__ */ j("div", { ref: S, className: D(`${N}__body-inner`), children: [
+                  a && i && /* @__PURE__ */ _(uo, { asChild: !0, children: /* @__PURE__ */ _(ze, { "data-testid": T("description"), children: a }) }),
                   a && !i && /* @__PURE__ */ _(
-                    Ke,
+                    ze,
                     {
                       asChild: !0,
                       className: D(`${N}__description`),
@@ -2126,7 +2126,7 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
     )) }),
     /* @__PURE__ */ _("span", { className: D(`${N}__actions-separator`) })
   ] }) : null;
-}, go = C(
+}, mo = C(
   ({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ _(
     fr,
     {
@@ -2138,16 +2138,16 @@ const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
       children: n
     }
   )
-), Fe = ({
+), ke = ({
   ["data-testid"]: e,
   children: n,
   open: t,
   onOpenChange: o
 }) => /* @__PURE__ */ _(pr, { open: t, onOpenChange: o, "data-testid": e, children: n });
-Fe.Trigger = go;
-Fe.Content = vo;
-Fe.displayName = "Modal";
+ke.Trigger = mo;
+ke.Content = vo;
+ke.displayName = "Modal";
 export {
-  Fe as Modal
+  ke as Modal
 };
 //# sourceMappingURL=modal.es.js.map