@purpurds/modal 6.1.1 → 6.1.3

package/dist/modal.es.js

@@ -1,8 +1,8 @@
-import { jsx as p, Fragment as ae, jsxs as A } from "react/jsx-runtime";
+import { jsx as p, Fragment as ae, jsxs as R } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as Qe, forwardRef as Ce, useRef as _e, useCallback as zt, useEffect as ye } from "react";
-import * as Ht from "react-dom";
-import Gt from "react-dom";
+import { useState as Qe, forwardRef as Ce, useRef as _e, useCallback as Ht, useEffect as ye } from "react";
+import * as Gt from "react-dom";
+import Kt from "react-dom";
 function L(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), r === !1 || !a.defaultPrevented)
@@ -30,10 +30,10 @@ function Je(...e) {
       };
   };
 }
-function j(...e) {
+function B(...e) {
   return s.useCallback(Je(...e), e);
 }
-function Kt(e, t) {
+function Xt(e, t) {
   const r = s.createContext(t), o = (n) => {
     const { children: i, ...u } = n, d = s.useMemo(() => u, Object.values(u));
     return /* @__PURE__ */ p(r.Provider, { value: d, children: i });
@@ -47,21 +47,21 @@ function Kt(e, t) {
   }
   return [o, a];
 }
-function Xt(e, t = []) {
+function Yt(e, t = []) {
   let r = [];
   function o(n, i) {
     const u = s.createContext(i), d = r.length;
     r = [...r, i];
     const c = (v) => {
       var _;
-      const { scope: h, children: g, ...w } = v, l = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[d]) || u, m = s.useMemo(() => w, Object.values(w));
+      const { scope: h, children: g, ...y } = v, l = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[d]) || u, m = s.useMemo(() => y, Object.values(y));
       return /* @__PURE__ */ p(l.Provider, { value: m, children: g });
     };
     c.displayName = n + "Provider";
     function f(v, h) {
       var l;
-      const g = ((l = h == null ? void 0 : h[e]) == null ? void 0 : l[d]) || u, w = s.useContext(g);
-      if (w) return w;
+      const g = ((l = h == null ? void 0 : h[e]) == null ? void 0 : l[d]) || u, y = s.useContext(g);
+      if (y) return y;
       if (i !== void 0) return i;
       throw new Error(`\`${v}\` must be used within \`${n}\``);
     }
@@ -77,9 +77,9 @@ function Xt(e, t = []) {
       );
     };
   };
-  return a.scopeName = e, [o, Yt(a, ...t)];
+  return a.scopeName = e, [o, Zt(a, ...t)];
 }
-function Yt(...e) {
+function Zt(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -98,15 +98,15 @@ function Yt(...e) {
   return r.scopeName = t.scopeName, r;
 }
 var ie = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
-}, Zt = s.useId || (() => {
-}), Qt = 0;
+}, Qt = s.useId || (() => {
+}), Jt = 0;
 function le(e) {
-  const [t, r] = s.useState(Zt());
+  const [t, r] = s.useState(Qt());
   return ie(() => {
-    e || r((o) => o ?? String(Qt++));
+    e || r((o) => o ?? String(Jt++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-function F(e) {
+function W(e) {
   const t = s.useRef(e);
   return s.useEffect(() => {
     t.current = e;
@@ -115,13 +115,13 @@ function F(e) {
     return (o = t.current) == null ? void 0 : o.call(t, ...r);
   }, []);
 }
-function Jt({
+function er({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
   }
 }) {
-  const [o, a] = er({ defaultProp: t, onChange: r }), n = e !== void 0, i = n ? e : o, u = F(r), d = s.useCallback(
+  const [o, a] = tr({ defaultProp: t, onChange: r }), n = e !== void 0, i = n ? e : o, u = W(r), d = s.useCallback(
     (c) => {
       if (n) {
         const v = typeof c == "function" ? c(e) : c;
@@ -133,17 +133,17 @@ function Jt({
   );
   return [i, d];
 }
-function er({
+function tr({
   defaultProp: e,
   onChange: t
 }) {
-  const r = s.useState(e), [o] = r, a = s.useRef(o), n = F(t);
+  const r = s.useState(e), [o] = r, a = s.useRef(o), n = W(t);
   return s.useEffect(() => {
     a.current !== o && (n(o), a.current = o);
   }, [o, a, n]), r;
 }
 var Ne = s.forwardRef((e, t) => {
-  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(rr);
+  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(nr);
   if (n) {
     const i = n.props.children, u = a.map((d) => d === n ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : d);
     return /* @__PURE__ */ p(be, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
@@ -154,17 +154,17 @@ Ne.displayName = "Slot";
 var be = s.forwardRef((e, t) => {
   const { children: r, ...o } = e;
   if (s.isValidElement(r)) {
-    const a = or(r), n = nr(o, r.props);
+    const a = ar(r), n = or(o, r.props);
     return r.type !== s.Fragment && (n.ref = t ? Je(t, a) : a), s.cloneElement(r, n);
   }
   return s.Children.count(r) > 1 ? s.Children.only(null) : null;
 });
 be.displayName = "SlotClone";
-var tr = ({ children: e }) => /* @__PURE__ */ p(ae, { children: e });
-function rr(e) {
-  return s.isValidElement(e) && e.type === tr;
+var rr = ({ children: e }) => /* @__PURE__ */ p(ae, { children: e });
+function nr(e) {
+  return s.isValidElement(e) && e.type === rr;
 }
-function nr(e, t) {
+function or(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
@@ -174,12 +174,12 @@ function nr(e, t) {
   }
   return { ...e, ...r };
 }
-function or(e) {
+function ar(e) {
   var o, a;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var ar = [
+var ir = [
   "a",
   "button",
   "div",
@@ -196,18 +196,18 @@ var ar = [
   "span",
   "svg",
   "ul"
-], M = ar.reduce((e, t) => {
+], M = ir.reduce((e, t) => {
   const r = s.forwardRef((o, a) => {
     const { asChild: n, ...i } = o, u = n ? Ne : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...i, ref: a });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
-function ir(e, t) {
-  e && Ht.flushSync(() => e.dispatchEvent(t));
+function ur(e, t) {
+  e && Gt.flushSync(() => e.dispatchEvent(t));
 }
-function ur(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = F(e);
+function sr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = W(e);
   s.useEffect(() => {
     const o = (a) => {
       a.key === "Escape" && r(a);
@@ -215,7 +215,7 @@ function ur(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
   }, [r, t]);
 }
-var sr = "DismissableLayer", we = "dismissableLayer.update", cr = "dismissableLayer.pointerDownOutside", lr = "dismissableLayer.focusOutside", Me, et = s.createContext({
+var cr = "DismissableLayer", we = "dismissableLayer.update", lr = "dismissableLayer.pointerDownOutside", dr = "dismissableLayer.focusOutside", Me, et = s.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -229,15 +229,15 @@ var sr = "DismissableLayer", we = "dismissableLayer.update", cr = "dismissableLa
       onInteractOutside: i,
       onDismiss: u,
       ...d
-    } = e, c = s.useContext(et), [f, v] = s.useState(null), h = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), w = j(t, (y) => v(y)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), C = f ? l.indexOf(f) : -1, E = c.layersWithOutsidePointerEventsDisabled.size > 0, b = C >= _, S = fr((y) => {
-      const R = y.target, O = [...c.branches].some((z) => z.contains(R));
-      !b || O || (a == null || a(y), i == null || i(y), y.defaultPrevented || u == null || u());
-    }, h), x = vr((y) => {
-      const R = y.target;
-      [...c.branches].some((z) => z.contains(R)) || (n == null || n(y), i == null || i(y), y.defaultPrevented || u == null || u());
+    } = e, c = s.useContext(et), [f, v] = s.useState(null), h = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), y = B(t, (b) => v(b)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), C = f ? l.indexOf(f) : -1, w = c.layersWithOutsidePointerEventsDisabled.size > 0, E = C >= _, S = vr((b) => {
+      const P = b.target, $ = [...c.branches].some((D) => D.contains(P));
+      !E || $ || (a == null || a(b), i == null || i(b), b.defaultPrevented || u == null || u());
+    }, h), x = hr((b) => {
+      const P = b.target;
+      [...c.branches].some((D) => D.contains(P)) || (n == null || n(b), i == null || i(b), b.defaultPrevented || u == null || u());
     }, h);
-    return ur((y) => {
-      C === c.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && u && (y.preventDefault(), u()));
+    return sr((b) => {
+      C === c.layers.size - 1 && (o == null || o(b), !b.defaultPrevented && u && (b.preventDefault(), u()));
     }, h), s.useEffect(() => {
       if (f)
         return r && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Me = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(f)), c.layers.add(f), Ie(), () => {
@@ -246,15 +246,15 @@ var sr = "DismissableLayer", we = "dismissableLayer.update", cr = "dismissableLa
     }, [f, h, r, c]), s.useEffect(() => () => {
       f && (c.layers.delete(f), c.layersWithOutsidePointerEventsDisabled.delete(f), Ie());
     }, [f, c]), s.useEffect(() => {
-      const y = () => g({});
-      return document.addEventListener(we, y), () => document.removeEventListener(we, y);
+      const b = () => g({});
+      return document.addEventListener(we, b), () => document.removeEventListener(we, b);
     }, []), /* @__PURE__ */ p(
       M.div,
       {
         ...d,
-        ref: w,
+        ref: y,
         style: {
-          pointerEvents: E ? b ? "auto" : "none" : void 0,
+          pointerEvents: w ? E ? "auto" : "none" : void 0,
           ...e.style
         },
         onFocusCapture: L(e.onFocusCapture, x.onFocusCapture),
@@ -267,9 +267,9 @@ var sr = "DismissableLayer", we = "dismissableLayer.update", cr = "dismissableLa
     );
   }
 );
-tt.displayName = sr;
-var dr = "DismissableLayerBranch", pr = s.forwardRef((e, t) => {
-  const r = s.useContext(et), o = s.useRef(null), a = j(t, o);
+tt.displayName = cr;
+var pr = "DismissableLayerBranch", fr = s.forwardRef((e, t) => {
+  const r = s.useContext(et), o = s.useRef(null), a = B(t, o);
   return s.useEffect(() => {
     const n = o.current;
     if (n)
@@ -278,16 +278,16 @@ var dr = "DismissableLayerBranch", pr = s.forwardRef((e, t) => {
       };
   }, [r.branches]), /* @__PURE__ */ p(M.div, { ...e, ref: a });
 });
-pr.displayName = dr;
-function fr(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = F(e), o = s.useRef(!1), a = s.useRef(() => {
+fr.displayName = pr;
+function vr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = W(e), o = s.useRef(!1), a = s.useRef(() => {
   });
   return s.useEffect(() => {
     const n = (u) => {
       if (u.target && !o.current) {
         let d = function() {
           rt(
-            cr,
+            lr,
             r,
             c,
             { discrete: !0 }
@@ -309,11 +309,11 @@ function fr(e, t = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function vr(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = F(e), o = s.useRef(!1);
+function hr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = W(e), o = s.useRef(!1);
   return s.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && rt(lr, r, { originalEvent: n }, {
+      n.target && !o.current && rt(dr, r, { originalEvent: n }, {
         discrete: !1
       });
     };
@@ -329,16 +329,16 @@ function Ie() {
 }
 function rt(e, t, r, { discrete: o }) {
   const a = r.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
-  t && a.addEventListener(e, t, { once: !0 }), o ? ir(a, n) : a.dispatchEvent(n);
+  t && a.addEventListener(e, t, { once: !0 }), o ? ur(a, n) : a.dispatchEvent(n);
 }
-var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Le = { bubbles: !1, cancelable: !0 }, hr = "FocusScope", nt = s.forwardRef((e, t) => {
+var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Le = { bubbles: !1, cancelable: !0 }, mr = "FocusScope", nt = s.forwardRef((e, t) => {
   const {
     loop: r = !1,
     trapped: o = !1,
     onMountAutoFocus: a,
     onUnmountAutoFocus: n,
     ...i
-  } = e, [u, d] = s.useState(null), c = F(a), f = F(n), v = s.useRef(null), h = j(t, (l) => d(l)), g = s.useRef({
+  } = e, [u, d] = s.useState(null), c = W(a), f = W(n), v = s.useRef(null), h = B(t, (l) => d(l)), g = s.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -349,17 +349,17 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Le
   }).current;
   s.useEffect(() => {
     if (o) {
-      let l = function(E) {
+      let l = function(w) {
         if (g.paused || !u) return;
-        const b = E.target;
-        u.contains(b) ? v.current = b : I(v.current, { select: !0 });
-      }, m = function(E) {
+        const E = w.target;
+        u.contains(E) ? v.current = E : I(v.current, { select: !0 });
+      }, m = function(w) {
         if (g.paused || !u) return;
-        const b = E.relatedTarget;
-        b !== null && (u.contains(b) || I(v.current, { select: !0 }));
-      }, _ = function(E) {
+        const E = w.relatedTarget;
+        E !== null && (u.contains(E) || I(v.current, { select: !0 }));
+      }, _ = function(w) {
         if (document.activeElement === document.body)
-          for (const S of E)
+          for (const S of w)
             S.removedNodes.length > 0 && I(u);
       };
       document.addEventListener("focusin", l), document.addEventListener("focusout", m);
@@ -374,7 +374,7 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Le
       const l = document.activeElement;
       if (!u.contains(l)) {
         const _ = new CustomEvent(de, Le);
-        u.addEventListener(de, c), u.dispatchEvent(_), _.defaultPrevented || (mr(wr(ot(u)), { select: !0 }), document.activeElement === l && I(u));
+        u.addEventListener(de, c), u.dispatchEvent(_), _.defaultPrevented || (gr(Er(ot(u)), { select: !0 }), document.activeElement === l && I(u));
       }
       return () => {
         u.removeEventListener(de, c), setTimeout(() => {
@@ -384,26 +384,26 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Le
       };
     }
   }, [u, c, f, g]);
-  const w = s.useCallback(
+  const y = s.useCallback(
     (l) => {
       if (!r && !o || g.paused) return;
       const m = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, _ = document.activeElement;
       if (m && _) {
-        const C = l.currentTarget, [E, b] = gr(C);
-        E && b ? !l.shiftKey && _ === b ? (l.preventDefault(), r && I(E, { select: !0 })) : l.shiftKey && _ === E && (l.preventDefault(), r && I(b, { select: !0 })) : _ === C && l.preventDefault();
+        const C = l.currentTarget, [w, E] = _r(C);
+        w && E ? !l.shiftKey && _ === E ? (l.preventDefault(), r && I(w, { select: !0 })) : l.shiftKey && _ === w && (l.preventDefault(), r && I(E, { select: !0 })) : _ === C && l.preventDefault();
       }
     },
     [r, o, g.paused]
   );
-  return /* @__PURE__ */ p(M.div, { tabIndex: -1, ...i, ref: h, onKeyDown: w });
+  return /* @__PURE__ */ p(M.div, { tabIndex: -1, ...i, ref: h, onKeyDown: y });
 });
-nt.displayName = hr;
-function mr(e, { select: t = !1 } = {}) {
+nt.displayName = mr;
+function gr(e, { select: t = !1 } = {}) {
   const r = document.activeElement;
   for (const o of e)
     if (I(o, { select: t }), document.activeElement !== r) return;
 }
-function gr(e) {
+function _r(e) {
   const t = ot(e), r = $e(t, e), o = $e(t.reverse(), e);
   return [r, o];
 }
@@ -419,9 +419,9 @@ function ot(e) {
 }
 function $e(e, t) {
   for (const r of e)
-    if (!_r(r, { upTo: t })) return r;
+    if (!yr(r, { upTo: t })) return r;
 }
-function _r(e, { upTo: t }) {
+function yr(e, { upTo: t }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (t !== void 0 && e === t) return !1;
@@ -430,17 +430,17 @@ function _r(e, { upTo: t }) {
   }
   return !1;
 }
-function yr(e) {
+function br(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function I(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const r = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== r && yr(e) && t && e.select();
+    e.focus({ preventScroll: !0 }), e !== r && br(e) && t && e.select();
   }
 }
-var ke = br();
-function br() {
+var ke = wr();
+function wr() {
   let e = [];
   return {
     add(t) {
@@ -457,27 +457,27 @@ function Fe(e, t) {
   const r = [...e], o = r.indexOf(t);
   return o !== -1 && r.splice(o, 1), r;
 }
-function wr(e) {
+function Er(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Er = "Portal", at = s.forwardRef((e, t) => {
+var Sr = "Portal", at = s.forwardRef((e, t) => {
   var u;
   const { container: r, ...o } = e, [a, n] = s.useState(!1);
   ie(() => n(!0), []);
   const i = r || a && ((u = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : u.body);
-  return i ? Gt.createPortal(/* @__PURE__ */ p(M.div, { ...o, ref: t }), i) : null;
+  return i ? Kt.createPortal(/* @__PURE__ */ p(M.div, { ...o, ref: t }), i) : null;
 });
-at.displayName = Er;
-function Sr(e, t) {
+at.displayName = Sr;
+function Cr(e, t) {
   return s.useReducer((r, o) => t[r][o] ?? r, e);
 }
 var se = (e) => {
-  const { present: t, children: r } = e, o = Cr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = j(o.ref, Nr(a));
+  const { present: t, children: r } = e, o = Nr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = B(o.ref, Pr(a));
   return typeof r == "function" || o.isPresent ? s.cloneElement(a, { ref: n }) : null;
 };
 se.displayName = "Presence";
-function Cr(e) {
-  const [t, r] = s.useState(), o = s.useRef({}), a = s.useRef(e), n = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, d] = Sr(i, {
+function Nr(e) {
+  const [t, r] = s.useState(), o = s.useRef({}), a = s.useRef(e), n = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, d] = Cr(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -528,13 +528,13 @@ function Cr(e) {
 function Y(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function Nr(e) {
+function Pr(e) {
   var o, a;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 var fe = 0;
-function Pr() {
+function Or() {
   s.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
     return document.body.insertAdjacentElement("afterbegin", e[0] ?? We()), document.body.insertAdjacentElement("beforeend", e[1] ?? We()), fe++, () => {
@@ -563,16 +563,16 @@ function it(e, t) {
       t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (r[o[a]] = e[o[a]]);
   return r;
 }
-function Or(e, t, r) {
+function xr(e, t, r) {
   if (r || arguments.length === 2) for (var o = 0, a = t.length, n; o < a; o++)
     (n || !(o in t)) && (n || (n = Array.prototype.slice.call(t, 0, o)), n[o] = t[o]);
   return e.concat(n || Array.prototype.slice.call(t));
 }
-var ne = "right-scroll-bar-position", oe = "width-before-scroll-bar", xr = "with-scroll-bars-hidden", Rr = "--removed-body-scroll-bar-size";
+var ne = "right-scroll-bar-position", oe = "width-before-scroll-bar", Rr = "with-scroll-bars-hidden", Ar = "--removed-body-scroll-bar-size";
 function ve(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function Ar(e, t) {
+function Dr(e, t) {
   var r = Qe(function() {
     return {
       // value
@@ -593,14 +593,14 @@ function Ar(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var Dr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, je = /* @__PURE__ */ new WeakMap();
-function Tr(e, t) {
-  var r = Ar(null, function(o) {
+var Tr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, je = /* @__PURE__ */ new WeakMap();
+function Mr(e, t) {
+  var r = Dr(null, function(o) {
     return e.forEach(function(a) {
       return ve(a, o);
     });
   });
-  return Dr(function() {
+  return Tr(function() {
     var o = je.get(r);
     if (o) {
       var a = new Set(o), n = new Set(e), i = r.current;
@@ -613,11 +613,11 @@ function Tr(e, t) {
     je.set(r, e);
   }, [e]), r;
 }
-function Mr(e) {
+function Ir(e) {
   return e;
 }
-function Ir(e, t) {
-  t === void 0 && (t = Mr);
+function Lr(e, t) {
+  t === void 0 && (t = Ir);
   var r = [], o = !1, a = {
     read: function() {
       if (o)
@@ -671,9 +671,9 @@ function Ir(e, t) {
   };
   return a;
 }
-function Lr(e) {
+function $r(e) {
   e === void 0 && (e = {});
-  var t = Ir(null);
+  var t = Lr(null);
   return t.options = T({ async: !0, ssr: !1 }, e), t;
 }
 var ut = function(e) {
@@ -686,20 +686,20 @@ var ut = function(e) {
   return s.createElement(o, T({}, r));
 };
 ut.isSideCarExport = !0;
-function $r(e, t) {
+function kr(e, t) {
   return e.useMedium(t), ut;
 }
-var st = Lr(), he = function() {
+var st = $r(), he = function() {
 }, ce = s.forwardRef(function(e, t) {
   var r = s.useRef(null), o = s.useState({
     onScrollCapture: he,
     onWheelCapture: he,
     onTouchMoveCapture: he
-  }), a = o[0], n = o[1], i = e.forwardProps, u = e.children, d = e.className, c = e.removeScrollBar, f = e.enabled, v = e.shards, h = e.sideCar, g = e.noIsolation, w = e.inert, l = e.allowPinchZoom, m = e.as, _ = m === void 0 ? "div" : m, C = e.gapMode, E = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), b = h, S = Tr([r, t]), x = T(T({}, E), a);
+  }), a = o[0], n = o[1], i = e.forwardProps, u = e.children, d = e.className, c = e.removeScrollBar, f = e.enabled, v = e.shards, h = e.sideCar, g = e.noIsolation, y = e.inert, l = e.allowPinchZoom, m = e.as, _ = m === void 0 ? "div" : m, C = e.gapMode, w = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = h, S = Mr([r, t]), x = T(T({}, w), a);
   return s.createElement(
     s.Fragment,
     null,
-    f && s.createElement(b, { sideCar: st, removeScrollBar: c, shards: v, noIsolation: g, inert: w, setCallbacks: n, allowPinchZoom: !!l, lockRef: r, gapMode: C }),
+    f && s.createElement(E, { sideCar: st, removeScrollBar: c, shards: v, noIsolation: g, inert: y, setCallbacks: n, allowPinchZoom: !!l, lockRef: r, gapMode: C }),
     i ? s.cloneElement(s.Children.only(u), T(T({}, x), { ref: S })) : s.createElement(_, T({}, x, { className: d, ref: S }), u)
   );
 });
@@ -712,37 +712,37 @@ ce.classNames = {
   fullWidth: oe,
   zeroRight: ne
 };
-var kr = function() {
+var Fr = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function Fr() {
+function Wr() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var t = kr();
+  var t = Fr();
   return t && e.setAttribute("nonce", t), e;
 }
-function Wr(e, t) {
+function jr(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function jr(e) {
+function Br(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
-var Br = function() {
+var qr = function() {
   var e = 0, t = null;
   return {
     add: function(r) {
-      e == 0 && (t = Fr()) && (Wr(t, r), jr(t)), e++;
+      e == 0 && (t = Wr()) && (jr(t, r), Br(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
     }
   };
-}, qr = function() {
-  var e = Br();
+}, Ur = function() {
+  var e = qr();
   return function(t, r) {
     s.useEffect(function() {
       return e.add(t), function() {
@@ -751,39 +751,39 @@ var Br = function() {
     }, [t && r]);
   };
 }, ct = function() {
-  var e = qr(), t = function(r) {
+  var e = Ur(), t = function(r) {
     var o = r.styles, a = r.dynamic;
     return e(o, a), null;
   };
   return t;
-}, Ur = {
+}, Vr = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, me = function(e) {
   return parseInt(e || "", 10) || 0;
-}, Vr = function(e) {
+}, zr = function(e) {
   var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
   return [me(r), me(o), me(a)];
-}, zr = function(e) {
+}, Hr = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return Ur;
-  var t = Vr(e), r = document.documentElement.clientWidth, o = window.innerWidth;
+    return Vr;
+  var t = zr(e), r = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: t[0],
     top: t[1],
     right: t[2],
     gap: Math.max(0, o - r + t[2] - t[0])
   };
-}, Hr = ct(), V = "data-scroll-locked", Gr = function(e, t, r, o) {
+}, Gr = ct(), z = "data-scroll-locked", Kr = function(e, t, r, o) {
   var a = e.left, n = e.top, i = e.right, u = e.gap;
   return r === void 0 && (r = "margin"), `
-  .`.concat(xr, ` {
+  .`.concat(Rr, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(u, "px ").concat(o, `;
   }
-  body[`).concat(V, `] {
+  body[`).concat(z, `] {
     overflow: hidden `).concat(o, `;
     overscroll-behavior: contain;
     `).concat([
@@ -816,27 +816,27 @@ var Br = function() {
     margin-right: 0 `).concat(o, `;
   }
   
-  body[`).concat(V, `] {
-    `).concat(Rr, ": ").concat(u, `px;
+  body[`).concat(z, `] {
+    `).concat(Ar, ": ").concat(u, `px;
   }
 `);
 }, Be = function() {
-  var e = parseInt(document.body.getAttribute(V) || "0", 10);
+  var e = parseInt(document.body.getAttribute(z) || "0", 10);
   return isFinite(e) ? e : 0;
-}, Kr = function() {
+}, Xr = function() {
   s.useEffect(function() {
-    return document.body.setAttribute(V, (Be() + 1).toString()), function() {
+    return document.body.setAttribute(z, (Be() + 1).toString()), function() {
       var e = Be() - 1;
-      e <= 0 ? document.body.removeAttribute(V) : document.body.setAttribute(V, e.toString());
+      e <= 0 ? document.body.removeAttribute(z) : document.body.setAttribute(z, e.toString());
     };
   }, []);
-}, Xr = function(e) {
+}, Yr = function(e) {
   var t = e.noRelative, r = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
-  Kr();
+  Xr();
   var n = s.useMemo(function() {
-    return zr(a);
+    return Hr(a);
   }, [a]);
-  return s.createElement(Hr, { styles: Gr(n, !t, a, r ? "" : "!important") });
+  return s.createElement(Gr, { styles: Kr(n, !t, a, r ? "" : "!important") });
 }, Ee = !1;
 if (typeof window < "u")
   try {
@@ -849,7 +849,7 @@ if (typeof window < "u")
   } catch {
     Ee = !1;
   }
-var B = Ee ? { passive: !1 } : !1, Yr = function(e) {
+var q = Ee ? { passive: !1 } : !1, Zr = function(e) {
   return e.tagName === "TEXTAREA";
 }, lt = function(e, t) {
   if (!(e instanceof Element))
@@ -858,11 +858,11 @@ var B = Ee ? { passive: !1 } : !1, Yr = function(e) {
   return (
     // not-not-scrollable
     r[t] !== "hidden" && // contains scroll inside self
-    !(r.overflowY === r.overflowX && !Yr(e) && r[t] === "visible")
+    !(r.overflowY === r.overflowX && !Zr(e) && r[t] === "visible")
   );
-}, Zr = function(e) {
-  return lt(e, "overflowY");
 }, Qr = function(e) {
+  return lt(e, "overflowY");
+}, Jr = function(e) {
   return lt(e, "overflowX");
 }, qe = function(e, t) {
   var r = t.ownerDocument, o = t;
@@ -877,14 +877,14 @@ var B = Ee ? { passive: !1 } : !1, Yr = function(e) {
     o = o.parentNode;
   } while (o && o !== r.body);
   return !1;
-}, Jr = function(e) {
+}, en = function(e) {
   var t = e.scrollTop, r = e.scrollHeight, o = e.clientHeight;
   return [
     t,
     r,
     o
   ];
-}, en = function(e) {
+}, tn = function(e) {
   var t = e.scrollLeft, r = e.scrollWidth, o = e.clientWidth;
   return [
     t,
@@ -892,16 +892,16 @@ var B = Ee ? { passive: !1 } : !1, Yr = function(e) {
     o
   ];
 }, dt = function(e, t) {
-  return e === "v" ? Zr(t) : Qr(t);
+  return e === "v" ? Qr(t) : Jr(t);
 }, pt = function(e, t) {
-  return e === "v" ? Jr(t) : en(t);
-}, tn = function(e, t) {
+  return e === "v" ? en(t) : tn(t);
+}, rn = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
-}, rn = function(e, t, r, o, a) {
-  var n = tn(e, window.getComputedStyle(t).direction), i = n * o, u = r.target, d = t.contains(u), c = !1, f = i > 0, v = 0, h = 0;
+}, nn = function(e, t, r, o, a) {
+  var n = rn(e, window.getComputedStyle(t).direction), i = n * o, u = r.target, d = t.contains(u), c = !1, f = i > 0, v = 0, h = 0;
   do {
-    var g = pt(e, u), w = g[0], l = g[1], m = g[2], _ = l - m - n * w;
-    (w || _) && dt(e, u) && (v += _, h += w), u instanceof ShadowRoot ? u = u.host : u = u.parentNode;
+    var g = pt(e, u), y = g[0], l = g[1], m = g[2], _ = l - m - n * y;
+    (y || _) && dt(e, u) && (v += _, h += y), u instanceof ShadowRoot ? u = u.host : u = u.parentNode;
   } while (
     // portaled content
     !d && u !== document.body || // self content
@@ -914,22 +914,22 @@ var B = Ee ? { passive: !1 } : !1, Yr = function(e) {
   return [e.deltaX, e.deltaY];
 }, Ve = function(e) {
   return e && "current" in e ? e.current : e;
-}, nn = function(e, t) {
+}, on = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
-}, on = function(e) {
+}, an = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, an = 0, q = [];
-function un(e) {
-  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(an++)[0], n = s.useState(ct)[0], i = s.useRef(e);
+}, un = 0, U = [];
+function sn(e) {
+  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(un++)[0], n = s.useState(ct)[0], i = s.useRef(e);
   s.useEffect(function() {
     i.current = e;
   }, [e]), s.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var l = Or([e.lockRef.current], (e.shards || []).map(Ve), !0).filter(Boolean);
+      var l = xr([e.lockRef.current], (e.shards || []).map(Ve), !0).filter(Boolean);
       return l.forEach(function(m) {
         return m.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -942,40 +942,40 @@ function un(e) {
   var u = s.useCallback(function(l, m) {
     if ("touches" in l && l.touches.length === 2 || l.type === "wheel" && l.ctrlKey)
       return !i.current.allowPinchZoom;
-    var _ = Q(l), C = r.current, E = "deltaX" in l ? l.deltaX : C[0] - _[0], b = "deltaY" in l ? l.deltaY : C[1] - _[1], S, x = l.target, y = Math.abs(E) > Math.abs(b) ? "h" : "v";
-    if ("touches" in l && y === "h" && x.type === "range")
+    var _ = Q(l), C = r.current, w = "deltaX" in l ? l.deltaX : C[0] - _[0], E = "deltaY" in l ? l.deltaY : C[1] - _[1], S, x = l.target, b = Math.abs(w) > Math.abs(E) ? "h" : "v";
+    if ("touches" in l && b === "h" && x.type === "range")
       return !1;
-    var R = qe(y, x);
-    if (!R)
+    var P = qe(b, x);
+    if (!P)
       return !0;
-    if (R ? S = y : (S = y === "v" ? "h" : "v", R = qe(y, x)), !R)
+    if (P ? S = b : (S = b === "v" ? "h" : "v", P = qe(b, x)), !P)
       return !1;
-    if (!o.current && "changedTouches" in l && (E || b) && (o.current = S), !S)
+    if (!o.current && "changedTouches" in l && (w || E) && (o.current = S), !S)
       return !0;
-    var O = o.current || S;
-    return rn(O, m, l, O === "h" ? E : b);
+    var $ = o.current || S;
+    return nn($, m, l, $ === "h" ? w : E);
   }, []), d = s.useCallback(function(l) {
     var m = l;
-    if (!(!q.length || q[q.length - 1] !== n)) {
+    if (!(!U.length || U[U.length - 1] !== n)) {
       var _ = "deltaY" in m ? Ue(m) : Q(m), C = t.current.filter(function(S) {
-        return S.name === m.type && (S.target === m.target || m.target === S.shadowParent) && nn(S.delta, _);
+        return S.name === m.type && (S.target === m.target || m.target === S.shadowParent) && on(S.delta, _);
       })[0];
       if (C && C.should) {
         m.cancelable && m.preventDefault();
         return;
       }
       if (!C) {
-        var E = (i.current.shards || []).map(Ve).filter(Boolean).filter(function(S) {
+        var w = (i.current.shards || []).map(Ve).filter(Boolean).filter(function(S) {
           return S.contains(m.target);
-        }), b = E.length > 0 ? u(m, E[0]) : !i.current.noIsolation;
-        b && m.cancelable && m.preventDefault();
+        }), E = w.length > 0 ? u(m, w[0]) : !i.current.noIsolation;
+        E && m.cancelable && m.preventDefault();
       }
     }
   }, []), c = s.useCallback(function(l, m, _, C) {
-    var E = { name: l, delta: m, target: _, should: C, shadowParent: sn(_) };
-    t.current.push(E), setTimeout(function() {
-      t.current = t.current.filter(function(b) {
-        return b !== E;
+    var w = { name: l, delta: m, target: _, should: C, shadowParent: cn(_) };
+    t.current.push(w), setTimeout(function() {
+      t.current = t.current.filter(function(E) {
+        return E !== w;
       });
     }, 1);
   }, []), f = s.useCallback(function(l) {
@@ -986,42 +986,42 @@ function un(e) {
     c(l.type, Q(l), l.target, u(l, e.lockRef.current));
   }, []);
   s.useEffect(function() {
-    return q.push(n), e.setCallbacks({
+    return U.push(n), e.setCallbacks({
       onScrollCapture: v,
       onWheelCapture: v,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", d, B), document.addEventListener("touchmove", d, B), document.addEventListener("touchstart", f, B), function() {
-      q = q.filter(function(l) {
+    }), document.addEventListener("wheel", d, q), document.addEventListener("touchmove", d, q), document.addEventListener("touchstart", f, q), function() {
+      U = U.filter(function(l) {
         return l !== n;
-      }), document.removeEventListener("wheel", d, B), document.removeEventListener("touchmove", d, B), document.removeEventListener("touchstart", f, B);
+      }), document.removeEventListener("wheel", d, q), document.removeEventListener("touchmove", d, q), document.removeEventListener("touchstart", f, q);
     };
   }, []);
-  var g = e.removeScrollBar, w = e.inert;
+  var g = e.removeScrollBar, y = e.inert;
   return s.createElement(
     s.Fragment,
     null,
-    w ? s.createElement(n, { styles: on(a) }) : null,
-    g ? s.createElement(Xr, { gapMode: e.gapMode }) : null
+    y ? s.createElement(n, { styles: an(a) }) : null,
+    g ? s.createElement(Yr, { gapMode: e.gapMode }) : null
   );
 }
-function sn(e) {
+function cn(e) {
   for (var t = null; e !== null; )
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const cn = $r(st, un);
+const ln = kr(st, sn);
 var ft = s.forwardRef(function(e, t) {
-  return s.createElement(ce, T({}, e, { ref: t, sideCar: cn }));
+  return s.createElement(ce, T({}, e, { ref: t, sideCar: ln }));
 });
 ft.classNames = ce.classNames;
-var ln = function(e) {
+var dn = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, U = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ee = {}, ge = 0, vt = function(e) {
+}, V = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ee = {}, ge = 0, vt = function(e) {
   return e && (e.host || vt(e.parentNode));
-}, dn = function(e, t) {
+}, pn = function(e, t) {
   return t.map(function(r) {
     if (e.contains(r))
       return r;
@@ -1030,8 +1030,8 @@ var ln = function(e) {
   }).filter(function(r) {
     return !!r;
   });
-}, pn = function(e, t, r, o) {
-  var a = dn(t, Array.isArray(e) ? e : [e]);
+}, fn = function(e, t, r, o) {
+  var a = pn(t, Array.isArray(e) ? e : [e]);
   ee[r] || (ee[r] = /* @__PURE__ */ new WeakMap());
   var n = ee[r], i = [], u = /* @__PURE__ */ new Set(), d = new Set(a), c = function(v) {
     !v || u.has(v) || (u.add(v), c(v.parentNode));
@@ -1043,8 +1043,8 @@ var ln = function(e) {
         f(h);
       else
         try {
-          var g = h.getAttribute(o), w = g !== null && g !== "false", l = (U.get(h) || 0) + 1, m = (n.get(h) || 0) + 1;
-          U.set(h, l), n.set(h, m), i.push(h), l === 1 && w && J.set(h, !0), m === 1 && h.setAttribute(r, "true"), w || h.setAttribute(o, "true");
+          var g = h.getAttribute(o), y = g !== null && g !== "false", l = (V.get(h) || 0) + 1, m = (n.get(h) || 0) + 1;
+          V.set(h, l), n.set(h, m), i.push(h), l === 1 && y && J.set(h, !0), m === 1 && h.setAttribute(r, "true"), y || h.setAttribute(o, "true");
         } catch (_) {
           console.error("aria-hidden: cannot operate on ", h, _);
         }
@@ -1052,17 +1052,17 @@ var ln = function(e) {
   };
   return f(t), u.clear(), ge++, function() {
     i.forEach(function(v) {
-      var h = U.get(v) - 1, g = n.get(v) - 1;
-      U.set(v, h), n.set(v, g), h || (J.has(v) || v.removeAttribute(o), J.delete(v)), g || v.removeAttribute(r);
-    }), ge--, ge || (U = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ee = {});
+      var h = V.get(v) - 1, g = n.get(v) - 1;
+      V.set(v, h), n.set(v, g), h || (J.has(v) || v.removeAttribute(o), J.delete(v)), g || v.removeAttribute(r);
+    }), ge--, ge || (V = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ee = {});
   };
-}, fn = function(e, t, r) {
+}, vn = function(e, t, r) {
   r === void 0 && (r = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = ln(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), pn(o, a, r, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = dn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), fn(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, Pe = "Dialog", [ht, xo] = Xt(Pe), [vn, D] = ht(Pe), mt = (e) => {
+}, Pe = "Dialog", [ht, Ro] = Yt(Pe), [hn, A] = ht(Pe), mt = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -1070,13 +1070,13 @@ var ln = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: i = !0
-  } = e, u = s.useRef(null), d = s.useRef(null), [c = !1, f] = Jt({
+  } = e, u = s.useRef(null), d = s.useRef(null), [c = !1, f] = er({
     prop: o,
     defaultProp: a,
     onChange: n
   });
   return /* @__PURE__ */ p(
-    vn,
+    hn,
     {
       scope: t,
       triggerRef: u,
@@ -1095,7 +1095,7 @@ var ln = function(e) {
 mt.displayName = Pe;
 var gt = "DialogTrigger", _t = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(gt, r), n = j(t, a.triggerRef);
+    const { __scopeDialog: r, ...o } = e, a = A(gt, r), n = B(t, a.triggerRef);
     return /* @__PURE__ */ p(
       M.button,
       {
@@ -1112,23 +1112,23 @@ var gt = "DialogTrigger", _t = s.forwardRef(
   }
 );
 _t.displayName = gt;
-var Oe = "DialogPortal", [hn, yt] = ht(Oe, {
+var Oe = "DialogPortal", [mn, yt] = ht(Oe, {
   forceMount: void 0
 }), bt = (e) => {
-  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = D(Oe, t);
-  return /* @__PURE__ */ p(hn, { scope: t, forceMount: r, children: s.Children.map(o, (i) => /* @__PURE__ */ p(se, { present: r || n.open, children: /* @__PURE__ */ p(at, { asChild: !0, container: a, children: i }) })) });
+  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = A(Oe, t);
+  return /* @__PURE__ */ p(mn, { scope: t, forceMount: r, children: s.Children.map(o, (i) => /* @__PURE__ */ p(se, { present: r || n.open, children: /* @__PURE__ */ p(at, { asChild: !0, container: a, children: i }) })) });
 };
 bt.displayName = Oe;
 var ue = "DialogOverlay", wt = s.forwardRef(
   (e, t) => {
-    const r = yt(ue, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = D(ue, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ p(se, { present: o || n.open, children: /* @__PURE__ */ p(mn, { ...a, ref: t }) }) : null;
+    const r = yt(ue, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(ue, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ p(se, { present: o || n.open, children: /* @__PURE__ */ p(gn, { ...a, ref: t }) }) : null;
   }
 );
 wt.displayName = ue;
-var mn = s.forwardRef(
+var gn = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(ue, r);
+    const { __scopeDialog: r, ...o } = e, a = A(ue, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
@@ -1143,19 +1143,19 @@ var mn = s.forwardRef(
       ) })
     );
   }
-), W = "DialogContent", Et = s.forwardRef(
+), j = "DialogContent", Et = s.forwardRef(
   (e, t) => {
-    const r = yt(W, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = D(W, e.__scopeDialog);
-    return /* @__PURE__ */ p(se, { present: o || n.open, children: n.modal ? /* @__PURE__ */ p(gn, { ...a, ref: t }) : /* @__PURE__ */ p(_n, { ...a, ref: t }) });
+    const r = yt(j, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(j, e.__scopeDialog);
+    return /* @__PURE__ */ p(se, { present: o || n.open, children: n.modal ? /* @__PURE__ */ p(_n, { ...a, ref: t }) : /* @__PURE__ */ p(yn, { ...a, ref: t }) });
   }
 );
-Et.displayName = W;
-var gn = s.forwardRef(
+Et.displayName = j;
+var _n = s.forwardRef(
   (e, t) => {
-    const r = D(W, e.__scopeDialog), o = s.useRef(null), a = j(t, r.contentRef, o);
+    const r = A(j, e.__scopeDialog), o = s.useRef(null), a = B(t, r.contentRef, o);
     return s.useEffect(() => {
       const n = o.current;
-      if (n) return fn(n);
+      if (n) return vn(n);
     }, []), /* @__PURE__ */ p(
       St,
       {
@@ -1178,9 +1178,9 @@ var gn = s.forwardRef(
       }
     );
   }
-), _n = s.forwardRef(
+), yn = s.forwardRef(
   (e, t) => {
-    const r = D(W, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
+    const r = A(j, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
     return /* @__PURE__ */ p(
       St,
       {
@@ -1203,8 +1203,8 @@ var gn = s.forwardRef(
   }
 ), St = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, u = D(W, r), d = s.useRef(null), c = j(t, d);
-    return Pr(), /* @__PURE__ */ A(ae, { children: [
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, u = A(j, r), d = s.useRef(null), c = B(t, d);
+    return Or(), /* @__PURE__ */ R(ae, { children: [
       /* @__PURE__ */ p(
         nt,
         {
@@ -1228,29 +1228,29 @@ var gn = s.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ A(ae, { children: [
-        /* @__PURE__ */ p(yn, { titleId: u.titleId }),
-        /* @__PURE__ */ p(wn, { contentRef: d, descriptionId: u.descriptionId })
+      /* @__PURE__ */ R(ae, { children: [
+        /* @__PURE__ */ p(bn, { titleId: u.titleId }),
+        /* @__PURE__ */ p(En, { contentRef: d, descriptionId: u.descriptionId })
       ] })
     ] });
   }
 ), xe = "DialogTitle", Ct = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(xe, r);
+    const { __scopeDialog: r, ...o } = e, a = A(xe, r);
     return /* @__PURE__ */ p(M.h2, { id: a.titleId, ...o, ref: t });
   }
 );
 Ct.displayName = xe;
 var Nt = "DialogDescription", Pt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(Nt, r);
+    const { __scopeDialog: r, ...o } = e, a = A(Nt, r);
     return /* @__PURE__ */ p(M.p, { id: a.descriptionId, ...o, ref: t });
   }
 );
 Pt.displayName = Nt;
 var Ot = "DialogClose", xt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(Ot, r);
+    const { __scopeDialog: r, ...o } = e, a = A(Ot, r);
     return /* @__PURE__ */ p(
       M.button,
       {
@@ -1266,11 +1266,11 @@ xt.displayName = Ot;
 function Re(e) {
   return e ? "open" : "closed";
 }
-var Rt = "DialogTitleWarning", [Ro, At] = Kt(Rt, {
-  contentName: W,
+var Rt = "DialogTitleWarning", [Ao, At] = Xt(Rt, {
+  contentName: j,
   titleName: xe,
   docsSlug: "dialog"
-}), yn = ({ titleId: e }) => {
+}), bn = ({ titleId: e }) => {
   const t = At(Rt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
@@ -1279,21 +1279,21 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return s.useEffect(() => {
     e && (document.getElementById(e) || console.error(r));
   }, [r, e]), null;
-}, bn = "DialogDescriptionWarning", wn = ({ contentRef: e, descriptionId: t }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${At(bn).contentName}}.`;
+}, wn = "DialogDescriptionWarning", En = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${At(wn).contentName}}.`;
   return s.useEffect(() => {
     var n;
     const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, En = mt, Sn = _t, Cn = bt, Nn = wt, Pn = Et, On = Ct, ze = Pt, xn = xt;
-const Rn = {
+}, Sn = mt, Cn = _t, Nn = bt, Pn = wt, On = Et, xn = Ct, ze = Pt, Rn = xt;
+const An = {
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function An(e) {
+function Dn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Dt = { exports: {} };
@@ -1332,30 +1332,30 @@ var Dt = { exports: {} };
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(Dt);
-var Dn = Dt.exports;
-const He = /* @__PURE__ */ An(Dn), Tn = "_rotate_1xozj_1", Mn = "_dash_1xozj_1", H = {
+var Tn = Dt.exports;
+const He = /* @__PURE__ */ Dn(Tn), Mn = "_rotate_1xozj_1", In = "_dash_1xozj_1", H = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Tn,
+  rotate: Mn,
   "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: Mn,
+  dash: In,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, G = "purpur-spinner", In = {
+}, G = "purpur-spinner", Ln = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Ln = ({
+}, $n = ({
   ["data-testid"]: e,
   disabled: t = !1,
   negative: r = !1,
-  size: o = In.SM,
+  size: o = Ln.SM,
   ...a
 }) => /* @__PURE__ */ p(
   "div",
@@ -1377,7 +1377,7 @@ const He = /* @__PURE__ */ An(Dn), Tn = "_rotate_1xozj_1", Mn = "_dash_1xozj_1",
     ) })
   }
 );
-function $n(e) {
+function kn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Tt = { exports: {} };
@@ -1416,8 +1416,8 @@ var Tt = { exports: {} };
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(Tt);
-var kn = Tt.exports;
-const Fn = /* @__PURE__ */ $n(kn), Wn = {
+var Fn = Tt.exports;
+const Wn = /* @__PURE__ */ kn(Fn), jn = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1439,7 +1439,7 @@ const Fn = /* @__PURE__ */ $n(kn), Wn = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, jn = Fn.bind(Wn), k = "purpur-button", Bn = ({
+}, Bn = Wn.bind(jn), F = "purpur-button", qn = ({
   children: e,
   className: t,
   ["data-testid"]: r,
@@ -1456,26 +1456,26 @@ const Fn = /* @__PURE__ */ $n(kn), Wn = {
 }, g) => {
   if (n && f === "destructive")
     return null;
-  const w = jn(
+  const y = Bn(
     [
-      k,
-      `${k}--${u ? `${f}-negative` : f}`,
-      `${k}--${c}`
+      F,
+      `${F}--${u ? `${f}-negative` : f}`,
+      `${F}--${c}`
     ],
     {
-      [`${k}--icon-only`]: n,
-      [`${k}--negative`]: u,
-      [`${k}--full-width`]: a,
-      [`${k}--disabled`]: o || i
+      [`${F}--icon-only`]: n,
+      [`${F}--negative`]: u,
+      [`${F}--full-width`]: a,
+      [`${F}--disabled`]: o || i
     },
     t
   ), l = (_) => {
     o || i ? _.preventDefault() : d && d(_);
   }, m = !!h["aria-disabled"] || o || i;
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ R(
     "button",
     {
-      className: w,
+      className: y,
       "data-testid": r,
       type: v,
       ref: g,
@@ -1483,15 +1483,15 @@ const Fn = /* @__PURE__ */ $n(kn), Wn = {
       onClick: l,
       ...h,
       children: [
-        i && /* @__PURE__ */ p(Ln, { size: c === Rn.LG ? "xs" : "xxs", negative: u, disabled: m }),
+        i && /* @__PURE__ */ p($n, { size: c === An.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         e
       ]
     }
   );
-}, Ae = Ce(Bn);
+}, Ae = Ce(qn);
 Ae.displayName = "Button";
-function qn(e) {
+function Un(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Mt = { exports: {} };
@@ -1530,8 +1530,8 @@ var Mt = { exports: {} };
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(Mt);
-var Un = Mt.exports;
-const Vn = /* @__PURE__ */ qn(Un), te = {
+var Vn = Mt.exports;
+const zn = /* @__PURE__ */ Un(Vn), te = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1547,7 +1547,7 @@ const Vn = /* @__PURE__ */ qn(Un), te = {
   "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"
-}, zn = {
+}, Hn = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1563,10 +1563,10 @@ const Vn = /* @__PURE__ */ qn(Un), te = {
   enableHyphenation: o = !1,
   negative: a = !1,
   tag: n,
-  variant: i = zn.TITLE100,
+  variant: i = Hn.TITLE100,
   ...u
 }) => {
-  const d = n, c = Vn([
+  const d = n, c = zn([
     r,
     te[re],
     te[`${re}--${i}`],
@@ -1578,7 +1578,7 @@ const Vn = /* @__PURE__ */ qn(Un), te = {
   return /* @__PURE__ */ p(d, { ...u, className: c, "data-testid": e, children: t });
 };
 It.displayName = "Heading";
-function Hn(e) {
+function Gn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Lt = { exports: {} };
@@ -1617,8 +1617,8 @@ var Lt = { exports: {} };
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(Lt);
-var Gn = Lt.exports;
-const Kn = /* @__PURE__ */ Hn(Gn), Xn = {
+var Kn = Lt.exports;
+const Xn = /* @__PURE__ */ Gn(Kn), Yn = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1626,26 +1626,26 @@ const Kn = /* @__PURE__ */ Hn(Gn), Xn = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Yn = Kn.bind(Xn), Ge = "purpur-icon", Zn = "md", Qn = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Jn = ({ content: e = "", title: t } = {}) => {
+}, Zn = Xn.bind(Yn), Ge = "purpur-icon", Qn = "md", Jn = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), eo = ({ content: e = "", title: t } = {}) => {
   const r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
-  return `<svg ${Qn(r)}>${o}${e}</svg>`;
-}, eo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $t = ({
+  return `<svg ${Jn(r)}>${o}${e}</svg>`;
+}, to = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $t = ({
   ["data-testid"]: e,
   svg: t,
   allyTitle: r,
   className: o,
-  size: a = Zn,
+  size: a = Qn,
   ...n
 }) => {
-  const i = Jn({
-    content: eo(t.svg),
+  const i = eo({
+    content: to(t.svg),
     title: r
-  }), u = Yn(o, Ge, `${Ge}--${a}`);
+  }), u = Zn(o, Ge, `${Ge}--${a}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -1658,14 +1658,14 @@ const Kn = /* @__PURE__ */ Hn(Gn), Xn = {
   );
 };
 $t.displayName = "Icon";
-const to = {
+const ro = {
   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"
-}, kt = (e) => /* @__PURE__ */ p($t, { ...e, svg: to });
+}, kt = (e) => /* @__PURE__ */ p($t, { ...e, svg: ro });
 kt.displayName = "IconClose";
-function ro(e) {
+function no(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ft = { exports: {} };
@@ -1704,8 +1704,8 @@ var Ft = { exports: {} };
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(Ft);
-var no = Ft.exports;
-const oo = /* @__PURE__ */ ro(no), K = {
+var oo = Ft.exports;
+const ao = /* @__PURE__ */ no(oo), K = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1720,7 +1720,7 @@ const oo = /* @__PURE__ */ ro(no), K = {
   "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"
-}, ao = {
+}, io = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -1738,10 +1738,10 @@ const oo = /* @__PURE__ */ ro(no), K = {
   disabled: o,
   enableHyphenation: a = !1,
   negative: n = !1,
-  variant: i = ao.PARAGRAPH100,
+  variant: i = io.PARAGRAPH100,
   ...u
 }) => {
-  const d = oo([
+  const d = ao([
     r,
     K[X],
     K[`${X}--${i}`],
@@ -1759,7 +1759,7 @@ function Ke(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function io(...e) {
+function uo(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
@@ -1776,7 +1776,7 @@ function io(...e) {
   };
 }
 var jt = s.forwardRef((e, t) => {
-  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(so);
+  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(co);
   if (n) {
     const i = n.props.children, u = a.map((d) => d === n ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : d);
     return /* @__PURE__ */ p(Se, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
@@ -1787,17 +1787,17 @@ jt.displayName = "Slot";
 var Se = s.forwardRef((e, t) => {
   const { children: r, ...o } = e;
   if (s.isValidElement(r)) {
-    const a = lo(r), n = co(o, r.props);
-    return r.type !== s.Fragment && (n.ref = t ? io(t, a) : a), s.cloneElement(r, n);
+    const a = po(r), n = lo(o, r.props);
+    return r.type !== s.Fragment && (n.ref = t ? uo(t, a) : a), s.cloneElement(r, n);
   }
   return s.Children.count(r) > 1 ? s.Children.only(null) : null;
 });
 Se.displayName = "SlotClone";
-var uo = ({ children: e }) => /* @__PURE__ */ p(ae, { children: e });
-function so(e) {
-  return s.isValidElement(e) && e.type === uo;
+var so = ({ children: e }) => /* @__PURE__ */ p(ae, { children: e });
+function co(e) {
+  return s.isValidElement(e) && e.type === so;
 }
-function co(e, t) {
+function lo(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
@@ -1807,12 +1807,12 @@ function co(e, t) {
   }
   return { ...e, ...r };
 }
-function lo(e) {
+function po(e) {
   var t, r;
   let o = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning;
   return a ? e.ref : (o = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var po = [
+var fo = [
   "a",
   "button",
   "div",
@@ -1829,15 +1829,15 @@ var po = [
   "span",
   "svg",
   "ul"
-], fo = po.reduce((e, t) => {
+], vo = fo.reduce((e, t) => {
   const r = s.forwardRef((o, a) => {
     const { asChild: n, ...i } = o, u = n ? jt : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...i, ref: a });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
-}, {}), vo = "VisuallyHidden", Bt = s.forwardRef(
+}, {}), ho = "VisuallyHidden", Bt = s.forwardRef(
   (e, t) => /* @__PURE__ */ p(
-    fo.span,
+    vo.span,
     {
       ...e,
       ref: t,
@@ -1858,15 +1858,15 @@ var po = [
     }
   )
 );
-Bt.displayName = vo;
-var ho = Bt;
-const mo = ({
+Bt.displayName = ho;
+var mo = Bt;
+const go = ({
   asChild: e,
   children: t,
   className: r = "",
   ["data-testid"]: o
-}) => /* @__PURE__ */ p(ho, { asChild: e, "data-testid": o, className: r, children: t });
-function go(e) {
+}) => /* @__PURE__ */ p(mo, { asChild: e, "data-testid": o, className: r, children: t });
+function _o(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var qt = { exports: {} };
@@ -1905,10 +1905,10 @@ var qt = { exports: {} };
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
 })(qt);
-var _o = qt.exports;
-const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
+var yo = qt.exports;
+const bo = /* @__PURE__ */ _o(yo), wo = "_fadeIn_1ifm3_1", Eo = {
   "purpur-modal-content": "_purpur-modal-content_1ifm3_1",
-  fadeIn: bo,
+  fadeIn: wo,
   "purpur-modal-content__overlay": "_purpur-modal-content__overlay_1ifm3_30",
   "purpur-modal-content__close-button": "_purpur-modal-content__close-button_1ifm3_37",
   "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_1ifm3_48",
@@ -1927,7 +1927,7 @@ const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
   "purpur-modal-content__actions": "_purpur-modal-content__actions_1ifm3_124",
   "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_1ifm3_181",
   "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_1ifm3_191"
-}, Xe = (e) => e.showCloseButton === !0, P = yo.bind(wo), N = "purpur-modal-content", Eo = Ce(
+}, Xe = (e) => e.showCloseButton === !0, O = bo.bind(Eo), N = "purpur-modal-content", So = Ce(
   ({
     ["data-testid"]: e,
     actions: t,
@@ -1942,67 +1942,69 @@ const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
     title: f,
     notification: v = void 0,
     zIndex: h,
-    ...g
-  }, w) => {
-    const { closeButtonAllyLabel: l, showCloseButton: m, ..._ } = g, [C, E] = Qe(!1), b = _e(null), S = _e(null), x = P([
+    onCloseAutoFocus: g,
+    ...y
+  }, l) => {
+    const { closeButtonAllyLabel: m, showCloseButton: _, ...C } = y, [w, E] = Qe(!1), S = _e(null), x = _e(null), b = O([
       N,
       { [`${N}--with-image`]: !!u },
-      { [`${N}--overflow`]: C },
+      { [`${N}--overflow`]: w },
       { [`${N}--sticky-footer`]: c },
       o
-    ]), y = ($) => e ? `${e} ${$}` : void 0, R = ($) => {
-      n && $.preventDefault();
-    }, O = zt(() => {
-      if (!b.current || !S.current)
+    ]), P = (k) => e ? `${e} ${k}` : void 0, $ = (k) => {
+      n && k.preventDefault();
+    }, D = Ht(() => {
+      if (!S.current || !x.current)
         return;
-      const $ = window.getComputedStyle(b.current, null), Ut = parseFloat($.getPropertyValue("height")), Vt = S.current.offsetHeight;
-      E(Ut < Vt);
-    }, []), z = ($) => {
-      n && !m && $.preventDefault();
+      const k = window.getComputedStyle(S.current, null), Vt = parseFloat(k.getPropertyValue("height")), zt = x.current.offsetHeight;
+      E(Vt < zt);
+    }, []), Ut = (k) => {
+      n && !_ && k.preventDefault();
     };
-    return ye(() => (window.addEventListener("resize", O), () => {
-      window.removeEventListener("resize", O);
-    }), [O]), ye(() => {
-      O();
-    }, [v, r, O]), /* @__PURE__ */ A(Cn, { children: [
-      /* @__PURE__ */ p(Nn, { className: P(`${N}__overlay`), style: { zIndex: h } }),
-      /* @__PURE__ */ A(
-        Pn,
+    return ye(() => (window.addEventListener("resize", D), () => {
+      window.removeEventListener("resize", D);
+    }), [D]), ye(() => {
+      D();
+    }, [v, r, D]), /* @__PURE__ */ R(Nn, { children: [
+      /* @__PURE__ */ p(Pn, { className: O(`${N}__overlay`), style: { zIndex: h } }),
+      /* @__PURE__ */ R(
+        On,
         {
-          ..._,
-          className: x,
+          ...C,
+          className: b,
           "data-testid": e,
-          ref: w,
+          ref: l,
           ...!a && { "aria-describedby": void 0 },
-          onPointerDownOutside: R,
-          onOpenAutoFocus: O,
-          onEscapeKeyDown: z,
+          onPointerDownOutside: $,
+          onOpenAutoFocus: D,
+          onEscapeKeyDown: Ut,
+          onCloseAutoFocus: g,
           style: { zIndex: `calc(${h} + 1)` },
           children: [
-            /* @__PURE__ */ A("div", { ref: b, className: P(`${N}__wrapper`), children: [
-              Xe(g) && l && u && /* @__PURE__ */ p(
+            /* @__PURE__ */ R("div", { ref: S, className: O(`${N}__wrapper`), children: [
+              Xe(y) && m && u && /* @__PURE__ */ p(
                 Ye,
                 {
-                  allyLabel: l,
+                  allyLabel: m,
                   hasImage: !0,
-                  "data-testid": y("close-button")
+                  "data-testid": P("close-button")
                 }
               ),
-              /* @__PURE__ */ A("div", { ref: S, className: P(`${N}__wrapper-inner`), children: [
-                /* @__PURE__ */ A("div", { className: P(`${N}__header`), children: [
-                  Xe(g) && l && !u && /* @__PURE__ */ p(
+              /* @__PURE__ */ R("div", { ref: x, className: O(`${N}__wrapper-inner`), children: [
+                /* @__PURE__ */ R("div", { className: O(`${N}__header`), children: [
+                  Xe(y) && m && !u && /* @__PURE__ */ p(
                     Ye,
                     {
-                      allyLabel: l,
-                      "data-testid": y("close-button")
+                      allyLabel: m,
+                      "data-testid": P("close-button")
                     }
                   ),
                   /* @__PURE__ */ p(
-                    On,
+                    xn,
                     {
                       asChild: !0,
-                      className: P(`${N}__title`),
-                      "data-testid": y("title"),
+                      className: O(`${N}__title`),
+                      "data-testid": P("title"),
                       children: /* @__PURE__ */ p(It, { tag: "h2", variant: "title-200", children: f })
                     }
                   )
@@ -2010,19 +2012,19 @@ const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
                 u && /* @__PURE__ */ p(
                   "div",
                   {
-                    className: P(`${N}__image-wrapper`),
-                    "data-testid": y("image"),
+                    className: O(`${N}__image-wrapper`),
+                    "data-testid": P("image"),
                     children: u
                   }
                 ),
-                /* @__PURE__ */ p("div", { className: P(`${N}__body`), children: /* @__PURE__ */ A("div", { className: P(`${N}__body-inner`), children: [
-                  a && i && /* @__PURE__ */ p(mo, { asChild: !0, children: /* @__PURE__ */ p(ze, { "data-testid": y("description"), children: a }) }),
+                /* @__PURE__ */ p("div", { className: O(`${N}__body`), children: /* @__PURE__ */ R("div", { className: O(`${N}__body-inner`), children: [
+                  a && i && /* @__PURE__ */ p(go, { asChild: !0, children: /* @__PURE__ */ p(ze, { "data-testid": P("description"), children: a }) }),
                   a && !i && /* @__PURE__ */ p(
                     ze,
                     {
                       asChild: !0,
-                      className: P(`${N}__description`),
-                      "data-testid": y("description"),
+                      className: O(`${N}__description`),
+                      "data-testid": P("description"),
                       children: /* @__PURE__ */ p(Wt, { variant: "paragraph-100", children: a })
                     }
                   ),
@@ -2055,7 +2057,7 @@ const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
   allyLabel: e,
   hasImage: t,
   ["data-testid"]: r
-}) => /* @__PURE__ */ p(xn, { asChild: !0, children: /* @__PURE__ */ p(
+}) => /* @__PURE__ */ p(Rn, { asChild: !0, children: /* @__PURE__ */ p(
   Ae,
   {
     variant: t ? "primary" : "tertiary-purple",
@@ -2063,11 +2065,11 @@ const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
     size: "sm",
     iconOnly: !0,
     "aria-label": e,
-    className: P(`${N}__close-button`),
+    className: O(`${N}__close-button`),
     "data-testid": r,
     children: /* @__PURE__ */ p(kt, {})
   }
-) }), So = 3, Ze = ({
+) }), Co = 3, Ze = ({
   actions: e,
   primaryActionVariant: t,
   notification: r
@@ -2076,9 +2078,9 @@ const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
   return ye(() => {
     var n, i;
     r && ((i = (n = o == null ? void 0 : o.current) == null ? void 0 : n.scrollIntoView) == null || i.call(n, !1));
-  }, [r]), e && e.length > 0 ? /* @__PURE__ */ A("div", { className: P(`${N}__actions`), children: [
-    /* @__PURE__ */ p("div", { className: P(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, So).map(
-      ({ label: n, onClick: i, disabled: u, loading: d, iconPosition: c = "right", icon: f, ...v }, h) => /* @__PURE__ */ A(
+  }, [r]), e && e.length > 0 ? /* @__PURE__ */ R("div", { className: O(`${N}__actions`), children: [
+    /* @__PURE__ */ p("div", { className: O(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, Co).map(
+      ({ label: n, onClick: i, disabled: u, loading: d, iconPosition: c = "right", icon: f, ...v }, h) => /* @__PURE__ */ R(
         Ae,
         {
           "data-testid": "modal actions button",
@@ -2086,7 +2088,7 @@ const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
           onClick: i,
           disabled: u,
           loading: d,
-          className: P(`${N}__actions-button`),
+          className: O(`${N}__actions-button`),
           ...v,
           children: [
             c === "left" && f && f,
@@ -2097,29 +2099,19 @@ const yo = /* @__PURE__ */ go(_o), bo = "_fadeIn_1ifm3_1", wo = {
         n
       )
     ) }),
-    r && /* @__PURE__ */ p("div", { className: P(`${N}__notification`), ref: o, children: r }),
-    /* @__PURE__ */ p("span", { className: P(`${N}__actions-separator`) })
+    r && /* @__PURE__ */ p("div", { className: O(`${N}__notification`), ref: o, children: r }),
+    /* @__PURE__ */ p("span", { className: O(`${N}__actions-separator`) })
   ] }) : null;
-}, Co = Ce(
-  ({ ["data-testid"]: e, children: t, className: r, ...o }, a) => /* @__PURE__ */ p(
-    Sn,
-    {
-      asChild: !0,
-      ref: a,
-      "data-testid": e,
-      className: r,
-      ...o,
-      children: t
-    }
-  )
+}, No = Ce(
+  ({ ["data-testid"]: e, children: t, className: r, ...o }, a) => /* @__PURE__ */ p(Cn, { asChild: !0, ref: a, "data-testid": e, className: r, ...o, children: t })
 ), De = ({
   ["data-testid"]: e,
   children: t,
   open: r,
   onOpenChange: o
-}) => /* @__PURE__ */ p(En, { open: r, onOpenChange: o, "data-testid": e, children: t });
-De.Trigger = Co;
-De.Content = Eo;
+}) => /* @__PURE__ */ p(Sn, { open: r, onOpenChange: o, "data-testid": e, children: t });
+De.Trigger = No;
+De.Content = So;
 De.displayName = "Modal";
 export {
   De as Modal