@purpurds/modal 8.5.0 → 8.5.1

package/dist/modal.es.js

@@ -262,7 +262,7 @@ var gr = "DismissableLayer", Ee = "dismissableLayer.update", _r = "dismissableLa
     } = e, c = s.useContext(lt), [p, v] = s.useState(null), h = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), b = k(t, (y) => v(y)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), w = p ? l.indexOf(p) : -1, E = c.layersWithOutsidePointerEventsDisabled.size > 0, S = w >= _, C = Er((y) => {
       const x = y.target, R = [...c.branches].some((G) => G.contains(x));
       !S || R || (a == null || a(y), u == null || u(y), y.defaultPrevented || i == null || i());
-    }, h), P = Sr((y) => {
+    }, h), O = Sr((y) => {
       const x = y.target;
       [...c.branches].some((G) => G.contains(x)) || (n == null || n(y), u == null || u(y), y.defaultPrevented || i == null || i());
     }, h);
@@ -287,8 +287,8 @@ var gr = "DismissableLayer", Ee = "dismissableLayer.update", _r = "dismissableLa
           pointerEvents: E ? S ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: F(e.onFocusCapture, P.onFocusCapture),
-        onBlurCapture: F(e.onBlurCapture, P.onBlurCapture),
+        onFocusCapture: F(e.onFocusCapture, O.onFocusCapture),
+        onBlurCapture: F(e.onBlurCapture, O.onBlurCapture),
         onPointerDownCapture: F(
           e.onPointerDownCapture,
           C.onPointerDownCapture
@@ -419,7 +419,7 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te
       if (!r && !o || g.paused) return;
       const m = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, _ = document.activeElement;
       if (m && _) {
-        const w = l.currentTarget, [E, S] = Pr(w);
+        const w = l.currentTarget, [E, S] = Or(w);
         E && S ? !l.shiftKey && _ === S ? (l.preventDefault(), r && L(E, { select: !0 })) : l.shiftKey && _ === E && (l.preventDefault(), r && L(S, { select: !0 })) : _ === w && l.preventDefault();
       }
     },
@@ -433,7 +433,7 @@ function Nr(e, { select: t = !1 } = {}) {
   for (const o of e)
     if (L(o, { select: t }), document.activeElement !== r) return;
 }
