@purpurds/modal 3.1.0 → 3.3.0

package/dist/modal.es.js

@@ -1,7 +1,7 @@
-import { jsxs as K, jsx as _, Fragment as Dt } from "react/jsx-runtime";
+import { jsxs as V, jsx as _, Fragment as Dt } from "react/jsx-runtime";
 import * as g from "react";
-import { useCallback as Q, createContext as xe, useMemo as ve, createElement as m, useContext as nt, useLayoutEffect as It, useRef as O, useEffect as A, useState as V, forwardRef as C, Children as R, isValidElement as B, cloneElement as te, Fragment as Ie, useReducer as Rt } from "react";
-import Lt, { flushSync as rt } from "react-dom";
+import { useCallback as Q, createContext as xe, useMemo as ve, createElement as m, useContext as nt, useLayoutEffect as It, useRef as O, useEffect as A, useState as K, forwardRef as C, Children as R, isValidElement as B, cloneElement as te, Fragment as Ie, useReducer as Rt } from "react";
+import Mt, { flushSync as rt } from "react-dom";
 function P() {
   return P = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -18,12 +18,12 @@ function j(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
       return n == null ? void 0 : n(a);
   };
 }
-function Mt(e, n) {
+function Lt(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function ot(...e) {
   return (n) => e.forEach(
-    (t) => Mt(t, n)
+    (t) => Lt(t, n)
   );
 }
 function J(...e) {
@@ -162,7 +162,7 @@ function Wt({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function Ut({ defaultProp: e, onChange: n }) {
-  const t = V(e), [o] = t, a = O(o), r = z(n);
+  const t = K(e), [o] = t, a = O(o), r = z(n);
   return A(() => {
     a.current !== o && (r(o), a.current = o);
   }, [
@@ -187,7 +187,7 @@ Re.displayName = "Slot";
 const Pe = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ B(t) ? /* @__PURE__ */ te(t, {
-    ...Kt(o, t.props),
+    ...Vt(o, t.props),
     ref: n ? ot(n, t.ref) : t.ref
   }) : R.count(t) > 1 ? R.only(null) : null;
 });
@@ -196,7 +196,7 @@ const Ht = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
 function Gt(e) {
   return /* @__PURE__ */ B(e) && e.type === Ht;
 }
-function Kt(e, n) {
+function Vt(e, n) {
   const t = {
     ...n
   };
@@ -217,7 +217,7 @@ function Kt(e, n) {
     ...t
   };
 }
-const Vt = [
+const Kt = [
   "a",
   "button",
   "div",
@@ -234,7 +234,7 @@ const Vt = [
   "span",
   "svg",
   "ul"
-], W = Vt.reduce((e, n) => {
+], W = Kt.reduce((e, n) => {
   const t = /* @__PURE__ */ C((o, a) => {
     const { asChild: r, ...i } = o, u = r ? Re : n;
     return A(() => {
@@ -273,24 +273,24 @@ const Zt = /* @__PURE__ */ xe({
   branches: /* @__PURE__ */ new Set()
 }), Qt = /* @__PURE__ */ C((e, n) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: l, ...d } = e, p = nt(Zt), [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 = nt(Zt), [s, h] = K(null), f = (t = s == null ? void 0 : s.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = K({}), c = J(
     n,
     (w) => h(w)
   ), v = Array.from(p.layers), [b] = [
     ...p.layersWithOutsidePointerEventsDisabled
   ].slice(-1), x = v.indexOf(b), $ = s ? v.indexOf(s) : -1, y = p.layersWithOutsidePointerEventsDisabled.size > 0, S = $ >= x, U = Jt((w) => {
-    const L = w.target, ne = [
+    const M = w.target, ne = [
       ...p.branches
     ].some(
-      (I) => I.contains(L)
+      (I) => I.contains(M)
     );
     !S || ne || (r == null || r(w), u == null || u(w), w.defaultPrevented || l == null || l());
   }, f), T = en((w) => {
-    const L = w.target;
+    const M = w.target;
     [
       ...p.branches
     ].some(
-      (I) => I.contains(L)
+      (I) => I.contains(M)
     ) || (i == null || i(w), u == null || u(w), w.defaultPrevented || l == null || l());
   }, f);
   return Xt((w) => {
@@ -395,7 +395,7 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
   bubbles: !1,
   cancelable: !0
 }, tn = /* @__PURE__ */ C((e, n) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, l] = V(null), d = z(a), p = z(r), s = O(null), h = J(
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, l] = K(null), d = z(a), p = z(r), s = O(null), h = J(
     n,
     (c) => l(c)
   ), f = O({
@@ -574,7 +574,7 @@ function cn(e) {
 const sn = /* @__PURE__ */ C((e, n) => {
   var t;
   const { container: o = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...a } = e;
-  return o ? /* @__PURE__ */ Lt.createPortal(/* @__PURE__ */ m(W.div, P({}, a, {
+  return o ? /* @__PURE__ */ Mt.createPortal(/* @__PURE__ */ m(W.div, P({}, a, {
     ref: n
   })), o) : null;
 });
@@ -594,7 +594,7 @@ const he = (e) => {
 };
 he.displayName = "Presence";
 function dn(e) {
-  const [n, t] = V(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, l] = ln(i, {
+  const [n, t] = K(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, l] = ln(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -698,7 +698,7 @@ function gn(e, n) {
   return typeof e == "function" ? e(n) : e && (e.current = n), e;
 }
 function mn(e, n) {
-  var t = V(function() {
+  var t = K(function() {
     return {
       // value
       value: e,
@@ -824,9 +824,9 @@ ge.classNames = {
   fullWidth: fe,
   zeroRight: pe
 };
-var Ke, wn = function() {
-  if (Ke)
-    return Ke;
+var Ve, wn = function() {
+  if (Ve)
+    return Ve;
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
@@ -951,20 +951,20 @@ if (typeof window < "u")
   } catch {
     Ae = !1;
   }
-var X = Ae ? { passive: !1 } : !1, Ln = function(e) {
+var X = Ae ? { passive: !1 } : !1, Mn = function(e) {
   return e.tagName === "TEXTAREA";
 }, dt = function(e, n) {
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[n] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !Ln(e) && t[n] === "visible")
+    !(t.overflowY === t.overflowX && !Mn(e) && t[n] === "visible")
   );
-}, Mn = function(e) {
+}, Ln = function(e) {
   return dt(e, "overflowY");
 }, Fn = function(e) {
   return dt(e, "overflowX");
-}, Ve = function(e, n) {
+}, Ke = function(e, n) {
   var t = n;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
@@ -992,7 +992,7 @@ var X = Ae ? { passive: !1 } : !1, Ln = function(e) {
     o
   ];
 }, pt = function(e, n) {
-  return e === "v" ? Mn(n) : Fn(n);
+  return e === "v" ? Ln(n) : Fn(n);
 }, ft = function(e, n) {
   return e === "v" ? kn(n) : jn(n);
 }, Bn = function(e, n) {
@@ -1022,7 +1022,7 @@ var X = Ae ? { passive: !1 } : !1, Ln = function(e) {
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
 }, Gn = 0, Y = [];
-function Kn(e) {
+function Vn(e) {
   var n = g.useRef([]), t = g.useRef([0, 0]), o = g.useRef(), a = g.useState(Gn++)[0], r = g.useState(function() {
     return lt();
   })[0], i = g.useRef(e);
@@ -1047,15 +1047,15 @@ function Kn(e) {
     var b = ae(c), x = t.current, $ = "deltaX" in c ? c.deltaX : x[0] - b[0], y = "deltaY" in c ? c.deltaY : x[1] - b[1], S, U = c.target, T = Math.abs($) > Math.abs(y) ? "h" : "v";
     if ("touches" in c && T === "h" && U.type === "range")
       return !1;
-    var w = Ve(T, U);
+    var w = Ke(T, U);
     if (!w)
       return !0;
-    if (w ? S = T : (S = T === "v" ? "h" : "v", w = Ve(T, U)), !w)
+    if (w ? S = T : (S = T === "v" ? "h" : "v", w = Ke(T, U)), !w)
       return !1;
     if (!o.current && "changedTouches" in c && ($ || y) && (o.current = S), !S)
       return !0;
-    var L = o.current || S;
-    return Wn(L, v, c, L === "h" ? $ : y, !0);
+    var M = o.current || S;
+    return Wn(M, v, c, M === "h" ? $ : y, !0);
   }, []), l = g.useCallback(function(c) {
     var v = c;
     if (!(!Y.length || Y[Y.length - 1] !== r)) {
@@ -1106,9 +1106,9 @@ function Kn(e) {
     f ? g.createElement(Rn, { gapMode: "margin" }) : null
   );
 }
-const Vn = En(st, Kn);
+const Kn = En(st, Vn);
 var vt = g.forwardRef(function(e, n) {
-  return g.createElement(ge, F({}, e, { ref: n, sideCar: Vn }));
+  return g.createElement(ge, F({}, e, { ref: n, sideCar: Kn }));
 });
 vt.classNames = ge.classNames;
 const zn = vt;
@@ -1158,7 +1158,7 @@ var Xn = function(e) {
     return null;
   };
 };
-const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
+const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, L] = mt(gt), Jn = (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] = Wt({
     prop: o,
     defaultProp: a,
@@ -1184,13 +1184,13 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
     modal: i
   }, t);
 }, er = "DialogTrigger", tr = /* @__PURE__ */ C((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(er, t), r = J(n, a.triggerRef);
+  const { __scopeDialog: t, ...o } = e, a = L(er, t), r = J(n, a.triggerRef);
   return /* @__PURE__ */ m(W.button, P({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": a.open,
     "aria-controls": a.contentId,
-    "data-state": Le(a.open)
+    "data-state": Me(a.open)
   }, o, {
     ref: r,
     onClick: j(e.onClick, a.onOpenToggle)
@@ -1198,7 +1198,7 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
 }), _t = "DialogPortal", [nr, bt] = mt(_t, {
   forceMount: void 0
 }), rr = (e) => {
-  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = M(_t, n);
+  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(_t, n);
   return /* @__PURE__ */ m(nr, {
     scope: n,
     forceMount: t
@@ -1212,14 +1212,14 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
     }, i))
   ));
 }, Te = "DialogOverlay", or = /* @__PURE__ */ C((e, n) => {
-  const t = bt(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = M(Te, e.__scopeDialog);
+  const t = bt(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(Te, e.__scopeDialog);
   return r.modal ? /* @__PURE__ */ m(he, {
     present: o || r.open
   }, /* @__PURE__ */ m(ar, P({}, a, {
     ref: n
   }))) : null;
 }), ar = /* @__PURE__ */ C((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(Te, t);
+  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
@@ -1230,7 +1230,7 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
         a.contentRef
       ]
     }, /* @__PURE__ */ m(W.div, P({
-      "data-state": Le(a.open)
+      "data-state": Me(a.open)
     }, o, {
       ref: n,
       style: {
@@ -1240,7 +1240,7 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
     })))
   );
 }), ee = "DialogContent", ir = /* @__PURE__ */ C((e, n) => {
-  const t = bt(ee, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = M(ee, e.__scopeDialog);
+  const t = bt(ee, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(ee, e.__scopeDialog);
   return /* @__PURE__ */ m(he, {
     present: o || r.open
   }, r.modal ? /* @__PURE__ */ m(ur, P({}, a, {
@@ -1249,7 +1249,7 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
     ref: n
   })));
 }), ur = /* @__PURE__ */ C((e, n) => {
-  const t = M(ee, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
+  const t = L(ee, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
   return A(() => {
     const r = o.current;
     if (r)
@@ -1272,7 +1272,7 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
     )
   }));
 }), cr = /* @__PURE__ */ C((e, n) => {
-  const t = M(ee, e.__scopeDialog), o = O(!1), a = O(!1);
+  const t = L(ee, e.__scopeDialog), o = O(!1), a = O(!1);
   return /* @__PURE__ */ m($t, P({}, e, {
     ref: n,
     trapFocus: !1,
@@ -1293,7 +1293,7 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
     }
   }));
 }), $t = /* @__PURE__ */ C((e, n) => {
-  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = M(ee, t), l = O(null), d = J(n, l);
+  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = L(ee, t), l = O(null), d = J(n, l);
   return pn(), /* @__PURE__ */ m(Ie, null, /* @__PURE__ */ m(tn, {
     asChild: !0,
     loop: !0,
@@ -1305,27 +1305,27 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
     id: u.contentId,
     "aria-describedby": u.descriptionId,
     "aria-labelledby": u.titleId,
-    "data-state": Le(u.open)
+    "data-state": Me(u.open)
   }, i, {
     ref: d,
     onDismiss: () => u.onOpenChange(!1)
   }))), !1);
 }), sr = "DialogTitle", lr = /* @__PURE__ */ C((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(sr, t);
+  const { __scopeDialog: t, ...o } = e, a = L(sr, t);
   return /* @__PURE__ */ m(W.h2, P({
     id: a.titleId
   }, o, {
     ref: n
   }));
 }), dr = "DialogDescription", pr = /* @__PURE__ */ C((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(dr, t);
+  const { __scopeDialog: t, ...o } = e, a = L(dr, t);
   return /* @__PURE__ */ m(W.p, P({
     id: a.descriptionId
   }, o, {
     ref: n
   }));
 }), fr = "DialogClose", vr = /* @__PURE__ */ C((e, n) => {
-  const { __scopeDialog: t, ...o } = e, a = M(fr, t);
+  const { __scopeDialog: t, ...o } = e, a = L(fr, t);
   return /* @__PURE__ */ m(W.button, P({
     type: "button"
   }, o, {
@@ -1336,7 +1336,7 @@ const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
     )
   }));
 });
-function Le(e) {
+function Me(e) {
   return e ? "open" : "closed";
 }
 const hr = Jn, gr = tr, mr = rr, _r = or, br = ir, $r = lr, Ye = pr, yr = vr, qe = {
@@ -1526,7 +1526,7 @@ const Tr = /* @__PURE__ */ Nr(Ar), H = {
   ), E = (v) => {
     o || i ? v.preventDefault() : u && u(v);
   }, c = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
-  return /* @__PURE__ */ K(
+  return /* @__PURE__ */ V(
     "button",
     {
       className: f,
@@ -1543,8 +1543,8 @@ const Tr = /* @__PURE__ */ Nr(Ar), H = {
       ]
     }
   );
-}, Me = C(Dr);
-Me.displayName = "Button";
+}, Le = C(Dr);
+Le.displayName = "Button";
 function Ir(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1585,7 +1585,7 @@ var wt = { exports: {} };
   })();
 })(wt);
 var Rr = wt.exports;
-const Lr = /* @__PURE__ */ Ir(Rr), Se = {
+const Mr = /* @__PURE__ */ Ir(Rr), Se = {
   "purpur-heading": "_purpur-heading_2c2y0_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_2c2y0_8",
   "purpur-heading--subsection-100": "_purpur-heading--subsection-100_2c2y0_11",
@@ -1600,7 +1600,7 @@ const Lr = /* @__PURE__ */ Ir(Rr), Se = {
   "purpur-heading--display-50": "_purpur-heading--display-50_2c2y0_65",
   "purpur-heading--display-100": "_purpur-heading--display-100_2c2y0_71",
   "purpur-heading--display-200": "_purpur-heading--display-200_2c2y0_77"
-}, Mr = {
+}, Lr = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1615,10 +1615,10 @@ const Lr = /* @__PURE__ */ Ir(Rr), Se = {
   className: t = "",
   enableHyphenation: o = !1,
   tag: a,
-  variant: r = Mr.TITLE100,
+  variant: r = Lr.TITLE100,
   ...i
 }) => {
-  const u = a, l = Lr([
+  const u = a, l = Mr([
     t,
     Se[Ce],
     Se[`${Ce}--${r}`],
@@ -1689,14 +1689,14 @@ const Br = /* @__PURE__ */ kr(jr), Wr = {
   }
 );
 Ct.displayName = "IconClose";
-const Hr = Br.bind(Wr), Qe = "purpur-icon", Gr = "md", Kr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Vr = ({ content: e = "", title: n } = {}) => {
+const Hr = Br.bind(Wr), Qe = "purpur-icon", Gr = "md", Vr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Kr = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = n ? `<title>${n}</title>` : "";
-  return `<svg ${Kr(t)}>${o}${e}</svg>`;
+  return `<svg ${Vr(t)}>${o}${e}</svg>`;
 }, zr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xr = ({
   ["data-testid"]: e,
   svg: n,
@@ -1705,7 +1705,7 @@ const Hr = Br.bind(Wr), Qe = "purpur-icon", Gr = "md", Kr = (e) => e.filter((n)
   size: a = Gr,
   ...r
 }) => {
-  const i = Vr({
+  const i = Kr({
     content: zr(n.svg),
     title: t
   }), u = Hr(o, Qe, `${Qe}--${a}`);
@@ -1994,7 +1994,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
     title: p,
     ...s
   }, h) => {
-    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = s, [v, b] = V(!1), x = O(null), $ = O(null), y = O(null), S = O(null), U = D([
+    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = s, [v, b] = K(!1), x = O(null), $ = O(null), y = O(null), S = O(null), U = D([
       N,
       { [`${N}--with-image`]: !!u },
       { [`${N}--overflow`]: v },
@@ -2002,7 +2002,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
       o
     ]), T = (I) => e ? `${e} ${I}` : void 0, w = (I) => {
       r && I.preventDefault();
-    }, L = Q(() => {
+    }, M = Q(() => {
       if (!x.current || !$.current || !y.current || !S.current)
         return;
       const I = window.innerWidth < parseInt(lo), Nt = window.getComputedStyle(
@@ -2013,11 +2013,11 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
     }, []), ne = (I) => {
       r && !E && I.preventDefault();
     };
-    return A(() => (window.addEventListener("resize", L), () => {
-      window.removeEventListener("resize", L);
-    }), []), /* @__PURE__ */ K(mr, { children: [
+    return A(() => (window.addEventListener("resize", M), () => {
+      window.removeEventListener("resize", M);
+    }), []), /* @__PURE__ */ V(mr, { children: [
       /* @__PURE__ */ _(_r, { className: D(`${N}__overlay`) }),
-      /* @__PURE__ */ K(
+      /* @__PURE__ */ V(
         br,
         {
           ...c,
@@ -2026,10 +2026,10 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
           ref: h,
           ...!a && { "aria-describedby": void 0 },
           onPointerDownOutside: w,
-          onOpenAutoFocus: L,
+          onOpenAutoFocus: M,
           onEscapeKeyDown: ne,
           children: [
-            /* @__PURE__ */ K("div", { ref: x, className: D(`${N}__wrapper`), children: [
+            /* @__PURE__ */ V("div", { ref: x, className: D(`${N}__wrapper`), children: [
               Je(s) && f && u && /* @__PURE__ */ _(
                 et,
                 {
@@ -2038,8 +2038,8 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
                   "data-testid": T("close-button")
                 }
               ),
-              /* @__PURE__ */ K("div", { ref: $, className: D(`${N}__wrapper-inner`), children: [
-                /* @__PURE__ */ K("div", { className: D(`${N}__header`), children: [
+              /* @__PURE__ */ V("div", { ref: $, className: D(`${N}__wrapper-inner`), children: [
+                /* @__PURE__ */ V("div", { className: D(`${N}__header`), children: [
                   Je(s) && f && !u && /* @__PURE__ */ _(
                     et,
                     {
@@ -2065,7 +2065,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
                     children: u
                   }
                 ),
-                /* @__PURE__ */ _("div", { ref: y, className: D(`${N}__body`), children: /* @__PURE__ */ K("div", { ref: S, className: D(`${N}__body-inner`), children: [
+                /* @__PURE__ */ _("div", { ref: y, className: D(`${N}__body`), children: /* @__PURE__ */ V("div", { ref: S, className: D(`${N}__body-inner`), children: [
                   a && /* @__PURE__ */ _(Dt, { children: i ? /* @__PURE__ */ _(so, { asChild: !0, children: /* @__PURE__ */ _(Ye, { "data-testid": T("description"), children: a }) }) : /* @__PURE__ */ _(
                     Ye,
                     {
@@ -2091,7 +2091,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
   hasImage: n,
   ["data-testid"]: t
 }) => /* @__PURE__ */ _(yr, { asChild: !0, children: /* @__PURE__ */ _(
-  Me,
+  Le,
   {
     variant: n ? "primary-negative" : "tertiary-purple",
     size: "sm",
@@ -2107,7 +2107,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
 }) => {
   const t = [n, "secondary", "text"];
   return e && e.length > 0 ? /* @__PURE__ */ _("div", { className: D(`${N}__actions`), "data-testid": "modal actions", children: e.slice(0, _o).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
-    Me,
+    Le,
     {
       "data-testid": "modal actions button",
       variant: t[r] || "",