@andoniaina/react-modal 1.0.9 → 1.1.1

package/dist/index.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("react");var w={exports:{}},_={};var F;function ne(){if(F)return _;F=1;var s=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function i(f,o,l){var d=null;if(l!==void 0&&(d=""+l),o.key!==void 0&&(d=""+o.key),"key"in o){l={};for(var m in o)m!=="key"&&(l[m]=o[m])}else l=o;return o=l.ref,{$$typeof:s,type:f,key:d,ref:o!==void 0?o:null,props:l}}return _.Fragment=u,_.jsx=i,_.jsxs=i,_}var R={};var L;function ae(){return L||(L=1,process.env.NODE_ENV!=="production"&&(function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case J:return"Profiler";case z:return"StrictMode";case Z:return"Suspense";case B:return"SuspenseList";case K:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case q:return"Portal";case X:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Q:return r=e.displayName||null,r!==null?r:s(e.type)||"Memo";case S:r=e._payload,e=e._init;try{return s(e(r))}catch{}}return null}function u(e){return""+e}function i(e){try{u(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),u(e)}}function f(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var r=s(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=j.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function d(e){if(C.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function m(e,r){function t(){Y||(Y=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function g(){var e=s(this.type);return $[e]||($[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,r,t,n,y,O){var a=t.ref;return e={$$typeof:x,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:g}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function v(e,r,t,n,y,O){var a=r.children;if(a!==void 0)if(n)if(re(a)){for(n=0;n<a.length;n++)k(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else k(a);if(C.call(r,"key")){a=s(e);var E=Object.keys(r).filter(function(te){return te!=="key"});n=0<E.length?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}",D[a+n]||(E=0<E.length?"{"+E.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react");var R={exports:{}},E={};var F;function re(){if(F)return E;F=1;var l=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function c(i,s,o){var f=null;if(o!==void 0&&(f=""+o),s.key!==void 0&&(f=""+s.key),"key"in s){o={};for(var m in s)m!=="key"&&(o[m]=s[m])}else o=s;return s=o.ref,{$$typeof:l,type:i,key:f,ref:s!==void 0?s:null,props:o}}return E.Fragment=u,E.jsx=c,E.jsxs=c,E}var _={};var M;function te(){return M||(M=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case J:return"Profiler";case q:return"StrictMode";case X:return"Suspense";case B:return"SuspenseList";case Z:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case z:return e.displayName||"Context";case V:return(e._context.displayName||"Context")+".Consumer";case G:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case H:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case k:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function u(e){return""+e}function c(e){try{u(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),u(e)}}function i(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===k)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=y.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function f(e){if(g.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function m(e,r){function t(){N||(N=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function L(){var e=l(this.type);return C[e]||(C[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function W(e,r,t,n,b,w){var a=t.ref;return e={$$typeof:x,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:L}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:b}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function P(e,r,t,n,b,w){var a=r.children;if(a!==void 0)if(n)if(K(a)){for(n=0;n<a.length;n++)j(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else j(a);if(g.call(r,"key")){a=l(e);var d=Object.keys(r).filter(function(ee){return ee!=="key"});n=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",I[a+n]||(d=0<d.length?"{"+d.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,n,a,E,a),D[a+n]=!0)}if(a=null,t!==void 0&&(i(t),a=""+t),d(r)&&(i(r.key),a=""+r.key),"key"in r){t={};for(var P in r)P!=="key"&&(t[P]=r[P])}else t=r;return a&&m(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,a,t,o(),y,O)}function k(e){b(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?b(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function b(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}var c=N,x=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),z=Symbol.for("react.strict_mode"),J=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),X=Symbol.for("react.context"),H=Symbol.for("react.forward_ref"),Z=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),Q=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),K=Symbol.for("react.activity"),ee=Symbol.for("react.client.reference"),j=c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,re=Array.isArray,A=console.createTask?console.createTask:function(){return null};c={react_stack_bottom_frame:function(e){return e()}};var Y,$={},I=c.react_stack_bottom_frame.bind(c,l)(),M=A(f(l)),D={};R.Fragment=h,R.jsx=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return v(e,r,t,!1,n?Error("react-stack-top-frame"):I,n?A(f(e)):M)},R.jsxs=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return v(e,r,t,!0,n?Error("react-stack-top-frame"):I,n?A(f(e)):M)}})()),R}var W;function oe(){return W||(W=1,process.env.NODE_ENV==="production"?w.exports=ne():w.exports=ae()),w.exports}var p=oe();const U={default:{border:"border-gray-200",icon:null},success:{border:"border-green-500",title:"text-green-600"},error:{border:"border-red-500",title:"text-red-600"}};function V({isOpen:s,onClose:u,children:i,variant:f="default",closeOnEsc:o=!0,closeOnOverlayClick:l=!0,animationDuration:d=300,onBeforeOpen:m,onAfterOpen:g,onBeforeClose:T,onAfterClose:v}){if(N.useEffect(()=>(s?(m?.(),g?.(),document.body.style.overflow="hidden"):document.body.style.overflow="",()=>{document.body.style.overflow=""}),[s]),N.useEffect(()=>{if(!o)return;const c=x=>{x.key==="Escape"&&(T?.(),u(),v?.())};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[o,u]),!s)return null;const k=()=>{l&&(T?.(),u(),v?.())},b=U[f]||U.default;return p.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50 transition-opacity",style:{transitionDuration:`${d}ms`},onClick:k,role:"dialog","aria-modal":"true",children:p.jsxs("div",{className:`relative w-[90%] max-w-md rounded-xl bg-white px-10 py-8 text-center shadow-xl border-2 ${b.border} animate-fadeIn`,onClick:c=>c.stopPropagation(),children:[b.icon&&p.jsx("div",{className:"mb-4 text-4xl",children:b.icon}),p.jsx("button",{className:"absolute top-3 right-3 text-2xl font-bold text-gray-500 hover:text-black",onClick:u,"aria-label":"Close modal",children:"×"}),p.jsx("div",{className:b.title,children:i})]})})}exports.Modal=V;exports.default=V;
+  <%s key={someKey} {...props} />`,n,a,d,a),I[a+n]=!0)}if(a=null,t!==void 0&&(c(t),a=""+t),f(r)&&(c(r.key),a=""+r.key),"key"in r){t={};for(var O in r)O!=="key"&&(t[O]=r[O])}else t=r;return a&&m(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),W(e,a,t,s(),b,w)}function j(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===k&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}var v=A,x=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),J=Symbol.for("react.profiler"),V=Symbol.for("react.consumer"),z=Symbol.for("react.context"),G=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),H=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),Z=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),y=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,g=Object.prototype.hasOwnProperty,K=Array.isArray,S=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var N,C={},Y=v.react_stack_bottom_frame.bind(v,o)(),$=S(i(o)),I={};_.Fragment=T,_.jsx=function(e,r,t){var n=1e4>y.recentlyCreatedOwnerStacks++;return P(e,r,t,!1,n?Error("react-stack-top-frame"):Y,n?S(i(e)):$)},_.jsxs=function(e,r,t){var n=1e4>y.recentlyCreatedOwnerStacks++;return P(e,r,t,!0,n?Error("react-stack-top-frame"):Y,n?S(i(e)):$)}})()),_}var D;function ne(){return D||(D=1,process.env.NODE_ENV==="production"?R.exports=re():R.exports=te()),R.exports}var p=ne();function ae({isOpen:l,onClose:u,type:c="success",message:i="",closeOnEsc:s=!0}){return A.useEffect(()=>(l?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[l]),A.useEffect(()=>{if(!s)return;const o=f=>{f.key==="Escape"&&u()};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[s,u]),l?p.jsx("div",{className:"modal-overlay",onClick:u,role:"dialog","aria-modal":"true","aria-label":c==="success"?"Succès":"Erreur",children:p.jsxs("div",{className:`modal ${c}`,onClick:o=>o.stopPropagation(),children:[p.jsx("p",{children:i}),p.jsx("button",{onClick:u,children:"OK"})]})}):null}exports.Modal=ae;

package/dist/index.es.js

@@ -1,69 +1,69 @@
-import te, { useEffect as F } from "react";
-var w = { exports: {} }, _ = {};
-var L;
-function ne() {
-  if (L) return _;
-  L = 1;
-  var s = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.fragment");
-  function i(f, o, l) {
-    var d = null;
-    if (l !== void 0 && (d = "" + l), o.key !== void 0 && (d = "" + o.key), "key" in o) {
-      l = {};
-      for (var m in o)
-        m !== "key" && (l[m] = o[m]);
-    } else l = o;
-    return o = l.ref, {
-      $$typeof: s,
-      type: f,
-      key: d,
-      ref: o !== void 0 ? o : null,
-      props: l
+import re, { useEffect as I } from "react";
+var R = { exports: {} }, E = {};
+var F;
+function te() {
+  if (F) return E;
+  F = 1;
+  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.fragment");
+  function c(i, s, o) {
+    var f = null;
+    if (o !== void 0 && (f = "" + o), s.key !== void 0 && (f = "" + s.key), "key" in s) {
+      o = {};
+      for (var m in s)
+        m !== "key" && (o[m] = s[m]);
+    } else o = s;
+    return s = o.ref, {
+      $$typeof: l,
+      type: i,
+      key: f,
+      ref: s !== void 0 ? s : null,
+      props: o
     };
   }
-  return _.Fragment = u, _.jsx = i, _.jsxs = i, _;
+  return E.Fragment = u, E.jsx = c, E.jsxs = c, E;
 }
-var R = {};
-var M;
-function ae() {
-  return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
-    function s(e) {
+var _ = {};
+var D;
+function ne() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === K ? null : e.displayName || e.name || null;
+        return e.$$typeof === Q ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case g:
+        case T:
           return "Fragment";
-        case z:
+        case J:
           return "Profiler";
         case q:
           return "StrictMode";
-        case H:
+        case X:
           return "Suspense";
-        case Z:
+        case B:
           return "SuspenseList";
-        case Q:
+        case Z:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case V:
+          case U:
             return "Portal";
-          case G:
+          case z:
             return e.displayName || "Context";
-          case J:
+          case V:
             return (e._context.displayName || "Context") + ".Consumer";
-          case X:
+          case G:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case B:
-            return r = e.displayName || null, r !== null ? r : s(e.type) || "Memo";
-          case A:
+          case H:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case k:
             r = e._payload, e = e._init;
             try {
-              return s(e(r));
+              return l(e(r));
             } catch {
             }
         }
@@ -72,7 +72,7 @@ function ae() {
     function u(e) {
       return "" + e;
     }
-    function i(e) {
+    function c(e) {
       try {
         u(e);
         var r = !1;
@@ -89,26 +89,26 @@ function ae() {
         ), u(e);
       }
     }
-    function f(e) {
-      if (e === g) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === A)
+    function i(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === k)
         return "<...>";
       try {
-        var r = s(e);
+        var r = l(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var e = j.A;
+    function s() {
+      var e = y.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function o() {
       return Error("react-stack-top-frame");
     }
-    function d(e) {
-      if (N.call(e, "key")) {
+    function f(e) {
+      if (j.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
@@ -116,7 +116,7 @@ function ae() {
     }
     function m(e, r) {
       function t() {
-        C || (C = !0, console.error(
+        g || (g = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
@@ -126,23 +126,23 @@ function ae() {
         configurable: !0
       });
     }
-    function h() {
-      var e = s(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
+    function M() {
+      var e = l(this.type);
+      return N[e] || (N[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function T(e, r, t, n, y, S) {
+    function W(e, r, t, n, b, A) {
       var a = t.ref;
       return e = {
-        $$typeof: x,
+        $$typeof: h,
         type: e,
         key: r,
         props: t,
         _owner: n
       }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: h
+        get: M
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -157,33 +157,33 @@ function ae() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: y
+        value: b
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: A
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function v(e, r, t, n, y, S) {
+    function S(e, r, t, n, b, A) {
       var a = r.children;
       if (a !== void 0)
         if (n)
-          if (ee(a)) {
+          if (K(a)) {
             for (n = 0; n < a.length; n++)
-              k(a[n]);
+              x(a[n]);
             Object.freeze && Object.freeze(a);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else k(a);
-      if (N.call(r, "key")) {
-        a = s(e);
-        var E = Object.keys(r).filter(function(re) {
-          return re !== "key";
+        else x(a);
+      if (j.call(r, "key")) {
+        a = l(e);
+        var d = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
         });
-        n = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", D[a + n] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", $[a + n] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -192,144 +192,103 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           n,
           a,
-          E,
+          d,
           a
-        ), D[a + n] = !0);
+        ), $[a + n] = !0);
       }
-      if (a = null, t !== void 0 && (i(t), a = "" + t), d(r) && (i(r.key), a = "" + r.key), "key" in r) {
+      if (a = null, t !== void 0 && (c(t), a = "" + t), f(r) && (c(r.key), a = "" + r.key), "key" in r) {
         t = {};
-        for (var P in r)
-          P !== "key" && (t[P] = r[P]);
+        for (var O in r)
+          O !== "key" && (t[O] = r[O]);
       } else t = r;
       return a && m(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), T(
+      ), W(
         e,
         a,
         t,
-        o(),
-        y,
-        S
+        s(),
+        b,
+        A
       );
     }
-    function k(e) {
-      b(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? b(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function x(e) {
+      P(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? P(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function b(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === x;
+    function P(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === h;
     }
-    var c = te, x = /* @__PURE__ */ Symbol.for("react.transitional.element"), V = /* @__PURE__ */ Symbol.for("react.portal"), g = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), z = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), X = /* @__PURE__ */ Symbol.for("react.forward_ref"), H = /* @__PURE__ */ Symbol.for("react.suspense"), Z = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), Q = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), j = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, ee = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var v = re, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), U = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), V = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), G = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), y = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, K = Array.isArray, w = console.createTask ? console.createTask : function() {
       return null;
     };
-    c = {
+    v = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var C, Y = {}, $ = c.react_stack_bottom_frame.bind(
-      c,
-      l
-    )(), I = O(f(l)), D = {};
-    R.Fragment = g, R.jsx = function(e, r, t) {
-      var n = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return v(
+    var g, N = {}, C = v.react_stack_bottom_frame.bind(
+      v,
+      o
+    )(), Y = w(i(o)), $ = {};
+    _.Fragment = T, _.jsx = function(e, r, t) {
+      var n = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return S(
         e,
         r,
         t,
         !1,
-        n ? Error("react-stack-top-frame") : $,
-        n ? O(f(e)) : I
+        n ? Error("react-stack-top-frame") : C,
+        n ? w(i(e)) : Y
       );
-    }, R.jsxs = function(e, r, t) {
-      var n = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return v(
+    }, _.jsxs = function(e, r, t) {
+      var n = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return S(
         e,
         r,
         t,
         !0,
-        n ? Error("react-stack-top-frame") : $,
-        n ? O(f(e)) : I
+        n ? Error("react-stack-top-frame") : C,
+        n ? w(i(e)) : Y
       );
     };
-  })()), R;
+  })()), _;
 }
-var W;
-function oe() {
-  return W || (W = 1, process.env.NODE_ENV === "production" ? w.exports = ne() : w.exports = ae()), w.exports;
+var L;
+function ae() {
+  return L || (L = 1, process.env.NODE_ENV === "production" ? R.exports = te() : R.exports = ne()), R.exports;
 }
-var p = oe();
-const U = {
-  default: {
-    border: "border-gray-200",
-    icon: null
-  },
-  success: {
-    border: "border-green-500",
-    title: "text-green-600"
-  },
-  error: {
-    border: "border-red-500",
-    title: "text-red-600"
-  }
-};
+var p = ae();
 function se({
-  isOpen: s,
+  isOpen: l,
   onClose: u,
-  children: i,
-  variant: f = "default",
-  closeOnEsc: o = !0,
-  closeOnOverlayClick: l = !0,
-  animationDuration: d = 300,
-  onBeforeOpen: m,
-  onAfterOpen: h,
-  onBeforeClose: T,
-  onAfterClose: v
+  type: c = "success",
+  message: i = "",
+  closeOnEsc: s = !0
 }) {
-  if (F(() => (s ? (m?.(), h?.(), document.body.style.overflow = "hidden") : document.body.style.overflow = "", () => {
+  return I(() => (l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [s]), F(() => {
-    if (!o) return;
-    const c = (x) => {
-      x.key === "Escape" && (T?.(), u(), v?.());
+  }), [l]), I(() => {
+    if (!s) return;
+    const o = (f) => {
+      f.key === "Escape" && u();
     };
-    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-  }, [o, u]), !s) return null;
-  const k = () => {
-    l && (T?.(), u(), v?.());
-  }, b = U[f] || U.default;
-  return /* @__PURE__ */ p.jsx(
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [s, u]), l ? /* @__PURE__ */ p.jsx(
     "div",
     {
-      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 transition-opacity",
-      style: { transitionDuration: `${d}ms` },
-      onClick: k,
+      className: "modal-overlay",
+      onClick: u,
       role: "dialog",
       "aria-modal": "true",
-      children: /* @__PURE__ */ p.jsxs(
-        "div",
-        {
-          className: `relative w-[90%] max-w-md rounded-xl bg-white px-10 py-8 text-center shadow-xl border-2 ${b.border} animate-fadeIn`,
-          onClick: (c) => c.stopPropagation(),
-          children: [
-            b.icon && /* @__PURE__ */ p.jsx("div", { className: "mb-4 text-4xl", children: b.icon }),
-            /* @__PURE__ */ p.jsx(
-              "button",
-              {
-                className: "absolute top-3 right-3 text-2xl font-bold text-gray-500 hover:text-black",
-                onClick: u,
-                "aria-label": "Close modal",
-                children: "×"
-              }
-            ),
-            /* @__PURE__ */ p.jsx("div", { className: b.title, children: i })
-          ]
-        }
-      )
+      "aria-label": c === "success" ? "Succès" : "Erreur",
+      children: /* @__PURE__ */ p.jsxs("div", { className: `modal ${c}`, onClick: (o) => o.stopPropagation(), children: [
+        /* @__PURE__ */ p.jsx("p", { children: i }),
+        /* @__PURE__ */ p.jsx("button", { onClick: u, children: "OK" })
+      ] })
     }
-  );
+  ) : null;
 }
 export {
-  se as Modal,
-  se as default
+  se as Modal
 };

package/dist/react-hrnet-modal.css

@@ -0,0 +1 @@
+.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;padding:1.5rem;border-radius:8px;min-width:300px;text-align:center;animation:fadeIn .2s ease-in-out}.modal.success{border-left:6px solid #2ecc71}.modal.error{border-left:6px solid #e74c3c}.modal button{margin-top:1rem;padding:.5rem 1rem;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

package/package.json

@@ -1,18 +1,15 @@
 {
   "name": "@andoniaina/react-modal",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "description": "Reusable, accessible and customizable React modal component",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
-  "style": "dist/react-modal.css",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
       "require": "./dist/index.cjs.js"
     }
@@ -54,6 +51,8 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
-    "vite": "^7.2.4"
+    "vite": "^7.2.4",
+    "react": ">=18",
+    "react-dom": ">=18"
   }
 }