-function Pr(e) {
+function Or(e) {
   const t = vt(e), r = Me(t, e), o = Me(t.reverse(), e);
   return [r, o];
 }
@@ -449,9 +449,9 @@ function vt(e) {
 }
 function Me(e, t) {
   for (const r of e)
-    if (!Or(r, { upTo: t })) return r;
+    if (!Pr(r, { upTo: t })) return r;
 }
-function Or(e, { upTo: t }) {
+function Pr(e, { upTo: t }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (t !== void 0 && e === t) return !1;
@@ -725,12 +725,12 @@ var _t = Hr(), he = function() {
     onScrollCapture: he,
     onWheelCapture: he,
     onTouchMoveCapture: he
-  }), a = o[0], n = o[1], u = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, p = e.enabled, v = e.shards, h = e.sideCar, g = e.noRelative, b = e.noIsolation, l = e.inert, m = e.allowPinchZoom, _ = e.as, w = _ === void 0 ? "div" : _, E = e.gapMode, S = mt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, P = Br([r, t]), y = T(T({}, S), a);
+  }), a = o[0], n = o[1], u = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, p = e.enabled, v = e.shards, h = e.sideCar, g = e.noRelative, b = e.noIsolation, l = e.inert, m = e.allowPinchZoom, _ = e.as, w = _ === void 0 ? "div" : _, E = e.gapMode, S = mt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, O = Br([r, t]), y = T(T({}, S), a);
   return s.createElement(
     s.Fragment,
     null,
     p && s.createElement(C, { sideCar: _t, removeScrollBar: c, shards: v, noRelative: g, noIsolation: b, inert: l, setCallbacks: n, allowPinchZoom: !!m, lockRef: r, gapMode: E }),
-    u ? s.cloneElement(s.Children.only(i), T(T({}, y), { ref: P })) : s.createElement(w, T({}, y, { className: d, ref: P }), i)
+    u ? s.cloneElement(s.Children.only(i), T(T({}, y), { ref: O })) : s.createElement(w, T({}, y, { className: d, ref: O }), i)
   );
 });
 se.defaultProps = {
@@ -976,13 +976,13 @@ function mn(e) {
   var i = s.useCallback(function(l, m) {
     if ("touches" in l && l.touches.length === 2 || l.type === "wheel" && l.ctrlKey)
       return !u.current.allowPinchZoom;
-    var _ = J(l), w = r.current, E = "deltaX" in l ? l.deltaX : w[0] - _[0], S = "deltaY" in l ? l.deltaY : w[1] - _[1], C, P = l.target, y = Math.abs(E) > Math.abs(S) ? "h" : "v";
-    if ("touches" in l && y === "h" && P.type === "range")
+    var _ = J(l), w = r.current, E = "deltaX" in l ? l.deltaX : w[0] - _[0], S = "deltaY" in l ? l.deltaY : w[1] - _[1], C, O = l.target, y = Math.abs(E) > Math.abs(S) ? "h" : "v";
+    if ("touches" in l && y === "h" && O.type === "range")
       return !1;
-    var x = We(y, P);
+    var x = We(y, O);
     if (!x)
       return !0;
-    if (x ? C = y : (C = y === "v" ? "h" : "v", x = We(y, P)), !x)
+    if (x ? C = y : (C = y === "v" ? "h" : "v", x = We(y, O)), !x)
       return !1;
     if (!o.current && "changedTouches" in l && (E || S) && (o.current = C), !C)
       return !0;
@@ -1096,7 +1096,7 @@ var yn = function(e) {
   return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), wn(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, ce = "Dialog", [Nt] = tr(ce), [Sn, A] = Nt(ce), Pt = (e) => {
+}, ce = "Dialog", [Nt] = tr(ce), [Sn, A] = Nt(ce), Ot = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -1127,10 +1127,10 @@ var yn = function(e) {
     }
   );
 };
-Pt.displayName = ce;
-var Ot = "DialogTrigger", Rt = s.forwardRef(
+Ot.displayName = ce;
+var Pt = "DialogTrigger", Rt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(Ot, r), n = k(t, a.triggerRef);
+    const { __scopeDialog: r, ...o } = e, a = A(Pt, r), n = k(t, a.triggerRef);
     return /* @__PURE__ */ f(
       M.button,
       {
@@ -1138,7 +1138,7 @@ var Ot = "DialogTrigger", Rt = s.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": a.open,
         "aria-controls": a.contentId,
-        "data-state": Oe(a.open),
+        "data-state": Pe(a.open),
         ...o,
         ref: n,
         onClick: F(e.onClick, a.onOpenToggle)
@@ -1146,7 +1146,7 @@ var Ot = "DialogTrigger", Rt = s.forwardRef(
     );
   }
 );
-Rt.displayName = Ot;
+Rt.displayName = Pt;
 var Ne = "DialogPortal", [Cn, xt] = Nt(Ne, {
   forceMount: void 0
 }), At = (e) => {
@@ -1157,11 +1157,11 @@ At.displayName = Ne;
 var ie = "DialogOverlay", Dt = s.forwardRef(
   (e, t) => {
     const r = xt(ie, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(ie, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(ue, { present: o || n.open, children: /* @__PURE__ */ f(Pn, { ...a, ref: t }) }) : null;
+    return n.modal ? /* @__PURE__ */ f(ue, { present: o || n.open, children: /* @__PURE__ */ f(On, { ...a, ref: t }) }) : null;
   }
 );
 Dt.displayName = ie;
-var Nn = /* @__PURE__ */ ct("DialogOverlay.RemoveScroll"), Pn = s.forwardRef(
+var Nn = /* @__PURE__ */ ct("DialogOverlay.RemoveScroll"), On = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = A(ie, r);
     return (
@@ -1170,7 +1170,7 @@ var Nn = /* @__PURE__ */ ct("DialogOverlay.RemoveScroll"), Pn = s.forwardRef(
       /* @__PURE__ */ f(St, { as: Nn, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         M.div,
         {
-          "data-state": Oe(a.open),
+          "data-state": Pe(a.open),
           ...o,
           ref: t,
           style: { pointerEvents: "auto", ...o.style }
@@ -1181,11 +1181,11 @@ var Nn = /* @__PURE__ */ ct("DialogOverlay.RemoveScroll"), Pn = s.forwardRef(
 ), j = "DialogContent", $t = s.forwardRef(
   (e, t) => {
     const r = xt(j, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(j, e.__scopeDialog);
-    return /* @__PURE__ */ f(ue, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(On, { ...a, ref: t }) : /* @__PURE__ */ f(Rn, { ...a, ref: t }) });
+    return /* @__PURE__ */ f(ue, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(Pn, { ...a, ref: t }) : /* @__PURE__ */ f(Rn, { ...a, ref: t }) });
   }
 );
 $t.displayName = j;
-var On = s.forwardRef(
+var Pn = s.forwardRef(
   (e, t) => {
     const r = A(j, e.__scopeDialog), o = s.useRef(null), a = k(t, r.contentRef, o);
     return s.useEffect(() => {
@@ -1255,7 +1255,7 @@ var On = s.forwardRef(
               id: i.contentId,
               "aria-describedby": i.descriptionId,
               "aria-labelledby": i.titleId,
-              "data-state": Oe(i.open),
+              "data-state": Pe(i.open),
               ...u,
               ref: c,
               onDismiss: () => i.onOpenChange(!1)
@@ -1269,13 +1269,13 @@ var On = s.forwardRef(
       ] })
     ] });
   }
-), Pe = "DialogTitle", Mt = s.forwardRef(
+), Oe = "DialogTitle", Mt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(Pe, r);
+    const { __scopeDialog: r, ...o } = e, a = A(Oe, r);
     return /* @__PURE__ */ f(M.h2, { id: a.titleId, ...o, ref: t });
   }
 );
-Mt.displayName = Pe;
+Mt.displayName = Oe;
 var It = "DialogDescription", Lt = s.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = A(It, r);
@@ -1298,12 +1298,12 @@ var Ft = "DialogClose", jt = s.forwardRef(
   }
 );
 jt.displayName = Ft;
-function Oe(e) {
+function Pe(e) {
   return e ? "open" : "closed";
 }
-var kt = "DialogTitleWarning", [zo, Wt] = er(kt, {
+var kt = "DialogTitleWarning", [Yo, Wt] = er(kt, {
   contentName: j,
-  titleName: Pe,
+  titleName: Oe,
   docsSlug: "dialog"
 }), xn = ({ titleId: e }) => {
   const t = Wt(kt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
@@ -1321,7 +1321,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, $n = Pt, Tn = Rt, Mn = At, In = Dt, Ln = $t, Fn = Mt, Ve = Lt, jn = jt;
+}, $n = Ot, Tn = Rt, Mn = At, In = Dt, Ln = $t, Fn = Mt, Ve = Lt, jn = jt;
 const kn = {
   LG: "lg"
 };
@@ -1676,7 +1676,7 @@ const uo = /* @__PURE__ */ oo(io), so = {
   const n = fo({
     content: vo(e.svg),
     title: t
-  }), u = co(r, et, `${et}--${o}`);
+  }), u = co(et, `${et}--${o}`, r);
   return /* @__PURE__ */ f("span", { className: u, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
 Ht.displayName = "Icon";
@@ -1788,7 +1788,7 @@ function So(...e) {
 // @__NO_SIDE_EFFECTS__
 function Co(e) {
   const t = /* @__PURE__ */ No(e), r = s.forwardRef((o, a) => {
-    const { children: n, ...u } = o, i = s.Children.toArray(n), d = i.find(Oo);
+    const { children: n, ...u } = o, i = s.Children.toArray(n), d = i.find(Po);
     if (d) {
       const c = d.props.children, p = i.map((v) => v === d ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : v);
       return /* @__PURE__ */ f(t, { ...u, ref: a, children: s.isValidElement(c) ? s.cloneElement(c, void 0, p) : null });
@@ -1809,9 +1809,9 @@ function No(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Po = Symbol("radix.slottable");
-function Oo(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Po;
+var Oo = Symbol("radix.slottable");
+function Po(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Oo;
 }
 function Ro(e, t) {
   const r = { ...t };
@@ -1920,27 +1920,30 @@ function Lo() {
   })(_e)), _e.exports;
 }
 var Fo = Lo();
-const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
-  "purpur-modal-content": "_purpur-modal-content_4aird_1",
+const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_1", Bo = "_slideUp_slvdi_1", Uo = "_slideDown_slvdi_1", Vo = {
+  "purpur-modal-content": "_purpur-modal-content_slvdi_1",
   fadeIn: ko,
-  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_4aird_30",
-  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_4aird_37",
-  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_4aird_47",
-  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_4aird_57",
-  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_4aird_61",
-  "purpur-modal-content__header": "_purpur-modal-content__header_4aird_84",
-  "purpur-modal-content__title": "_purpur-modal-content__title_4aird_97",
-  "purpur-modal-content__description": "_purpur-modal-content__description_4aird_100",
-  "purpur-modal-content__body": "_purpur-modal-content__body_4aird_103",
-  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_4aird_111",
-  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_4aird_123",
-  "purpur-modal-content__notification": "_purpur-modal-content__notification_4aird_141",
-  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_4aird_144",
-  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_4aird_144",
-  "purpur-modal-content__actions": "_purpur-modal-content__actions_4aird_123",
-  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_4aird_175",
-  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_4aird_185"
-}, at = (e) => e.showCloseButton === !0, O = jo.bind(Wo), N = "purpur-modal-content", Bo = Ce(
+  fadeOut: Wo,
+  slideUp: Bo,
+  slideDown: Uo,
+  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_slvdi_49",
+  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_slvdi_65",
+  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_slvdi_75",
+  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_slvdi_85",
+  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_slvdi_89",
+  "purpur-modal-content__header": "_purpur-modal-content__header_slvdi_112",
+  "purpur-modal-content__title": "_purpur-modal-content__title_slvdi_125",
+  "purpur-modal-content__description": "_purpur-modal-content__description_slvdi_128",
+  "purpur-modal-content__body": "_purpur-modal-content__body_slvdi_131",
+  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_slvdi_139",
+  "purpur-modal-content__actions-buttons": "_purpur-modal-content__actions-buttons_slvdi_151",
+  "purpur-modal-content__notification": "_purpur-modal-content__notification_slvdi_169",
+  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_slvdi_172",
+  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_slvdi_172",
+  "purpur-modal-content__actions": "_purpur-modal-content__actions_slvdi_151",
+  "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_slvdi_203",
+  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_slvdi_213"
+}, at = (e) => e.showCloseButton === !0, P = jo.bind(Vo), N = "purpur-modal-content", Ho = Ce(
   ({
     ["data-testid"]: e,
     actions: t,
@@ -1957,7 +1960,7 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
     onCloseAutoFocus: h,
     ...g
   }, b) => {
-    const { closeButtonAriaLabel: l, showCloseButton: m, ..._ } = g, [w, E] = ye(!1), [S, C] = ye(0), P = be(null), y = be(null), x = O(
+    const { closeButtonAriaLabel: l, showCloseButton: m, ..._ } = g, [w, E] = ye(!1), [S, C] = ye(0), O = be(null), y = be(null), x = P(
       N,
       { [`${N}--with-image`]: !!i },
       { [`${N}--overflow`]: w },
@@ -1966,11 +1969,11 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
     ), R = (D) => e ? `${e} ${D}` : void 0, G = (D) => {
       n && D.preventDefault();
     }, W = Zt(() => {
-      if (!P.current || !y.current)
+      if (!O.current || !y.current)
         return;
-      const D = window.getComputedStyle(P.current, null), X = parseFloat(D.getPropertyValue("height")), Xt = y.current.offsetHeight;
+      const D = window.getComputedStyle(O.current, null), X = parseFloat(D.getPropertyValue("height")), Xt = y.current.offsetHeight;
       E(X < Xt), C(
-        (P.current.offsetWidth ?? 0) - (P.current.clientWidth ?? 0)
+        (O.current.offsetWidth ?? 0) - (O.current.clientWidth ?? 0)
       );
     }, []), qt = () => {
       const D = y.current;
@@ -1988,7 +1991,7 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
     }), [W]), we(() => {
       W();
     }, [p, r, W]), /* @__PURE__ */ $(Mn, { children: [
-      /* @__PURE__ */ f(In, { className: O(`${N}__overlay`), style: { zIndex: v } }),
+      /* @__PURE__ */ f(In, { className: P(`${N}__overlay`), style: { zIndex: v } }),
       /* @__PURE__ */ $(
         Ln,
         {
@@ -2005,7 +2008,7 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
           onCloseAutoFocus: h,
           style: { zIndex: `calc(${v} + 1)` },
           children: [
-            /* @__PURE__ */ $("div", { ref: P, className: O(`${N}__wrapper`), children: [
+            /* @__PURE__ */ $("div", { ref: O, className: P(`${N}__wrapper`), children: [
               at(g) && l && i && /* @__PURE__ */ f(
                 it,
                 {
@@ -2015,8 +2018,8 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
                   "data-testid": R("close-button")
                 }
               ),
-              /* @__PURE__ */ $("div", { ref: y, className: O(`${N}__wrapper-inner`), children: [
-                /* @__PURE__ */ $("div", { className: O(`${N}__header`), children: [
+              /* @__PURE__ */ $("div", { ref: y, className: P(`${N}__wrapper-inner`), children: [
+                /* @__PURE__ */ $("div", { className: P(`${N}__header`), children: [
                   at(g) && l && !i && /* @__PURE__ */ f(
                     it,
                     {
@@ -2028,7 +2031,7 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
                     Fn,
                     {
                       asChild: !0,
-                      className: O(`${N}__title`),
+                      className: P(`${N}__title`),
                       "data-testid": R("title"),
                       children: /* @__PURE__ */ f(Vt, { tag: "h2", variant: "title-200", tabIndex: -1, children: c })
                     }
@@ -2037,18 +2040,18 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
                 i && /* @__PURE__ */ f(
                   "div",
                   {
-                    className: O(`${N}__image-wrapper`),
+                    className: P(`${N}__image-wrapper`),
                     "data-testid": R("image"),
                     children: i
                   }
                 ),
-                /* @__PURE__ */ f("div", { className: O(`${N}__body`), children: /* @__PURE__ */ $("div", { className: O(`${N}__body-inner`), children: [
+                /* @__PURE__ */ f("div", { className: P(`${N}__body`), children: /* @__PURE__ */ $("div", { className: P(`${N}__body-inner`), children: [
                   a && u && /* @__PURE__ */ f(Mo, { asChild: !0, children: /* @__PURE__ */ f(Ve, { "data-testid": R("description"), children: a }) }),
                   a && !u && /* @__PURE__ */ f(
                     Ve,
                     {
                       asChild: !0,
-                      className: O(`${N}__description`),
+                      className: P(`${N}__description`),
                       "data-testid": R("description"),
                       children: /* @__PURE__ */ f(zt, { variant: "paragraph-100", children: a })
                     }
@@ -2077,7 +2080,7 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
     size: "sm",
     iconOnly: !0,
     "aria-label": e,
-    className: O(`${N}__close-button`),
+    className: P(`${N}__close-button`),
     style: { right: `calc(var(--purpur-spacing-100) + ${r || 0}px)` },
     "data-testid": o,
     children: /* @__PURE__ */ f(Gt, {})
@@ -2090,12 +2093,12 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
   return we(() => {
     var o, a;
     t && ((a = (o = r == null ? void 0 : r.current) == null ? void 0 : o.scrollIntoView) == null || a.call(o, !1));
-  }, [t]), e ? /* @__PURE__ */ $("div", { className: O(`${N}__actions`), children: [
-    /* @__PURE__ */ f("div", { className: O(`${N}__actions-buttons`), "data-testid": "modal actions", children: e }),
-    t && /* @__PURE__ */ f("div", { className: O(`${N}__notification`), ref: r, children: t }),
-    /* @__PURE__ */ f("span", { className: O(`${N}__actions-separator`) })
+  }, [t]), e ? /* @__PURE__ */ $("div", { className: P(`${N}__actions`), children: [
+    /* @__PURE__ */ f("div", { className: P(`${N}__actions-buttons`), "data-testid": "modal actions", children: e }),
+    t && /* @__PURE__ */ f("div", { className: P(`${N}__notification`), ref: r, children: t }),
+    /* @__PURE__ */ f("span", { className: P(`${N}__actions-separator`) })
   ] }) : null;
-}, Uo = Ce(
+}, Go = Ce(
   ({ children: e, ...t }, r) => /* @__PURE__ */ f(Tn, { asChild: !0, ref: r, ...t, children: e })
 ), Re = ({
   ["data-testid"]: e,
@@ -2103,8 +2106,8 @@ const jo = /* @__PURE__ */ Io(Fo), ko = "_fadeIn_4aird_1", Wo = {
   open: r,
   onOpenChange: o
 }) => /* @__PURE__ */ f($n, { open: r, onOpenChange: o, "data-testid": e, children: t });
-Re.Trigger = Uo;
-Re.Content = Bo;
+Re.Trigger = Go;
+Re.Content = Ho;
 Re.displayName = "Modal";
 export {
   Re as Modal