@purpurds/modal 4.0.1 → 4.1.0

package/dist/modal.es.js

@@ -1,7 +1,7 @@
-import { jsxs as G, jsx as _, Fragment as Tt } from "react/jsx-runtime";
-import * as g from "react";
-import { useCallback as Q, createContext as Ce, useMemo as ve, createElement as m, useContext as tt, useLayoutEffect as Dt, useRef as O, useEffect as A, useState as V, forwardRef as x, Children as R, isValidElement as B, cloneElement as te, Fragment as Ie, useReducer as It } from "react";
-import Rt, { flushSync as nt } from "react-dom";
+import { jsxs as j, jsx as _ } from "react/jsx-runtime";
+import * as m from "react";
+import { useCallback as Q, createContext as Ce, useMemo as ve, createElement as g, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as G, forwardRef as x, Children as M, isValidElement as W, cloneElement as te, 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) {
     for (var n = 1; n < arguments.length; n++) {
@@ -12,24 +12,24 @@ function P() {
     return e;
   }, P.apply(this, arguments);
 }
-function j(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+function B(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), t === !1 || !a.defaultPrevented)
       return n == null ? void 0 : n(a);
   };
 }
-function Mt(e, n) {
+function Rt(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function rt(...e) {
   return (n) => e.forEach(
-    (t) => Mt(t, n)
+    (t) => Rt(t, n)
   );
 }
 function J(...e) {
   return Q(rt(...e), e);
 }
-function Lt(e, n = []) {
+function Mt(e, n = []) {
   let t = [];
   function o(r, i) {
     const u = /* @__PURE__ */ Ce(i), l = t.length;
@@ -42,7 +42,7 @@ function Lt(e, n = []) {
         () => E,
         Object.values(E)
       );
-      return /* @__PURE__ */ m(c.Provider, {
+      return /* @__PURE__ */ g(c.Provider, {
         value: v
       }, f);
     }
@@ -79,10 +79,10 @@ function Lt(e, n = []) {
   };
   return a.scopeName = e, [
     o,
-    Ft(a, ...n)
+    Lt(a, ...n)
   ];
 }
-function Ft(...e) {
+function Lt(...e) {
   const n = e[0];
   if (e.length === 1)
     return n;
@@ -113,21 +113,21 @@ function Ft(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-const Oe = globalThis != null && globalThis.document ? Dt : () => {
-}, kt = g.useId || (() => {
+const Oe = globalThis != null && globalThis.document ? Tt : () => {
+}, Ft = m.useId || (() => {
 });
-let jt = 0;
-function me(e) {
-  const [n, t] = g.useState(kt());
+let kt = 0;
+function ge(e) {
+  const [n, t] = m.useState(Ft());
   return Oe(() => {
     e || t(
-      (o) => o ?? String(jt++)
+      (o) => o ?? String(kt++)
     );
   }, [
     e
   ]), e || (n ? `radix-${n}` : "");
 }
-function K(e) {
+function V(e) {
   const n = O(e);
   return A(() => {
     n.current = e;
@@ -139,12 +139,12 @@ function K(e) {
     []
   );
 }
-function Bt({ prop: e, defaultProp: n, onChange: t = () => {
+function jt({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [o, a] = Wt({
+  const [o, a] = Bt({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, i = r ? e : o, u = K(t), l = Q((d) => {
+  }), r = e !== void 0, i = r ? e : o, u = V(t), l = Q((d) => {
     if (r) {
       const s = typeof d == "function" ? d(e) : d;
       s !== e && u(s);
@@ -161,8 +161,8 @@ function Bt({ prop: e, defaultProp: n, onChange: t = () => {
     l
   ];
 }
-function Wt({ defaultProp: e, onChange: n }) {
-  const t = V(e), [o] = t, a = O(o), r = K(n);
+function Bt({ defaultProp: e, onChange: n }) {
+  const t = G(e), [o] = t, a = O(o), r = V(n);
   return A(() => {
     a.current !== o && (r(o), a.current = o);
   }, [
@@ -172,31 +172,31 @@ function Wt({ defaultProp: e, onChange: n }) {
   ]), t;
 }
 const Re = /* @__PURE__ */ x((e, n) => {
-  const { children: t, ...o } = e, a = R.toArray(t), r = a.find(zt);
+  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(Ut);
   if (r) {
-    const i = r.props.children, u = a.map((l) => l === r ? R.count(i) > 1 ? R.only(null) : /* @__PURE__ */ B(i) ? i.props.children : null : l);
-    return /* @__PURE__ */ m(Pe, P({}, o, {
+    const i = r.props.children, u = a.map((l) => l === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : l);
+    return /* @__PURE__ */ g(Pe, P({}, o, {
       ref: n
-    }), /* @__PURE__ */ B(i) ? /* @__PURE__ */ te(i, void 0, u) : null);
+    }), /* @__PURE__ */ W(i) ? /* @__PURE__ */ te(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__ */ x((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ B(t) ? /* @__PURE__ */ te(t, {
-    ...Ht(o, t.props),
+  return /* @__PURE__ */ W(t) ? /* @__PURE__ */ te(t, {
+    ...qt(o, t.props),
     ref: n ? rt(n, t.ref) : t.ref
-  }) : R.count(t) > 1 ? R.only(null) : null;
+  }) : M.count(t) > 1 ? M.only(null) : null;
 });
 Pe.displayName = "SlotClone";
-const Ut = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
-function zt(e) {
-  return /* @__PURE__ */ B(e) && e.type === Ut;
+const Wt = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
+function Ut(e) {
+  return /* @__PURE__ */ W(e) && e.type === Wt;
 }
-function Ht(e, n) {
+function qt(e, n) {
   const t = {
     ...n
   };
@@ -217,7 +217,7 @@ function Ht(e, n) {
     ...t
   };
 }
-const Gt = [
+const zt = [
   "a",
   "button",
   "div",
@@ -234,12 +234,12 @@ const Gt = [
   "span",
   "svg",
   "ul"
-], W = Gt.reduce((e, n) => {
+], U = zt.reduce((e, n) => {
   const t = /* @__PURE__ */ x((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 Gt = [
     [n]: t
   };
 }, {});
-function Vt(e, n) {
+function Ht(e, n) {
   e && nt(
     () => e.dispatchEvent(n)
   );
 }
-function Kt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e);
+function Gt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = V(e);
   A(() => {
     const o = (a) => {
       a.key === "Escape" && t(a);
@@ -265,35 +265,35 @@ function Kt(e, n = globalThis == null ? void 0 : globalThis.document) {
     n
   ]);
 }
-const Ne = "dismissableLayer.update", Xt = "dismissableLayer.pointerDownOutside", Yt = "dismissableLayer.focusOutside";
+const Ne = "dismissableLayer.update", Vt = "dismissableLayer.pointerDownOutside", Kt = "dismissableLayer.focusOutside";
 let ke;
-const qt = /* @__PURE__ */ Ce({
+const Xt = /* @__PURE__ */ Ce({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Zt = /* @__PURE__ */ x((e, n) => {
+}), Yt = /* @__PURE__ */ x((e, n) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: l, ...d } = e, p = tt(qt), [s, h] = V(null), f = (t = s == null ? void 0 : s.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: l, ...d } = e, p = tt(Xt), [s, h] = G(null), f = (t = s == null ? void 0 : s.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), C = v.indexOf(b), $ = s ? v.indexOf(s) : -1, y = p.layersWithOutsidePointerEventsDisabled.size > 0, S = $ >= C, U = Qt((w) => {
-    const M = w.target, ne = [
+  ].slice(-1), C = v.indexOf(b), $ = s ? v.indexOf(s) : -1, y = p.layersWithOutsidePointerEventsDisabled.size > 0, S = $ >= C, q = Zt((w) => {
+    const I = w.target, ne = [
       ...p.branches
     ].some(
-      (I) => I.contains(M)
+      (R) => R.contains(I)
     );
     !S || ne || (r == null || r(w), u == null || u(w), w.defaultPrevented || l == null || l());
-  }, f), T = Jt((w) => {
-    const M = w.target;
+  }, f), T = Qt((w) => {
+    const I = w.target;
     [
       ...p.branches
     ].some(
-      (I) => I.contains(M)
+      (R) => R.contains(I)
     ) || (i == null || i(w), u == null || u(w), w.defaultPrevented || l == null || l());
   }, f);
-  return Kt((w) => {
+  return Gt((w) => {
     $ === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && l && (w.preventDefault(), l()));
   }, f), A(() => {
     if (s)
@@ -313,25 +313,25 @@ const qt = /* @__PURE__ */ Ce({
   ]), A(() => {
     const w = () => E({});
     return document.addEventListener(Ne, w), () => document.removeEventListener(Ne, w);
-  }, []), /* @__PURE__ */ m(W.div, P({}, d, {
+  }, []), /* @__PURE__ */ g(U.div, P({}, d, {
     ref: c,
     style: {
       pointerEvents: y ? S ? "auto" : "none" : void 0,
       ...e.style
     },
-    onFocusCapture: j(e.onFocusCapture, T.onFocusCapture),
-    onBlurCapture: j(e.onBlurCapture, T.onBlurCapture),
-    onPointerDownCapture: j(e.onPointerDownCapture, U.onPointerDownCapture)
+    onFocusCapture: B(e.onFocusCapture, T.onFocusCapture),
+    onBlurCapture: B(e.onBlurCapture, T.onBlurCapture),
+    onPointerDownCapture: B(e.onPointerDownCapture, q.onPointerDownCapture)
   }));
 });
-function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e), o = O(!1), a = O(() => {
+function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = V(e), o = O(!1), a = O(() => {
   });
   return A(() => {
     const r = (u) => {
       if (u.target && !o.current) {
         let d = function() {
-          ot(Xt, t, l, {
+          ot(Vt, t, l, {
             discrete: !0
           });
         };
@@ -358,11 +358,11 @@ function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function Jt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e), o = O(!1);
+function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = V(e), o = O(!1);
   return A(() => {
     const a = (r) => {
-      r.target && !o.current && ot(Yt, t, {
+      r.target && !o.current && ot(Kt, t, {
         originalEvent: r
       }, {
         discrete: !1
@@ -389,13 +389,13 @@ function ot(e, n, t, { discrete: o }) {
   });
   n && a.addEventListener(e, n, {
     once: !0
-  }), o ? Vt(a, r) : a.dispatchEvent(r);
+  }), o ? Ht(a, r) : a.dispatchEvent(r);
 }
 const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount", Be = {
   bubbles: !1,
   cancelable: !0
-}, en = /* @__PURE__ */ x((e, n) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, l] = V(null), d = K(a), p = K(r), s = O(null), h = J(
+}, Jt = /* @__PURE__ */ x((e, n) => {
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, l] = G(null), d = V(a), p = V(r), s = O(null), h = J(
     n,
     (c) => l(c)
   ), f = O({
@@ -447,7 +447,7 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
       const c = document.activeElement;
       if (!u.contains(c)) {
         const b = new CustomEvent(_e, Be);
-        u.addEventListener(_e, d), u.dispatchEvent(b), b.defaultPrevented || (tn(un(at(u)), {
+        u.addEventListener(_e, d), u.dispatchEvent(b), b.defaultPrevented || (en(an(at(u)), {
           select: !0
         }), document.activeElement === c && k(u));
       }
@@ -471,7 +471,7 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
       return;
     const v = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, b = document.activeElement;
     if (v && b) {
-      const C = c.currentTarget, [$, y] = nn(C);
+      const C = c.currentTarget, [$, y] = tn(C);
       $ && y ? !c.shiftKey && b === y ? (c.preventDefault(), t && k($, {
         select: !0
       })) : c.shiftKey && b === $ && (c.preventDefault(), t && k(y, {
@@ -483,14 +483,14 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
     o,
     f.paused
   ]);
-  return /* @__PURE__ */ m(W.div, P({
+  return /* @__PURE__ */ g(U.div, P({
     tabIndex: -1
   }, i, {
     ref: h,
     onKeyDown: E
   }));
 });
-function tn(e, { select: n = !1 } = {}) {
+function en(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
     if (k(o, {
@@ -498,7 +498,7 @@ function tn(e, { select: n = !1 } = {}) {
     }), document.activeElement !== t)
       return;
 }
-function nn(e) {
+function tn(e) {
   const n = at(e), t = We(n, e), o = We(n.reverse(), e);
   return [
     t,
@@ -518,12 +518,12 @@ function at(e) {
 }
 function We(e, n) {
   for (const t of e)
-    if (!rn(t, {
+    if (!nn(t, {
       upTo: n
     }))
       return t;
 }
-function rn(e, { upTo: n }) {
+function nn(e, { upTo: n }) {
   if (getComputedStyle(e).visibility === "hidden")
     return !0;
   for (; e; ) {
@@ -535,7 +535,7 @@ function rn(e, { upTo: n }) {
   }
   return !1;
 }
-function on(e) {
+function rn(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function k(e, { select: n = !1 } = {}) {
@@ -543,58 +543,58 @@ function k(e, { select: n = !1 } = {}) {
     const t = document.activeElement;
     e.focus({
       preventScroll: !0
-    }), e !== t && on(e) && n && e.select();
+    }), e !== t && rn(e) && n && e.select();
   }
 }
-const Ue = an();
-function an() {
+const Ue = 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 = qe(e, n), e.unshift(n);
     },
     remove(n) {
       var t;
-      e = ze(e, n), (t = e[0]) === null || t === void 0 || t.resume();
+      e = qe(e, n), (t = e[0]) === null || t === void 0 || t.resume();
     }
   };
 }
-function ze(e, n) {
+function qe(e, n) {
   const t = [
     ...e
   ], o = t.indexOf(n);
   return o !== -1 && t.splice(o, 1), t;
 }
-function un(e) {
+function an(e) {
   return e.filter(
     (n) => n.tagName !== "A"
   );
 }
-const cn = /* @__PURE__ */ x((e, n) => {
+const un = /* @__PURE__ */ x((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__ */ Rt.createPortal(/* @__PURE__ */ m(W.div, P({}, a, {
+  return o ? /* @__PURE__ */ It.createPortal(/* @__PURE__ */ g(U.div, P({}, a, {
     ref: n
   })), o) : null;
 });
-function sn(e, n) {
-  return It((t, o) => {
+function cn(e, n) {
+  return Dt((t, o) => {
     const a = n[t][o];
     return a ?? t;
   }, e);
 }
 const he = (e) => {
-  const { present: n, children: t } = e, o = ln(n), a = typeof t == "function" ? t({
+  const { present: n, children: t } = e, o = sn(n), a = typeof t == "function" ? t({
     present: o.isPresent
-  }) : R.only(t), r = J(o.ref, a.ref);
+  }) : M.only(t), r = J(o.ref, a.ref);
   return typeof t == "function" || o.isPresent ? /* @__PURE__ */ te(a, {
     ref: r
   }) : null;
 };
 he.displayName = "Presence";
-function ln(e) {
-  const [n, t] = V(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, l] = sn(i, {
+function sn(e) {
+  const [n, t] = G(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, l] = cn(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -653,18 +653,18 @@ function re(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 let $e = 0;
-function dn() {
+function ln() {
   A(() => {
     var e, n;
     const t = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : He()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : He()), $e++, () => {
+    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : ze()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : ze()), $e++, () => {
       $e === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
         (o) => o.remove()
       ), $e--;
     };
   }, []);
 }
-function He() {
+function ze() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
 }
@@ -687,18 +687,18 @@ function it(e, n) {
       n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
   return t;
 }
-function pn(e, n, t) {
+function dn(e, n, t) {
   if (t || arguments.length === 2)
     for (var o = 0, a = n.length, r; o < a; o++)
       (r || !(o in n)) && (r || (r = Array.prototype.slice.call(n, 0, o)), r[o] = n[o]);
   return e.concat(r || Array.prototype.slice.call(n));
 }
-var pe = "right-scroll-bar-position", fe = "width-before-scroll-bar", fn = "with-scroll-bars-hidden", vn = "--removed-body-scroll-bar-size";
-function hn(e, n) {
+var pe = "right-scroll-bar-position", fe = "width-before-scroll-bar", pn = "with-scroll-bars-hidden", fn = "--removed-body-scroll-bar-size";
+function vn(e, n) {
   return typeof e == "function" ? e(n) : e && (e.current = n), e;
 }
-function gn(e, n) {
-  var t = V(function() {
+function hn(e, n) {
+  var t = G(function() {
     return {
       // value
       value: e,
@@ -719,17 +719,17 @@ function gn(e, n) {
   return t.callback = n, t.facade;
 }
 function mn(e, n) {
-  return gn(n || null, function(t) {
+  return hn(n || null, function(t) {
     return e.forEach(function(o) {
-      return hn(o, t);
+      return vn(o, t);
     });
   });
 }
-function _n(e) {
+function gn(e) {
   return e;
 }
-function bn(e, n) {
-  n === void 0 && (n = _n);
+function _n(e, n) {
+  n === void 0 && (n = gn);
   var t = [], o = !1, a = {
     read: function() {
       if (o)
@@ -783,9 +783,9 @@ function bn(e, n) {
   };
   return a;
 }
-function $n(e) {
+function bn(e) {
   e === void 0 && (e = {});
-  var n = bn(null);
+  var n = _n(null);
   return n.options = F({ async: !0, ssr: !1 }, e), n;
 }
 var ut = function(e) {
@@ -795,103 +795,103 @@ 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, F({}, t));
 };
 ut.isSideCarExport = !0;
-function yn(e, n) {
+function $n(e, n) {
   return e.useMedium(n), ut;
 }
-var ct = $n(), ye = function() {
-}, ge = g.forwardRef(function(e, n) {
-  var t = g.useRef(null), o = g.useState({
+var ct = bn(), ye = function() {
+}, me = m.forwardRef(function(e, n) {
+  var t = m.useRef(null), o = m.useState({
     onScrollCapture: ye,
     onWheelCapture: ye,
     onTouchMoveCapture: ye
   }), a = o[0], r = o[1], i = e.forwardProps, u = e.children, l = e.className, d = e.removeScrollBar, p = e.enabled, s = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, c = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, C = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), $ = h, y = mn([t, n]), S = F(F({}, C), a);
-  return g.createElement(
-    g.Fragment,
+  return m.createElement(
+    m.Fragment,
     null,
-    p && g.createElement($, { sideCar: ct, removeScrollBar: d, shards: s, 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: l, ref: y }), u)
+    p && m.createElement($, { sideCar: ct, removeScrollBar: d, shards: s, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!c, lockRef: t }),
+    i ? m.cloneElement(m.Children.only(u), F(F({}, S), { ref: y })) : m.createElement(b, F({}, S, { className: l, ref: y }), u)
   );
 });
-ge.defaultProps = {
+me.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-ge.classNames = {
+me.classNames = {
   fullWidth: fe,
   zeroRight: pe
 };
-var En = function() {
+var yn = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function wn() {
+function En() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var n = En();
+  var n = yn();
   return n && e.setAttribute("nonce", n), e;
 }
-function Sn(e, n) {
+function wn(e, n) {
   e.styleSheet ? e.styleSheet.cssText = n : e.appendChild(document.createTextNode(n));
 }
-function xn(e) {
+function Sn(e) {
   var n = document.head || document.getElementsByTagName("head")[0];
   n.appendChild(e);
 }
-var Cn = function() {
+var xn = function() {
   var e = 0, n = null;
   return {
     add: function(t) {
-      e == 0 && (n = wn()) && (Sn(n, t), xn(n)), e++;
+      e == 0 && (n = En()) && (wn(n, t), Sn(n)), e++;
     },
     remove: function() {
       e--, !e && n && (n.parentNode && n.parentNode.removeChild(n), n = null);
     }
   };
-}, On = function() {
-  var e = Cn();
+}, Cn = function() {
+  var e = xn();
   return function(n, t) {
-    g.useEffect(function() {
+    m.useEffect(function() {
       return e.add(n), function() {
         e.remove();
       };
     }, [n && t]);
   };
 }, st = function() {
-  var e = On(), n = function(t) {
+  var e = Cn(), n = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
   };
   return n;
-}, Pn = {
+}, On = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, Ee = function(e) {
   return parseInt(e || "", 10) || 0;
-}, Nn = function(e) {
+}, Pn = function(e) {
   var n = window.getComputedStyle(document.body), t = n[e === "padding" ? "paddingLeft" : "marginLeft"], o = n[e === "padding" ? "paddingTop" : "marginTop"], a = n[e === "padding" ? "paddingRight" : "marginRight"];
   return [Ee(t), Ee(o), Ee(a)];
-}, An = function(e) {
+}, Nn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return Pn;
-  var n = Nn(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+    return On;
+  var n = Pn(e), t = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: n[0],
     top: n[1],
     right: n[2],
     gap: Math.max(0, o - t + n[2] - n[0])
   };
-}, Tn = st(), Dn = function(e, n, t, o) {
+}, An = st(), Tn = function(e, n, t, o) {
   var a = e.left, r = e.top, i = e.right, u = e.gap;
   return t === void 0 && (t = "margin"), `
-  .`.concat(fn, ` {
+  .`.concat(pn, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(u, "px ").concat(o, `;
   }
@@ -929,14 +929,14 @@ var Cn = function() {
   }
   
   body {
-    `).concat(vn, ": ").concat(u, `px;
+    `).concat(fn, ": ").concat(u, `px;
   }
 `);
-}, In = function(e) {
-  var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o, r = g.useMemo(function() {
-    return An(a);
+}, Dn = function(e) {
+  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(Tn, { styles: Dn(r, !n, a, t ? "" : "!important") });
+  return m.createElement(An, { styles: Tn(r, !n, a, t ? "" : "!important") });
 }, Ae = !1;
 if (typeof window < "u")
   try {
@@ -949,20 +949,20 @@ if (typeof window < "u")
   } catch {
     Ae = !1;
   }
-var X = Ae ? { passive: !1 } : !1, Rn = function(e) {
+var K = Ae ? { passive: !1 } : !1, In = function(e) {
   return e.tagName === "TEXTAREA";
 }, lt = function(e, n) {
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[n] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !Rn(e) && t[n] === "visible")
+    !(t.overflowY === t.overflowX && !In(e) && t[n] === "visible")
   );
-}, Mn = function(e) {
+}, Rn = function(e) {
   return lt(e, "overflowY");
-}, Ln = function(e) {
+}, Mn = function(e) {
   return lt(e, "overflowX");
-}, Ge = function(e, n) {
+}, He = function(e, n) {
   var t = n;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
@@ -975,14 +975,14 @@ var X = Ae ? { passive: !1 } : !1, Rn = function(e) {
     t = t.parentNode;
   } while (t && t !== document.body);
   return !1;
-}, Fn = function(e) {
+}, Ln = function(e) {
   var n = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     n,
     t,
     o
   ];
-}, kn = function(e) {
+}, Fn = function(e) {
   var n = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     n,
@@ -990,13 +990,13 @@ var X = Ae ? { passive: !1 } : !1, Rn = function(e) {
     o
   ];
 }, dt = function(e, n) {
-  return e === "v" ? Mn(n) : Ln(n);
+  return e === "v" ? Rn(n) : Mn(n);
 }, pt = function(e, n) {
-  return e === "v" ? Fn(n) : kn(n);
-}, jn = function(e, n) {
+  return e === "v" ? Ln(n) : Fn(n);
+}, kn = function(e, n) {
   return e === "h" && n === "rtl" ? -1 : 1;
-}, Bn = function(e, n, t, o, a) {
-  var r = jn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, l = n.contains(u), d = !1, p = i > 0, s = 0, h = 0;
+}, jn = function(e, n, t, o, a) {
+  var r = kn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, l = n.contains(u), d = !1, p = i > 0, s = 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) && (s += b, h += E), u = u.parentNode;
@@ -1008,28 +1008,28 @@ var X = Ae ? { passive: !1 } : !1, Rn = function(e) {
   return (p && (a && s === 0 || !a && i > s) || !p && (a && h === 0 || !a && -i > h)) && (d = !0), d;
 }, ae = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Ve = function(e) {
+}, Ge = function(e) {
   return [e.deltaX, e.deltaY];
-}, Ke = function(e) {
+}, Ve = function(e) {
   return e && "current" in e ? e.current : e;
-}, Wn = function(e, n) {
+}, Bn = function(e, n) {
   return e[0] === n[0] && e[1] === n[1];
-}, Un = function(e) {
+}, Wn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, zn = 0, Y = [];
-function Hn(e) {
-  var n = g.useRef([]), t = g.useRef([0, 0]), o = g.useRef(), a = g.useState(zn++)[0], r = g.useState(function() {
+}, Un = 0, X = [];
+function qn(e) {
+  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Un++)[0], r = m.useState(function() {
     return st();
-  })[0], i = 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 = pn([e.lockRef.current], (e.shards || []).map(Ke), !0).filter(Boolean);
+      var c = dn([e.lockRef.current], (e.shards || []).map(Ve), !0).filter(Boolean);
       return c.forEach(function(v) {
         return v.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -1039,85 +1039,85 @@ function Hn(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 = ae(c), C = t.current, $ = "deltaX" in c ? c.deltaX : C[0] - b[0], y = "deltaY" in c ? c.deltaY : C[1] - b[1], S, U = c.target, T = Math.abs($) > Math.abs(y) ? "h" : "v";
-    if ("touches" in c && T === "h" && U.type === "range")
+    var b = ae(c), C = t.current, $ = "deltaX" in c ? c.deltaX : C[0] - b[0], y = "deltaY" in c ? c.deltaY : C[1] - b[1], S, q = c.target, T = Math.abs($) > Math.abs(y) ? "h" : "v";
+    if ("touches" in c && T === "h" && q.type === "range")
       return !1;
-    var w = Ge(T, U);
+    var w = He(T, q);
     if (!w)
       return !0;
-    if (w ? S = T : (S = T === "v" ? "h" : "v", w = Ge(T, U)), !w)
+    if (w ? S = T : (S = T === "v" ? "h" : "v", w = He(T, q)), !w)
       return !1;
     if (!o.current && "changedTouches" in c && ($ || y) && (o.current = S), !S)
       return !0;
-    var M = o.current || S;
-    return Bn(M, v, c, M === "h" ? $ : y, !0);
-  }, []), l = g.useCallback(function(c) {
+    var I = o.current || S;
+    return jn(I, v, c, I === "h" ? $ : y, !0);
+  }, []), l = m.useCallback(function(c) {
     var v = c;
-    if (!(!Y.length || Y[Y.length - 1] !== r)) {
-      var b = "deltaY" in v ? Ve(v) : ae(v), C = n.current.filter(function(S) {
-        return S.name === v.type && S.target === v.target && Wn(S.delta, b);
+    if (!(!X.length || X[X.length - 1] !== r)) {
+      var b = "deltaY" in v ? Ge(v) : ae(v), C = n.current.filter(function(S) {
+        return S.name === v.type && S.target === v.target && Bn(S.delta, b);
       })[0];
       if (C && C.should) {
         v.cancelable && v.preventDefault();
         return;
       }
       if (!C) {
-        var $ = (i.current.shards || []).map(Ke).filter(Boolean).filter(function(S) {
+        var $ = (i.current.shards || []).map(Ve).filter(Boolean).filter(function(S) {
           return S.contains(v.target);
         }), y = $.length > 0 ? u(v, $[0]) : !i.current.noIsolation;
         y && v.cancelable && v.preventDefault();
       }
     }
-  }, []), d = g.useCallback(function(c, v, b, C) {
+  }, []), d = m.useCallback(function(c, v, b, C) {
     var $ = { name: c, delta: v, target: b, should: C };
     n.current.push($), setTimeout(function() {
       n.current = n.current.filter(function(y) {
         return y !== $;
       });
     }, 1);
-  }, []), p = g.useCallback(function(c) {
+  }, []), p = m.useCallback(function(c) {
     t.current = ae(c), o.current = void 0;
-  }, []), s = g.useCallback(function(c) {
-    d(c.type, Ve(c), c.target, u(c, e.lockRef.current));
-  }, []), h = g.useCallback(function(c) {
+  }, []), s = m.useCallback(function(c) {
+    d(c.type, Ge(c), c.target, u(c, e.lockRef.current));
+  }, []), h = m.useCallback(function(c) {
     d(c.type, ae(c), c.target, u(c, e.lockRef.current));
   }, []);
-  g.useEffect(function() {
-    return Y.push(r), e.setCallbacks({
+  m.useEffect(function() {
+    return X.push(r), e.setCallbacks({
       onScrollCapture: s,
       onWheelCapture: s,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", l, X), document.addEventListener("touchmove", l, X), document.addEventListener("touchstart", p, X), function() {
-      Y = Y.filter(function(c) {
+    }), document.addEventListener("wheel", l, K), document.addEventListener("touchmove", l, K), document.addEventListener("touchstart", p, K), function() {
+      X = X.filter(function(c) {
         return c !== r;
-      }), document.removeEventListener("wheel", l, X), document.removeEventListener("touchmove", l, X), document.removeEventListener("touchstart", p, X);
+      }), document.removeEventListener("wheel", l, K), document.removeEventListener("touchmove", l, K), document.removeEventListener("touchstart", p, K);
     };
   }, []);
   var f = e.removeScrollBar, E = e.inert;
-  return g.createElement(
-    g.Fragment,
+  return m.createElement(
+    m.Fragment,
     null,
-    E ? g.createElement(r, { styles: Un(a) }) : null,
-    f ? g.createElement(In, { gapMode: "margin" }) : null
+    E ? m.createElement(r, { styles: Wn(a) }) : null,
+    f ? m.createElement(Dn, { gapMode: "margin" }) : null
   );
 }
-const Gn = yn(ct, Hn);
-var ft = g.forwardRef(function(e, n) {
-  return g.createElement(ge, F({}, e, { ref: n, sideCar: Gn }));
+const zn = $n(ct, qn);
+var ft = m.forwardRef(function(e, n) {
+  return m.createElement(me, F({}, e, { ref: n, sideCar: zn }));
 });
-ft.classNames = ge.classNames;
-const Vn = ft;
-var Kn = function(e) {
+ft.classNames = me.classNames;
+const Hn = ft;
+var Gn = function(e) {
   if (typeof document > "u")
     return null;
   var n = Array.isArray(e) ? e[0] : e;
   return n.ownerDocument.body;
-}, q = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ue = {}, we = 0, vt = function(e) {
+}, Y = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ue = {}, we = 0, vt = function(e) {
   return e && (e.host || vt(e.parentNode));
-}, Xn = function(e, n) {
+}, Vn = function(e, n) {
   return n.map(function(t) {
     if (e.contains(t))
       return t;
@@ -1126,8 +1126,8 @@ var Kn = function(e) {
   }).filter(function(t) {
     return !!t;
   });
-}, Yn = function(e, n, t, o) {
-  var a = Xn(n, Array.isArray(e) ? e : [e]);
+}, Kn = function(e, n, t, o) {
+  var a = Vn(n, Array.isArray(e) ? e : [e]);
   ue[t] || (ue[t] = /* @__PURE__ */ new WeakMap());
   var r = ue[t], i = [], u = /* @__PURE__ */ new Set(), l = new Set(a), d = function(s) {
     !s || u.has(s) || (u.add(s), d(s.parentNode));
@@ -1138,37 +1138,37 @@ var Kn = function(e) {
       if (u.has(h))
         p(h);
       else {
-        var f = h.getAttribute(o), E = f !== null && f !== "false", c = (q.get(h) || 0) + 1, v = (r.get(h) || 0) + 1;
-        q.set(h, c), r.set(h, v), i.push(h), c === 1 && E && ie.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
+        var f = h.getAttribute(o), E = f !== null && f !== "false", c = (Y.get(h) || 0) + 1, v = (r.get(h) || 0) + 1;
+        Y.set(h, c), r.set(h, v), i.push(h), c === 1 && E && ie.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
       }
     });
   };
   return p(n), u.clear(), we++, function() {
     i.forEach(function(s) {
-      var h = q.get(s) - 1, f = r.get(s) - 1;
-      q.set(s, h), r.set(s, f), h || (ie.has(s) || s.removeAttribute(o), ie.delete(s)), f || s.removeAttribute(t);
-    }), we--, we || (q = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ue = {});
+      var h = Y.get(s) - 1, f = r.get(s) - 1;
+      Y.set(s, h), r.set(s, f), h || (ie.has(s) || s.removeAttribute(o), ie.delete(s)), f || s.removeAttribute(t);
+    }), we--, we || (Y = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ue = {});
   };
-}, qn = function(e, n, t) {
+}, Xn = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = n || Kn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Yn(o, a, t, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = n || Gn(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, Eo] = Lt(ht), [Zn, L] = gt(ht), Qn = (e) => {
-  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = O(null), l = O(null), [d = !1, p] = Bt({
+const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
+  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = O(null), l = O(null), [d = !1, p] = jt({
     prop: o,
     defaultProp: a,
     onChange: r
   });
-  return /* @__PURE__ */ m(Zn, {
+  return /* @__PURE__ */ g(Yn, {
     scope: n,
     triggerRef: u,
     contentRef: l,
-    contentId: me(),
-    titleId: me(),
-    descriptionId: me(),
+    contentId: ge(),
+    titleId: ge(),
+    descriptionId: ge(),
     open: d,
     onOpenChange: p,
     onOpenToggle: Q(
@@ -1181,9 +1181,9 @@ const ht = "Dialog", [gt, Eo] = Lt(ht), [Zn, L] = gt(ht), Qn = (e) => {
     ),
     modal: i
   }, t);
-}, Jn = "DialogTrigger", er = /* @__PURE__ */ x((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(Jn, t), r = J(n, a.triggerRef);
-  return /* @__PURE__ */ m(W.button, P({
+}, Qn = "DialogTrigger", Jn = /* @__PURE__ */ x((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = L(Qn, t), r = J(n, a.triggerRef);
+  return /* @__PURE__ */ g(U.button, P({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": a.open,
@@ -1191,43 +1191,43 @@ const ht = "Dialog", [gt, Eo] = Lt(ht), [Zn, L] = gt(ht), Qn = (e) => {
     "data-state": Me(a.open)
   }, o, {
     ref: r,
-    onClick: j(e.onClick, a.onOpenToggle)
+    onClick: B(e.onClick, a.onOpenToggle)
   }));
-}), mt = "DialogPortal", [tr, _t] = gt(mt, {
+}), gt = "DialogPortal", [er, _t] = mt(gt, {
   forceMount: void 0
-}), nr = (e) => {
-  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(mt, n);
-  return /* @__PURE__ */ m(tr, {
+}), tr = (e) => {
+  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(gt, n);
+  return /* @__PURE__ */ g(er, {
     scope: n,
     forceMount: t
-  }, R.map(
+  }, M.map(
     o,
-    (i) => /* @__PURE__ */ m(he, {
+    (i) => /* @__PURE__ */ g(he, {
       present: t || r.open
-    }, /* @__PURE__ */ m(cn, {
+    }, /* @__PURE__ */ g(un, {
       asChild: !0,
       container: a
     }, i))
   ));
-}, Te = "DialogOverlay", rr = /* @__PURE__ */ x((e, n) => {
+}, Te = "DialogOverlay", nr = /* @__PURE__ */ x((e, n) => {
   const t = _t(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(Te, e.__scopeDialog);
-  return r.modal ? /* @__PURE__ */ m(he, {
+  return r.modal ? /* @__PURE__ */ g(he, {
     present: o || r.open
-  }, /* @__PURE__ */ m(or, P({}, a, {
+  }, /* @__PURE__ */ g(rr, P({}, a, {
     ref: n
   }))) : null;
-}), or = /* @__PURE__ */ x((e, n) => {
+}), rr = /* @__PURE__ */ x((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(Te, t);
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
-    /* @__PURE__ */ m(Vn, {
+    /* @__PURE__ */ g(Hn, {
       as: Re,
       allowPinchZoom: !0,
       shards: [
         a.contentRef
       ]
-    }, /* @__PURE__ */ m(W.div, P({
+    }, /* @__PURE__ */ g(U.div, P({
       "data-state": Me(a.open)
     }, o, {
       ref: n,
@@ -1237,41 +1237,41 @@ const ht = "Dialog", [gt, Eo] = Lt(ht), [Zn, L] = gt(ht), Qn = (e) => {
       }
     })))
   );
-}), ee = "DialogContent", ar = /* @__PURE__ */ x((e, n) => {
+}), ee = "DialogContent", or = /* @__PURE__ */ x((e, n) => {
   const t = _t(ee, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(ee, e.__scopeDialog);
-  return /* @__PURE__ */ m(he, {
+  return /* @__PURE__ */ g(he, {
     present: o || r.open
-  }, r.modal ? /* @__PURE__ */ m(ir, P({}, a, {
+  }, r.modal ? /* @__PURE__ */ g(ar, P({}, a, {
     ref: n
-  })) : /* @__PURE__ */ m(ur, P({}, a, {
+  })) : /* @__PURE__ */ g(ir, P({}, a, {
     ref: n
   })));
-}), ir = /* @__PURE__ */ x((e, n) => {
+}), ar = /* @__PURE__ */ x((e, n) => {
   const t = L(ee, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
   return A(() => {
     const r = o.current;
     if (r)
-      return qn(r);
-  }, []), /* @__PURE__ */ m(bt, P({}, e, {
+      return Xn(r);
+  }, []), /* @__PURE__ */ g(bt, P({}, e, {
     ref: a,
     trapFocus: t.open,
     disableOutsidePointerEvents: !0,
-    onCloseAutoFocus: j(e.onCloseAutoFocus, (r) => {
+    onCloseAutoFocus: B(e.onCloseAutoFocus, (r) => {
       var i;
       r.preventDefault(), (i = t.triggerRef.current) === null || i === void 0 || i.focus();
     }),
-    onPointerDownOutside: j(e.onPointerDownOutside, (r) => {
+    onPointerDownOutside: B(e.onPointerDownOutside, (r) => {
       const i = r.detail.originalEvent, u = i.button === 0 && i.ctrlKey === !0;
       (i.button === 2 || u) && r.preventDefault();
     }),
-    onFocusOutside: j(
+    onFocusOutside: B(
       e.onFocusOutside,
       (r) => r.preventDefault()
     )
   }));
-}), ur = /* @__PURE__ */ x((e, n) => {
+}), ir = /* @__PURE__ */ x((e, n) => {
   const t = L(ee, 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,
@@ -1292,13 +1292,13 @@ const ht = "Dialog", [gt, Eo] = Lt(ht), [Zn, L] = gt(ht), Qn = (e) => {
   }));
 }), bt = /* @__PURE__ */ x((e, n) => {
   const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = L(ee, t), l = O(null), d = J(n, l);
-  return dn(), /* @__PURE__ */ m(Ie, null, /* @__PURE__ */ m(en, {
+  return ln(), /* @__PURE__ */ g(Ie, null, /* @__PURE__ */ g(Jt, {
     asChild: !0,
     loop: !0,
     trapped: o,
     onMountAutoFocus: a,
     onUnmountAutoFocus: r
-  }, /* @__PURE__ */ m(Zt, P({
+  }, /* @__PURE__ */ g(Yt, P({
     role: "dialog",
     id: u.contentId,
     "aria-describedby": u.descriptionId,
@@ -1308,27 +1308,27 @@ const ht = "Dialog", [gt, Eo] = Lt(ht), [Zn, L] = gt(ht), Qn = (e) => {
     ref: d,
     onDismiss: () => u.onOpenChange(!1)
   }))), !1);
-}), cr = "DialogTitle", sr = /* @__PURE__ */ x((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(cr, t);
-  return /* @__PURE__ */ m(W.h2, P({
+}), ur = "DialogTitle", cr = /* @__PURE__ */ x((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = L(ur, t);
+  return /* @__PURE__ */ g(U.h2, P({
     id: a.titleId
   }, o, {
     ref: n
   }));
-}), lr = "DialogDescription", dr = /* @__PURE__ */ x((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(lr, t);
-  return /* @__PURE__ */ m(W.p, P({
+}), sr = "DialogDescription", lr = /* @__PURE__ */ x((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = L(sr, t);
+  return /* @__PURE__ */ g(U.p, P({
     id: a.descriptionId
   }, o, {
     ref: n
   }));
-}), pr = "DialogClose", fr = /* @__PURE__ */ x((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = L(pr, t);
-  return /* @__PURE__ */ m(W.button, P({
+}), dr = "DialogClose", pr = /* @__PURE__ */ x((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = L(dr, t);
+  return /* @__PURE__ */ g(U.button, P({
     type: "button"
   }, o, {
     ref: n,
-    onClick: j(
+    onClick: B(
       e.onClick,
       () => a.onOpenChange(!1)
     )
@@ -1337,12 +1337,12 @@ const ht = "Dialog", [gt, Eo] = Lt(ht), [Zn, L] = gt(ht), Qn = (e) => {
 function Me(e) {
   return e ? "open" : "closed";
 }
-const vr = Qn, hr = er, gr = nr, mr = rr, _r = ar, br = sr, Xe = dr, $r = fr, Ye = {
+const fr = Zn, vr = Jn, hr = tr, mr = nr, gr = or, _r = cr, Ke = lr, br = pr, Xe = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function yr(e) {
+function $r(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var $t = { exports: {} };
@@ -1381,46 +1381,46 @@ var $t = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })($t);
-var Er = $t.exports;
-const qe = /* @__PURE__ */ yr(Er), wr = "_rotate_7s2g1_1", Sr = "_dash_7s2g1_1", ce = {
+var yr = $t.exports;
+const Ye = /* @__PURE__ */ $r(yr), Er = "_rotate_7s2g1_1", wr = "_dash_7s2g1_1", ce = {
   "purpur-spinner": "_purpur-spinner_7s2g1_1",
-  rotate: wr,
+  rotate: Er,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
   "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
-  dash: Sr,
+  dash: wr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
   "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
-}, se = "purpur-spinner", xr = {
+}, se = "purpur-spinner", Sr = {
   PRIMARY: "primary",
   DISABLED: "disabled",
   NEGATIVE: "negative",
   NEGATIVE_DISABLED: "negative-disabled"
-}, Cr = {
+}, xr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Or = ({
+}, Cr = ({
   ["data-testid"]: e,
-  size: n = Cr.SM,
-  variant: t = xr.PRIMARY,
+  size: n = xr.SM,
+  variant: t = Sr.PRIMARY,
   ...o
 }) => /* @__PURE__ */ _(
   "div",
   {
-    className: qe([ce[se], ce[`${se}--${n}`]]),
+    className: Ye([ce[se], ce[`${se}--${n}`]]),
     "data-testid": e,
     ...o,
     children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
       "circle",
       {
-        className: qe(
+        className: Ye(
           ce[`${se}__circle`],
           ce[`${se}__circle--${t}`]
         ),
@@ -1431,7 +1431,7 @@ const qe = /* @__PURE__ */ yr(Er), wr = "_rotate_7s2g1_1", Sr = "_dash_7s2g1_1",
     ) })
   }
 );
-function Pr(e) {
+function Or(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var yt = { exports: {} };
@@ -1470,8 +1470,8 @@ var yt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(yt);
-var Nr = yt.exports;
-const Ar = /* @__PURE__ */ Pr(Nr), z = {
+var Pr = yt.exports;
+const Nr = /* @__PURE__ */ Or(Pr), z = {
   "purpur-button": "_purpur-button_1fna2_1",
   "purpur-button--sm": "_purpur-button--sm_1fna2_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1fna2_36",
@@ -1492,7 +1492,7 @@ const Ar = /* @__PURE__ */ Pr(Nr), z = {
   "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", Tr = ({
+}, H = "purpur-button", Ar = ({
   children: e,
   className: n,
   ["data-testid"]: t,
@@ -1501,14 +1501,14 @@ const Ar = /* @__PURE__ */ Pr(Nr), z = {
   iconOnly: r,
   loading: i = !1,
   onClick: u,
-  size: l = Ye.MD,
+  size: l = Xe.MD,
   variant: d,
   type: p = "button",
   ...s
 }, h) => {
   if (r && d === "destructive")
     return null;
-  const f = Ar(
+  const f = Nr(
     [
       z[H],
       z[`${H}--${d}`],
@@ -1524,7 +1524,7 @@ const Ar = /* @__PURE__ */ Pr(Nr), z = {
   ), E = (v) => {
     o || i ? v.preventDefault() : u && u(v);
   }, c = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ j(
     "button",
     {
       className: f,
@@ -1535,15 +1535,15 @@ const Ar = /* @__PURE__ */ Pr(Nr), z = {
       onClick: E,
       ...s,
       children: [
-        i && /* @__PURE__ */ _(Or, { size: l === Ye.LG ? "xs" : "xxs", variant: c() }),
+        i && /* @__PURE__ */ _(Cr, { size: l === Xe.LG ? "xs" : "xxs", variant: c() }),
         " ",
         e
       ]
     }
   );
-}, Le = x(Tr);
+}, Le = x(Ar);
 Le.displayName = "Button";
-function Dr(e) {
+function Tr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Et = { exports: {} };
@@ -1582,8 +1582,8 @@ var Et = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Et);
-var Ir = Et.exports;
-const Rr = /* @__PURE__ */ Dr(Ir), Se = {
+var Dr = Et.exports;
+const Ir = /* @__PURE__ */ Tr(Dr), Se = {
   "purpur-heading": "_purpur-heading_1abfh_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_1abfh_8",
   "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1abfh_11",
@@ -1598,7 +1598,7 @@ const Rr = /* @__PURE__ */ Dr(Ir), Se = {
   "purpur-heading--display-50": "_purpur-heading--display-50_1abfh_65",
   "purpur-heading--display-100": "_purpur-heading--display-100_1abfh_71",
   "purpur-heading--display-200": "_purpur-heading--display-200_1abfh_77"
-}, Mr = {
+}, Rr = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1607,16 +1607,16 @@ const Rr = /* @__PURE__ */ Dr(Ir), Se = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, xe = "purpur-heading", Lr = ({
+}, xe = "purpur-heading", Mr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   enableHyphenation: o = !1,
   tag: a,
-  variant: r = Mr.TITLE100,
+  variant: r = Rr.TITLE100,
   ...i
 }) => {
-  const u = a, l = Rr([
+  const u = a, l = Ir([
     t,
     Se[xe],
     Se[`${xe}--${r}`],
@@ -1626,7 +1626,7 @@ const Rr = /* @__PURE__ */ Dr(Ir), Se = {
   ]);
   return /* @__PURE__ */ _(u, { ...i, className: l, "data-testid": e, children: n });
 };
-function Fr(e) {
+function Lr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var wt = { exports: {} };
@@ -1665,8 +1665,8 @@ var wt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(wt);
-var kr = wt.exports;
-const jr = /* @__PURE__ */ Fr(kr), Br = {
+var Fr = wt.exports;
+const kr = /* @__PURE__ */ Lr(Fr), jr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1674,39 +1674,39 @@ const jr = /* @__PURE__ */ Fr(kr), Br = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Wr = {
+}, Br = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
 }, St = (e) => /* @__PURE__ */ _(
-  Kr,
+  Gr,
   {
     ...e,
-    svg: Wr
+    svg: Br
   }
 );
 St.displayName = "IconClose";
-const Ur = jr.bind(Br), Ze = "purpur-icon", zr = "md", Hr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Gr = ({ content: e = "", title: n } = {}) => {
+const Wr = kr.bind(jr), Ze = "purpur-icon", Ur = "md", qr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), zr = ({ 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 ${Hr(t)}>${o}${e}</svg>`;
-}, Vr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Kr = ({
+  return `<svg ${qr(t)}>${o}${e}</svg>`;
+}, Hr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: o = "",
-  size: a = zr,
+  size: a = Ur,
   ...r
 }) => {
-  const i = Gr({
-    content: Vr(n.svg),
+  const i = zr({
+    content: Hr(n.svg),
     title: t
-  }), u = Ur(o, Ze, `${Ze}--${a}`);
+  }), u = Wr(o, Ze, `${Ze}--${a}`);
   return /* @__PURE__ */ _(
     "span",
     {
@@ -1718,7 +1718,7 @@ const Ur = jr.bind(Br), Ze = "purpur-icon", zr = "md", Hr = (e) => e.filter((n)
     }
   );
 };
-function Xr(e) {
+function Vr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var xt = { exports: {} };
@@ -1757,8 +1757,8 @@ var xt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(xt);
-var Yr = xt.exports;
-const qr = /* @__PURE__ */ Xr(Yr), le = {
+var Kr = xt.exports;
+const Xr = /* @__PURE__ */ Vr(Kr), le = {
   "purpur-paragraph": "_purpur-paragraph_1fzxr_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1fzxr_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1fzxr_10",
@@ -1772,7 +1772,7 @@ const qr = /* @__PURE__ */ Xr(Yr), le = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1fzxr_57",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1fzxr_64",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1fzxr_71"
-}, Zr = {
+}, Yr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -1783,16 +1783,16 @@ const qr = /* @__PURE__ */ Xr(Yr), le = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, de = "purpur-paragraph", Qr = ({
+}, de = "purpur-paragraph", Zr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   disabled: o,
   enableHyphenation: a = !1,
-  variant: r = Zr.PARAGRAPH100,
+  variant: r = Yr.PARAGRAPH100,
   ...i
 }) => {
-  const u = qr([
+  const u = Xr([
     t,
     le[de],
     le[`${de}--${r}`],
@@ -1802,7 +1802,7 @@ const qr = /* @__PURE__ */ Xr(Yr), le = {
     }
   ]);
   return /* @__PURE__ */ _("p", { ...i, className: u, "data-testid": e, children: n });
-};
+}, Qr = "600px";
 function Z() {
   return Z = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -1822,29 +1822,29 @@ function eo(...e) {
   );
 }
 const Ct = /* @__PURE__ */ x((e, n) => {
-  const { children: t, ...o } = e, a = R.toArray(t), r = a.find(no);
+  const { children: t, ...o } = e, a = M.toArray(t), r = a.find(no);
   if (r) {
-    const i = r.props.children, u = a.map((l) => l === r ? R.count(i) > 1 ? R.only(null) : /* @__PURE__ */ B(i) ? i.props.children : null : l);
-    return /* @__PURE__ */ m(De, Z({}, o, {
+    const i = r.props.children, u = a.map((l) => l === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : l);
+    return /* @__PURE__ */ g(De, Z({}, o, {
       ref: n
-    }), /* @__PURE__ */ B(i) ? /* @__PURE__ */ te(i, void 0, u) : null);
+    }), /* @__PURE__ */ W(i) ? /* @__PURE__ */ te(i, void 0, u) : null);
   }
-  return /* @__PURE__ */ m(De, Z({}, o, {
+  return /* @__PURE__ */ g(De, Z({}, o, {
     ref: n
   }), t);
 });
 Ct.displayName = "Slot";
 const De = /* @__PURE__ */ x((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ B(t) ? /* @__PURE__ */ te(t, {
+  return /* @__PURE__ */ W(t) ? /* @__PURE__ */ te(t, {
     ...ro(o, t.props),
     ref: n ? eo(n, t.ref) : t.ref
-  }) : R.count(t) > 1 ? R.only(null) : null;
+  }) : M.count(t) > 1 ? M.only(null) : null;
 });
 De.displayName = "SlotClone";
-const to = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
+const to = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
 function no(e) {
-  return /* @__PURE__ */ B(e) && e.type === to;
+  return /* @__PURE__ */ W(e) && e.type === to;
 }
 function ro(e, n) {
   const t = {
@@ -1889,7 +1889,7 @@ const oo = [
     const { asChild: r, ...i } = o, u = r ? Ct : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ m(u, Z({}, i, {
+    }, []), /* @__PURE__ */ g(u, Z({}, i, {
       ref: a
     }));
   });
@@ -1897,7 +1897,7 @@ const oo = [
     ...e,
     [n]: t
   };
-}, {}), io = /* @__PURE__ */ x((e, n) => /* @__PURE__ */ m(ao.span, Z({}, e, {
+}, {}), io = /* @__PURE__ */ x((e, n) => /* @__PURE__ */ g(ao.span, Z({}, e, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1918,8 +1918,8 @@ const oo = [
   children: n,
   className: t = "",
   ["data-testid"]: o
-}) => /* @__PURE__ */ _(uo, { asChild: e, "data-testid": o, className: t, children: n }), so = "600px";
-function lo(e) {
+}) => /* @__PURE__ */ _(uo, { asChild: e, "data-testid": o, className: t, children: n });
+function so(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ot = { exports: {} };
@@ -1958,26 +1958,28 @@ var Ot = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Ot);
-var po = Ot.exports;
-const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_1fnes_1", ho = {
-  "purpur-modal-content": "_purpur-modal-content_1fnes_1",
-  fadeIn: vo,
-  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_1fnes_30",
-  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_1fnes_37",
-  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_1fnes_48",
-  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_1fnes_59",
-  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_1fnes_68",
-  "purpur-modal-content__header": "_purpur-modal-content__header_1fnes_91",
-  "purpur-modal-content__title": "_purpur-modal-content__title_1fnes_104",
-  "purpur-modal-content__description": "_purpur-modal-content__description_1fnes_107",
-  "purpur-modal-content__body": "_purpur-modal-content__body_1fnes_110",
-  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_1fnes_120",
-  "purpur-modal-content__actions": "_purpur-modal-content__actions_1fnes_133",
-  "purpur-modal-content__button": "_purpur-modal-content__button_1fnes_145",
-  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_1fnes_156",
-  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_1fnes_156",
-  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_1fnes_194"
-}, Qe = (e) => e.showCloseButton === !0, D = fo.bind(ho), N = "purpur-modal-content", go = x(
+var lo = Ot.exports;
+const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
+  "purpur-modal-content": "_purpur-modal-content_1qmv6_1",
+  fadeIn: fo,
+  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_1qmv6_30",
+  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_1qmv6_37",
+  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_1qmv6_48",
+  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_1qmv6_59",
+  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_1qmv6_68",
+  "purpur-modal-content__header": "_purpur-modal-content__header_1qmv6_91",
+  "purpur-modal-content__title": "_purpur-modal-content__title_1qmv6_104",
+  "purpur-modal-content__description": "_purpur-modal-content__description_1qmv6_107",
+  "purpur-modal-content__body": "_purpur-modal-content__body_1qmv6_110",
+  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_1qmv6_120",
+  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_1qmv6_132",
+  "purpur-modal-content__actions-button": "_purpur-modal-content__actions-button_1qmv6_132",
+  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_1qmv6_155",
+  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_1qmv6_155",
+  "purpur-modal-content__actions": "_purpur-modal-content__actions_1qmv6_132",
+  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_1qmv6_186",
+  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_1qmv6_196"
+}, Qe = (e) => e.showCloseButton === !0, D = po.bind(vo), N = "purpur-modal-content", ho = x(
   ({
     ["data-testid"]: e,
     actions: n,
@@ -1992,42 +1994,42 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_1fnes_1", ho = {
     title: p,
     ...s
   }, h) => {
-    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = s, [v, b] = V(!1), C = O(null), $ = O(null), y = O(null), S = O(null), U = D([
+    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = s, [v, b] = G(!1), C = O(null), $ = O(null), y = O(null), S = O(null), q = D([
       N,
       { [`${N}--with-image`]: !!u },
       { [`${N}--overflow`]: v },
       { [`${N}--sticky-footer`]: d },
       o
-    ]), T = (I) => e ? `${e} ${I}` : void 0, w = (I) => {
-      r && I.preventDefault();
-    }, M = Q(() => {
+    ]), T = (R) => e ? `${e} ${R}` : void 0, w = (R) => {
+      r && R.preventDefault();
+    }, I = Q(() => {
       if (!C.current || !$.current || !y.current || !S.current)
         return;
-      const I = window.innerWidth < parseInt(so), Pt = window.getComputedStyle(
-        I ? C.current : y.current,
+      const R = window.innerWidth < parseInt(Qr), Pt = window.getComputedStyle(
+        R ? C.current : y.current,
         null
-      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = I ? $.current.offsetHeight : S.current.offsetHeight;
+      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = R ? $.current.offsetHeight : S.current.offsetHeight;
       b(Nt < At);
-    }, []), ne = (I) => {
-      r && !E && I.preventDefault();
+    }, []), ne = (R) => {
+      r && !E && R.preventDefault();
     };
-    return A(() => (window.addEventListener("resize", M), () => {
-      window.removeEventListener("resize", M);
-    }), []), /* @__PURE__ */ G(gr, { children: [
+    return A(() => (window.addEventListener("resize", I), () => {
+      window.removeEventListener("resize", I);
+    }), [I]), /* @__PURE__ */ j(hr, { children: [
       /* @__PURE__ */ _(mr, { className: D(`${N}__overlay`) }),
-      /* @__PURE__ */ G(
-        _r,
+      /* @__PURE__ */ j(
+        gr,
         {
           ...c,
-          className: U,
+          className: q,
           "data-testid": e,
           ref: h,
           ...!a && { "aria-describedby": void 0 },
           onPointerDownOutside: w,
-          onOpenAutoFocus: M,
+          onOpenAutoFocus: I,
           onEscapeKeyDown: ne,
           children: [
-            /* @__PURE__ */ G("div", { ref: C, className: D(`${N}__wrapper`), children: [
+            /* @__PURE__ */ j("div", { ref: C, className: D(`${N}__wrapper`), children: [
               Qe(s) && f && u && /* @__PURE__ */ _(
                 Je,
                 {
@@ -2036,8 +2038,8 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_1fnes_1", ho = {
                   "data-testid": T("close-button")
                 }
               ),
-              /* @__PURE__ */ G("div", { ref: $, className: D(`${N}__wrapper-inner`), children: [
-                /* @__PURE__ */ G("div", { className: D(`${N}__header`), children: [
+              /* @__PURE__ */ j("div", { ref: $, className: D(`${N}__wrapper-inner`), children: [
+                /* @__PURE__ */ j("div", { className: D(`${N}__header`), children: [
                   Qe(s) && f && !u && /* @__PURE__ */ _(
                     Je,
                     {
@@ -2046,12 +2048,12 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_1fnes_1", ho = {
                     }
                   ),
                   /* @__PURE__ */ _(
-                    br,
+                    _r,
                     {
                       asChild: !0,
                       className: D(`${N}__title`),
                       "data-testid": T("title"),
-                      children: /* @__PURE__ */ _(Lr, { tag: "h2", variant: "title-200", children: p })
+                      children: /* @__PURE__ */ _(Mr, { tag: "h2", variant: "title-200", children: p })
                     }
                   )
                 ] }),
@@ -2063,16 +2065,17 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_1fnes_1", ho = {
                     children: u
                   }
                 ),
-                /* @__PURE__ */ _("div", { ref: y, className: D(`${N}__body`), children: /* @__PURE__ */ G("div", { ref: S, className: D(`${N}__body-inner`), children: [
-                  a && /* @__PURE__ */ _(Tt, { children: i ? /* @__PURE__ */ _(co, { asChild: !0, children: /* @__PURE__ */ _(Xe, { "data-testid": T("description"), children: a }) }) : /* @__PURE__ */ _(
-                    Xe,
+                /* @__PURE__ */ _("div", { ref: y, className: D(`${N}__body`), children: /* @__PURE__ */ j("div", { ref: S, className: D(`${N}__body-inner`), children: [
+                  a && i && /* @__PURE__ */ _(co, { asChild: !0, children: /* @__PURE__ */ _(Ke, { "data-testid": T("description"), children: a }) }),
+                  a && !i && /* @__PURE__ */ _(
+                    Ke,
                     {
                       asChild: !0,
                       className: D(`${N}__description`),
                       "data-testid": T("description"),
-                      children: /* @__PURE__ */ _(Qr, { variant: "paragraph-100", children: a })
+                      children: /* @__PURE__ */ _(Zr, { variant: "paragraph-100", children: a })
                     }
-                  ) }),
+                  ),
                   /* @__PURE__ */ _("div", { children: t }),
                   !d && /* @__PURE__ */ _(et, { actions: n, primaryActionVariant: l })
                 ] }) })
@@ -2088,7 +2091,7 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_1fnes_1", ho = {
   allyLabel: e,
   hasImage: n,
   ["data-testid"]: t
-}) => /* @__PURE__ */ _($r, { asChild: !0, children: /* @__PURE__ */ _(
+}) => /* @__PURE__ */ _(br, { asChild: !0, children: /* @__PURE__ */ _(
   Le,
   {
     variant: n ? "primary-negative" : "tertiary-purple",
@@ -2104,20 +2107,23 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_1fnes_1", ho = {
   primaryActionVariant: n
 }) => {
   const t = [n, "secondary", "text"];
-  return e && e.length > 0 ? /* @__PURE__ */ _("div", { className: D(`${N}__actions`), "data-testid": "modal actions", children: e.slice(0, mo).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
-    Le,
-    {
-      "data-testid": "modal actions button",
-      variant: t[r] || "",
-      onClick: a,
-      className: D(`${N}__button`),
-      children: o
-    },
-    o
-  )) }) : null;
-}, _o = x(
+  return e && e.length > 0 ? /* @__PURE__ */ j("div", { className: D(`${N}__actions`), children: [
+    /* @__PURE__ */ _("div", { className: D(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, mo).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
+      Le,
+      {
+        "data-testid": "modal actions button",
+        variant: t[r] || "",
+        onClick: a,
+        className: D(`${N}__actions-button`),
+        children: o
+      },
+      o
+    )) }),
+    /* @__PURE__ */ _("span", { className: D(`${N}__actions-separator`) })
+  ] }) : null;
+}, go = x(
   ({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ _(
-    hr,
+    vr,
     {
       asChild: !0,
       ref: a,
@@ -2132,9 +2138,9 @@ const fo = /* @__PURE__ */ lo(po), vo = "_fadeIn_1fnes_1", ho = {
   children: n,
   open: t,
   onOpenChange: o
-}) => /* @__PURE__ */ _(vr, { open: t, onOpenChange: o, "data-testid": e, children: n });
-Fe.Trigger = _o;
-Fe.Content = go;
+}) => /* @__PURE__ */ _(fr, { open: t, onOpenChange: o, "data-testid": e, children: n });
+Fe.Trigger = go;
+Fe.Content = ho;
 Fe.displayName = "Modal";
 export {
   Fe as Modal