benal18-modal 1.0.2 → 1.0.5

package/dist/BenalModal.es.js

@@ -1,88 +1,70 @@
-import te, { useEffect as ne } from "react";
-import O from "styled-components";
-var R = { exports: {} }, p = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var D;
-function oe() {
-  if (D) return p;
-  D = 1;
-  var u = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
-  function m(f, a, s) {
-    var c = null;
-    if (s !== void 0 && (c = "" + s), a.key !== void 0 && (c = "" + a.key), "key" in a) {
-      s = {};
-      for (var b in a)
-        b !== "key" && (s[b] = a[b]);
-    } else s = a;
-    return a = s.ref, {
-      $$typeof: u,
-      type: f,
-      key: c,
+import re, { useEffect as te } from "react";
+import w from "styled-components";
+var v = { exports: {} }, p = {};
+var I;
+function ne() {
+  if (I) return p;
+  I = 1;
+  var s = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
+  function f(c, a, l) {
+    var u = null;
+    if (l !== void 0 && (u = "" + l), a.key !== void 0 && (u = "" + a.key), "key" in a) {
+      l = {};
+      for (var d in a)
+        d !== "key" && (l[d] = a[d]);
+    } else l = a;
+    return a = l.ref, {
+      $$typeof: s,
+      type: c,
+      key: u,
       ref: a !== void 0 ? a : null,
-      props: s
+      props: l
     };
   }
-  return p.Fragment = i, p.jsx = m, p.jsxs = m, p;
+  return p.Fragment = i, p.jsx = f, p.jsxs = f, p;
 }
-var v = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var M;
-function ae() {
-  return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(e) {
+var E = {};
+var D;
+function oe() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
+    function s(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 T:
+        case R:
           return "Fragment";
-        case J:
-          return "Profiler";
         case q:
+          return "Profiler";
+        case z:
           return "StrictMode";
-        case B:
+        case X:
           return "Suspense";
-        case H:
+        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 z:
+          case U:
             return "Portal";
-          case G:
-            return (e.displayName || "Context") + ".Provider";
           case V:
+            return e.displayName || "Context";
+          case J:
             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 Z:
-            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
-          case P:
+          case H:
+            return r = e.displayName || null, r !== null ? r : s(e.type) || "Memo";
+          case T:
             r = e._payload, e = e._init;
             try {
-              return u(e(r));
+              return s(e(r));
             } catch {
             }
         }
@@ -91,7 +73,7 @@ function ae() {
     function i(e) {
       return "" + e;
     }
-    function m(e) {
+    function f(e) {
       try {
         i(e);
         var r = !1;
@@ -108,12 +90,12 @@ function ae() {
         ), i(e);
       }
     }
-    function f(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === P)
+    function c(e) {
+      if (e === R) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
         return "<...>";
       try {
-        var r = u(e);
+        var r = s(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
@@ -123,19 +105,19 @@ function ae() {
       var e = k.A;
       return e === null ? null : e.getOwner();
     }
-    function s() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function c(e) {
-      if (N.call(e, "key")) {
+    function u(e) {
+      if (P.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function b(e, r) {
+    function d(e, r) {
       function t() {
-        C || (C = !0, console.error(
+        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
         ));
@@ -145,22 +127,23 @@ function ae() {
         configurable: !0
       });
     }
-    function W() {
-      var e = u(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
+    function L() {
+      var e = s(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 U(e, r, t, n, d, l, h, g) {
-      return t = l.ref, e = {
+    function W(e, r, t, n, _, h) {
+      var o = t.ref;
+      return e = {
         $$typeof: S,
         type: e,
         key: r,
-        props: l,
-        _owner: d
-      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
+        props: t,
+        _owner: n
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: W
+        get: L
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -175,19 +158,19 @@ function ae() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: h
+        value: _
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: g
+        value: h
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function j(e, r, t, n, d, l, h, g) {
+    function O(e, r, t, n, _, h) {
       var o = r.children;
       if (o !== void 0)
         if (n)
-          if (ee(o)) {
+          if (K(o)) {
             for (n = 0; n < o.length; n++)
               A(o[n]);
             Object.freeze && Object.freeze(o);
@@ -196,12 +179,12 @@ function ae() {
               "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 A(o);
-      if (N.call(r, "key")) {
-        o = u(e);
-        var E = Object.keys(r).filter(function(re) {
-          return re !== "key";
+      if (P.call(r, "key")) {
+        o = s(e);
+        var m = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
         });
-        n = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", $[o + n] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", F[o + n] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -210,98 +193,95 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           n,
           o,
-          E,
+          m,
           o
-        ), $[o + n] = !0);
+        ), F[o + n] = !0);
       }
-      if (o = null, t !== void 0 && (m(t), o = "" + t), c(r) && (m(r.key), o = "" + r.key), "key" in r) {
+      if (o = null, t !== void 0 && (f(t), o = "" + t), u(r) && (f(r.key), o = "" + r.key), "key" in r) {
         t = {};
-        for (var w in r)
-          w !== "key" && (t[w] = r[w]);
+        for (var g in r)
+          g !== "key" && (t[g] = r[g]);
       } else t = r;
-      return o && b(
+      return o && d(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), U(
+      ), W(
         e,
         o,
-        l,
-        d,
-        a(),
         t,
-        h,
-        g
+        a(),
+        _,
+        h
       );
     }
     function A(e) {
-      typeof e == "object" && e !== null && e.$$typeof === S && e._store && (e._store.validated = 1);
+      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    var _ = te, S = Symbol.for("react.transitional.element"), z = 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"), G = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), k = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, ee = Array.isArray, x = console.createTask ? console.createTask : function() {
+    function j(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === S;
+    }
+    var b = re, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), U = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), z = /* @__PURE__ */ Symbol.for("react.strict_mode"), q = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__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"), T = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), k = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, K = Array.isArray, x = console.createTask ? console.createTask : function() {
       return null;
     };
-    _ = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var C, Y = {}, F = _.react_stack_bottom_frame.bind(
-      _,
-      s
-    )(), I = x(f(s)), $ = {};
-    v.Fragment = T, v.jsx = function(e, r, t, n, d) {
-      var l = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return j(
+    var N, C = {}, Y = b.react_stack_bottom_frame.bind(
+      b,
+      l
+    )(), $ = x(c(l)), F = {};
+    E.Fragment = R, E.jsx = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return O(
         e,
         r,
         t,
         !1,
-        n,
-        d,
-        l ? Error("react-stack-top-frame") : F,
-        l ? x(f(e)) : I
+        n ? Error("react-stack-top-frame") : Y,
+        n ? x(c(e)) : $
       );
-    }, v.jsxs = function(e, r, t, n, d) {
-      var l = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return j(
+    }, E.jsxs = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return O(
         e,
         r,
         t,
         !0,
-        n,
-        d,
-        l ? Error("react-stack-top-frame") : F,
-        l ? x(f(e)) : I
+        n ? Error("react-stack-top-frame") : Y,
+        n ? x(c(e)) : $
       );
     };
-  })()), v;
+  })()), E;
 }
-var L;
-function se() {
-  return L || (L = 1, process.env.NODE_ENV === "production" ? R.exports = oe() : R.exports = ae()), R.exports;
+var M;
+function ae() {
+  return M || (M = 1, process.env.NODE_ENV === "production" ? v.exports = ne() : v.exports = oe()), v.exports;
 }
-var y = se();
-function de({
-  isOpen: u,
+var y = ae();
+function fe({
+  isOpen: s,
   onClose: i,
-  closeOnOverlayClick: m = !0,
-  closeOnEsc: f = !0,
+  closeOnOverlayClick: f = !0,
+  closeOnEsc: c = !0,
   children: a
 }) {
-  const s = (c) => {
-    m && c.target === c.currentTarget && i();
+  const l = (u) => {
+    f && u.target === u.currentTarget && i();
   };
-  return ne(() => {
-    if (!u || !f) return;
-    const c = (b) => {
-      b.key === "Escape" && i();
+  return te(() => {
+    if (!s || !c) return;
+    const u = (d) => {
+      d.key === "Escape" && i();
     };
-    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-  }, [u, f, i]), u ? /* @__PURE__ */ y.jsx(ue, { onClick: s, children: /* @__PURE__ */ y.jsxs(ce, { children: [
-    /* @__PURE__ */ y.jsx(le, { onClick: i, "aria-label": "Fermer la modale", children: "×" }),
+    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+  }, [s, c, i]), s ? /* @__PURE__ */ y.jsx(le, { onClick: l, children: /* @__PURE__ */ y.jsxs(se, { children: [
+    /* @__PURE__ */ y.jsx(ue, { onClick: i, "aria-label": "Fermer la modale", children: "×" }),
     a
   ] }) }) : null;
 }
-const ue = O.div`
+const le = w.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -312,7 +292,7 @@ const ue = O.div`
   align-items: center;
   justify-content: center;
   z-index: 50;
-`, ce = O.div`
+`, se = w.div`
   background-color: white;
   border-radius: 12px;
   padding: 24px;
@@ -321,7 +301,7 @@ const ue = O.div`
   max-width: 90vw;
   max-height: 90vh;
   overflow: auto;
-`, le = O.button`
+`, ue = w.button`
   position: absolute;
   top: 8px;
   right: 8px;
@@ -342,5 +322,5 @@ const ue = O.div`
   }
 `;
 export {
-  de as default
+  fe as default
 };

package/dist/BenalModal.umd.js

@@ -1,25 +1,9 @@
-(function(f,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("react"),require("styled-components")):typeof define=="function"&&define.amd?define(["react","styled-components"],p):(f=typeof globalThis<"u"?globalThis:f||self,f.BenalModal=p(f.React,f.styled))})(this,(function(f,p){"use strict";var T={exports:{}},R={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var A;function U(){if(A)return R;A=1;var u=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function E(d,a,s){var c=null;if(s!==void 0&&(c=""+s),a.key!==void 0&&(c=""+a.key),"key"in a){s={};for(var b in a)b!=="key"&&(s[b]=a[b])}else s=a;return a=s.ref,{$$typeof:u,type:d,key:c,ref:a!==void 0?a:null,props:s}}return R.Fragment=l,R.jsx=E,R.jsxs=E,R}var _={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var S;function z(){return S||(S=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ue?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case K:return"Profiler";case Q:return"StrictMode";case ne:return"Suspense";case oe:return"SuspenseList";case se: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 Z:return"Portal";case re:return(e.displayName||"Context")+".Provider";case ee:return(e._context.displayName||"Context")+".Consumer";case te:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ae:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case F:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function l(e){return""+e}function E(e){try{l(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),l(e)}}function d(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===F)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=g.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function c(e){if(I.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function t(){M||(M=!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 B(){var e=u(this.type);return D[e]||(D[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 H(e,r,t,n,m,i,y,j){return t=i.ref,e={$$typeof:Y,type:e,key:r,props:i,_owner:m},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:B}):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:j}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function N(e,r,t,n,m,i,y,j){var o=r.children;if(o!==void 0)if(n)if(ce(o)){for(n=0;n<o.length;n++)C(o[n]);Object.freeze&&Object.freeze(o)}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 C(o);if(I.call(r,"key")){o=u(e);var v=Object.keys(r).filter(function(ie){return ie!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",$[o+n]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(c,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("react"),require("styled-components")):typeof define=="function"&&define.amd?define(["react","styled-components"],d):(c=typeof globalThis<"u"?globalThis:c||self,c.BenalModal=d(c.React,c.styled))})(this,(function(c,d){"use strict";var v={exports:{}},_={};var j;function W(){if(j)return _;j=1;var u=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function m(f,a,s){var l=null;if(s!==void 0&&(l=""+s),a.key!==void 0&&(l=""+a.key),"key"in a){s={};for(var p in a)p!=="key"&&(s[p]=a[p])}else s=a;return a=s.ref,{$$typeof:u,type:f,key:l,ref:a!==void 0?a:null,props:s}}return _.Fragment=i,_.jsx=m,_.jsxs=m,_}var b={};var A;function U(){return A||(A=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===se?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case x:return"Fragment";case Q:return"Profiler";case Z:return"StrictMode";case te:return"Suspense";case ne:return"SuspenseList";case ae: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 H:return"Portal";case ee:return e.displayName||"Context";case K:return(e._context.displayName||"Context")+".Consumer";case re:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case oe:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case h:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function i(e){return""+e}function m(e){try{i(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),i(e)}}function f(e){if(e===x)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===h)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=y.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function l(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function p(e,r){function t(){I||(I=!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 X(){var e=u(this.type);return M[e]||(M[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 B(e,r,t,n,T,w){var o=t.ref;return e={$$typeof:Y,type:e,key:r,props:t,_owner:n},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:X}):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:T}),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,T,w){var o=r.children;if(o!==void 0)if(n)if(ue(o)){for(n=0;n<o.length;n++)N(o[n]);Object.freeze&&Object.freeze(o)}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 N(o);if(F.call(r,"key")){o=u(e);var E=Object.keys(r).filter(function(le){return le!=="key"});n=0<E.length?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}",$[o+n]||(E=0<E.length?"{"+E.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,o,v,o),$[o+n]=!0)}if(o=null,t!==void 0&&(E(t),o=""+t),c(r)&&(E(r.key),o=""+r.key),"key"in r){t={};for(var O in r)O!=="key"&&(t[O]=r[O])}else t=r;return o&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),H(e,o,i,m,a(),t,y,j)}function C(e){typeof e=="object"&&e!==null&&e.$$typeof===Y&&e._store&&(e._store.validated=1)}var k=f,Y=Symbol.for("react.transitional.element"),Z=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),Q=Symbol.for("react.strict_mode"),K=Symbol.for("react.profiler"),ee=Symbol.for("react.consumer"),re=Symbol.for("react.context"),te=Symbol.for("react.forward_ref"),ne=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),ae=Symbol.for("react.memo"),F=Symbol.for("react.lazy"),se=Symbol.for("react.activity"),ue=Symbol.for("react.client.reference"),g=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,ce=Array.isArray,w=console.createTask?console.createTask:function(){return null};k={react_stack_bottom_frame:function(e){return e()}};var M,D={},L=k.react_stack_bottom_frame.bind(k,s)(),W=w(d(s)),$={};_.Fragment=h,_.jsx=function(e,r,t,n,m){var i=1e4>g.recentlyCreatedOwnerStacks++;return N(e,r,t,!1,n,m,i?Error("react-stack-top-frame"):L,i?w(d(e)):W)},_.jsxs=function(e,r,t,n,m){var i=1e4>g.recentlyCreatedOwnerStacks++;return N(e,r,t,!0,n,m,i?Error("react-stack-top-frame"):L,i?w(d(e)):W)}})()),_}var P;function q(){return P||(P=1,process.env.NODE_ENV==="production"?T.exports=U():T.exports=z()),T.exports}var x=q();function J({isOpen:u,onClose:l,closeOnOverlayClick:E=!0,closeOnEsc:d=!0,children:a}){const s=c=>{E&&c.target===c.currentTarget&&l()};return f.useEffect(()=>{if(!u||!d)return;const c=b=>{b.key==="Escape"&&l()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[u,d,l]),u?x.jsx(V,{onClick:s,children:x.jsxs(G,{children:[x.jsx(X,{onClick:l,"aria-label":"Fermer la modale",children:"×"}),a]})}):null}const V=p.div`
+  <%s key={someKey} {...props} />`,n,o,E,o),$[o+n]=!0)}if(o=null,t!==void 0&&(m(t),o=""+t),l(r)&&(m(r.key),o=""+r.key),"key"in r){t={};for(var O in r)O!=="key"&&(t[O]=r[O])}else t=r;return o&&p(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),B(e,o,t,a(),T,w)}function N(e){C(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===h&&(e._payload.status==="fulfilled"?C(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function C(e){return typeof e=="object"&&e!==null&&e.$$typeof===Y}var R=c,Y=Symbol.for("react.transitional.element"),H=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),Z=Symbol.for("react.strict_mode"),Q=Symbol.for("react.profiler"),K=Symbol.for("react.consumer"),ee=Symbol.for("react.context"),re=Symbol.for("react.forward_ref"),te=Symbol.for("react.suspense"),ne=Symbol.for("react.suspense_list"),oe=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),se=Symbol.for("react.client.reference"),y=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ue=Array.isArray,g=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var I,M={},D=R.react_stack_bottom_frame.bind(R,s)(),L=g(f(s)),$={};b.Fragment=x,b.jsx=function(e,r,t){var n=1e4>y.recentlyCreatedOwnerStacks++;return P(e,r,t,!1,n?Error("react-stack-top-frame"):D,n?g(f(e)):L)},b.jsxs=function(e,r,t){var n=1e4>y.recentlyCreatedOwnerStacks++;return P(e,r,t,!0,n?Error("react-stack-top-frame"):D,n?g(f(e)):L)}})()),b}var S;function z(){return S||(S=1,process.env.NODE_ENV==="production"?v.exports=W():v.exports=U()),v.exports}var k=z();function q({isOpen:u,onClose:i,closeOnOverlayClick:m=!0,closeOnEsc:f=!0,children:a}){const s=l=>{m&&l.target===l.currentTarget&&i()};return c.useEffect(()=>{if(!u||!f)return;const l=p=>{p.key==="Escape"&&i()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[u,f,i]),u?k.jsx(J,{onClick:s,children:k.jsxs(V,{children:[k.jsx(G,{onClick:i,"aria-label":"Fermer la modale",children:"×"}),a]})}):null}const J=d.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -30,7 +14,7 @@ React keys must be passed directly to JSX without using spread:
   align-items: center;
   justify-content: center;
   z-index: 50;
-`,G=p.div`
+`,V=d.div`
   background-color: white;
   border-radius: 12px;
   padding: 24px;
@@ -39,7 +23,7 @@ React keys must be passed directly to JSX without using spread:
   max-width: 90vw;
   max-height: 90vh;
   overflow: auto;
-`,X=p.button`
+`,G=d.button`
   position: absolute;
   top: 8px;
   right: 8px;
@@ -58,4 +42,4 @@ React keys must be passed directly to JSX without using spread:
     color: #000;
     background-color: #f5f5f5;
   }
-`;return J}));
+`;return q}));

package/package.json

@@ -1,30 +1,36 @@
 {
   "name": "benal18-modal",
-  "version": "1.0.2",
+  "version": "1.0.5",
   "description": "Modale réutilisable",
-  "keywords": [
-    "Modale",
-    "react"
-  ],
   "author": "BEN SALAH Walid",
+  "license": "MIT",
   "type": "module",
-  "main": "dist/BenalModal.cjs.js",
-  "module": "dist/BenalModal.esm.js",
-  "types": "dist/BenalModal.d.ts",
+  "main": "./dist/BenalModal.umd.js",
+  "module": "./dist/BenalModal.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/BenalModal.es.js",
+      "require": "./dist/BenalModal.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "files": [
     "dist"
   ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "styled-components": "^6.1.19"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview"
   },
-  "dependencies": {
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "styled-components": "^6.1.19"
-  },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
     "@types/react": "^19.1.13",
@@ -34,6 +40,8 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.4.0",
-    "vite": "^7.1.7"
+    "vite": "^7.1.7",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
   }
 }