@geoffreybunel/react-hrnet-modal 0.4.0

package/README.md

@@ -0,0 +1,74 @@
+# react-hrnet-modal
+
+A lightweight and controlled React modal component, created as part of the HRNet application modernization.
+This component replaces a legacy jQuery modal plugin with a fully React-based, reusable solution.
+The modal is designed to be simple, predictable, accessible, and easy to integrate into any React application.
+
+## ✨ Features
+
+- Controlled component (isOpen / onClose)
+- Overlay click to close (optional)
+- Escape key support (optional)
+- Scroll locking when the modal is open
+- Optional close button
+- Basic accessibility support (role="dialog", aria-modal)
+- Styles provided via a dedicated CSS file
+- Published as an npm package via GitHub Packages
+
+## 📦 Installation
+
+This package is published on GitHub Packages.
+
+### 1. Configure npm (once per project)
+Create or edit a .npmrc file at the root of your project:
+```ini
+@geoffreybunel:registry=https://npm.pkg.github.com
+```
+
+### 2. Install the package
+```ini
+npm install @geoffreybunel/react-hrnet-modal
+```
+
+## 🚀 Usage
+
+Import the component and its styles
+```ini
+import Modal from "@geoffreybunel/react-hrnet-modal";
+import "@geoffreybunel/react-hrnet-modal/style.css";
+```
+
+## 🔧 Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `isOpen` | boolean | ✅ | — | Controls whether the modal is displayed |
+| `onClose` | function | ✅ | — | Callback triggered when the modal requests to close |
+| `children` | ReactNode | ✅ | — | Content displayed inside the modal |
+| `title` | ReactNode | ❌ | — | Optional title displayed at the top of the modal |
+| `closeOnOverlayClick` | boolean | ❌ | `true` | Allows closing the modal by clicking the overlay |
+| `closeOnEsc` | boolean | ❌ | `true` | Allows closing the modal using the Escape key |
+| `showCloseButton` | boolean | ❌ | `true` | Displays a close button inside the modal |
+
+## ♿ Accessibility
+
+This modal includes basic accessibility features:
+- role="dialog"
+- aria-modal="true"
+- aria-labelledby when a title is provided
+The component follows common accessibility conventions for modal dialogs.
+
+## 🧱 Styling
+
+The component ships with a standalone CSS file:
+```ini
+import "@geoffreybunel/react-hrnet-modal/style.css";
+```
+Styles are namespaced to avoid collisions with host applications.
+
+## 🛠️ Development notes
+
+- Built with React and Vite
+- React and React DOM are declared as peerDependencies
+- Distributed as compiled ES and UMD builds
+- Intended to be reusable outside of the HRNet application

package/dist/react-hrnet-modal.es.js

@@ -0,0 +1,285 @@
+import re, { useId as te, useEffect as F } from "react";
+var p = { exports: {} }, _ = {};
+var L;
+function ne() {
+  if (L) return _;
+  L = 1;
+  var o = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
+  function m(c, l, u) {
+    var i = null;
+    if (u !== void 0 && (i = "" + u), l.key !== void 0 && (i = "" + l.key), "key" in l) {
+      u = {};
+      for (var f in l)
+        f !== "key" && (u[f] = l[f]);
+    } else u = l;
+    return l = u.ref, {
+      $$typeof: o,
+      type: c,
+      key: i,
+      ref: l !== void 0 ? l : null,
+      props: u
+    };
+  }
+  return _.Fragment = s, _.jsx = m, _.jsxs = m, _;
+}
+var v = {};
+var M;
+function ae() {
+  return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(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 y:
+          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 : o(e.type) || "Memo";
+          case w:
+            r = e._payload, e = e._init;
+            try {
+              return o(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(e) {
+      return "" + e;
+    }
+    function m(e) {
+      try {
+        s(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
+        ), s(e);
+      }
+    }
+    function c(e) {
+      if (e === y) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === w)
+        return "<...>";
+      try {
+        var r = o(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var e = h.A;
+      return e === null ? null : e.getOwner();
+    }
+    function u() {
+      return Error("react-stack-top-frame");
+    }
+    function i(e) {
+      if (N.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function f(e, r) {
+      function t() {
+        C || (C = !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 d() {
+      var e = o(this.type);
+      return Y[e] || (Y[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 k(e, r, t, n, R, x) {
+      var a = t.ref;
+      return e = {
+        $$typeof: g,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: d
+      }) : 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: R
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: x
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function S(e, r, t, n, R, x) {
+      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 (N.call(r, "key")) {
+        a = o(e);
+        var E = 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(
+          `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 && (m(t), a = "" + t), i(r) && (m(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 && f(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), k(
+        e,
+        a,
+        t,
+        l(),
+        R,
+        x
+      );
+    }
+    function j(e) {
+      O(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === w && (e._payload.status === "fulfilled" ? O(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function O(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === g;
+    }
+    var b = re, g = /* @__PURE__ */ Symbol.for("react.transitional.element"), U = /* @__PURE__ */ Symbol.for("react.portal"), y = /* @__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"), w = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), h = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, K = Array.isArray, A = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var C, Y = {}, I = b.react_stack_bottom_frame.bind(
+      b,
+      u
+    )(), $ = A(c(u)), D = {};
+    v.Fragment = y, v.jsx = function(e, r, t) {
+      var n = 1e4 > h.recentlyCreatedOwnerStacks++;
+      return S(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : I,
+        n ? A(c(e)) : $
+      );
+    }, v.jsxs = function(e, r, t) {
+      var n = 1e4 > h.recentlyCreatedOwnerStacks++;
+      return S(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : I,
+        n ? A(c(e)) : $
+      );
+    };
+  })()), v;
+}
+var W;
+function oe() {
+  return W || (W = 1, process.env.NODE_ENV === "production" ? p.exports = ne() : p.exports = ae()), p.exports;
+}
+var T = oe();
+function ue({ isOpen: o, onClose: s, children: m, title: c, closeOnOverlayClick: l = !0, showCloseButton: u = !0, closeOnEsc: i = !0 }) {
+  const f = te();
+  return F(() => {
+    const d = document.body.style.overflow;
+    return o === !0 && (document.body.style.overflow = "hidden"), () => {
+      document.body.style.overflow = d;
+    };
+  }, [o]), F(() => {
+    if (!o || !i) return;
+    const d = (k) => {
+      k.key === "Escape" && s();
+    };
+    return document.addEventListener("keydown", d), () => {
+      document.removeEventListener("keydown", d);
+    };
+  }, [o, i, s]), o ? /* @__PURE__ */ T.jsx("div", { className: "hrnet-modal-overlay", onClick: l ? s : void 0, "aria-modal": "true", role: "dialog", "aria-labelledby": c ? f : void 0, children: /* @__PURE__ */ T.jsxs("div", { className: "hrnet-modal-content", onClick: (d) => d.stopPropagation(), children: [
+    c && /* @__PURE__ */ T.jsx("h2", { id: f, children: c }),
+    m,
+    u && /* @__PURE__ */ T.jsx("button", { type: "button", className: "hrnet-modal-close", onClick: s, children: "×" })
+  ] }) }) : null;
+}
+export {
+  ue as default
+};

package/dist/react-hrnet-modal.umd.js

@@ -0,0 +1,6 @@
+(function(u,f){typeof exports=="object"&&typeof module<"u"?module.exports=f(require("react")):typeof define=="function"&&define.amd?define(["react"],f):(u=typeof globalThis<"u"?globalThis:u||self,u.ReactHrnetModal=f(u.React))})(this,(function(u){"use strict";var f={exports:{}},b={};var S;function $(){if(S)return b;S=1;var a=Symbol.for("react.transitional.element"),c=Symbol.for("react.fragment");function _(i,l,s){var d=null;if(s!==void 0&&(d=""+s),l.key!==void 0&&(d=""+l.key),"key"in l){s={};for(var m in l)m!=="key"&&(s[m]=l[m])}else s=l;return l=s.ref,{$$typeof:a,type:i,key:d,ref:l!==void 0?l:null,props:s}}return b.Fragment=c,b.jsx=_,b.jsxs=_,b}var R={};var O;function J(){return O||(O=1,process.env.NODE_ENV!=="production"&&(function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case X:return"Profiler";case q:return"StrictMode";case Q:return"Suspense";case K:return"SuspenseList";case re: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 G:return"Portal";case B:return e.displayName||"Context";case H:return(e._context.displayName||"Context")+".Consumer";case Z:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ee:return r=e.displayName||null,r!==null?r:a(e.type)||"Memo";case w:r=e._payload,e=e._init;try{return a(e(r))}catch{}}return null}function c(e){return""+e}function _(e){try{c(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),c(e)}}function i(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===w)return"<...>";try{var r=a(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function l(){var e=x.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function d(e){if(D.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(){F||(F=!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 E(){var e=a(this.type);return L[e]||(L[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 y(e,r,t,n,k,j){var o=t.ref;return e={$$typeof:I,type:e,key:r,props:t,_owner:n},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):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:k}),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,k,j){var o=r.children;if(o!==void 0)if(n)if(ne(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(D.call(r,"key")){o=a(e);var v=Object.keys(r).filter(function(oe){return oe!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",U[o+n]||(v=0<v.length?"{"+v.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),U[o+n]=!0)}if(o=null,t!==void 0&&(_(t),o=""+t),d(r)&&(_(r.key),o=""+r.key),"key"in r){t={};for(var P in r)P!=="key"&&(t[P]=r[P])}else t=r;return o&&m(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),y(e,o,t,l(),k,j)}function C(e){Y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===w&&(e._payload.status==="fulfilled"?Y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function Y(e){return typeof e=="object"&&e!==null&&e.$$typeof===I}var T=u,I=Symbol.for("react.transitional.element"),G=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),X=Symbol.for("react.profiler"),H=Symbol.for("react.consumer"),B=Symbol.for("react.context"),Z=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),x=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,ne=Array.isArray,A=console.createTask?console.createTask:function(){return null};T={react_stack_bottom_frame:function(e){return e()}};var F,L={},M=T.react_stack_bottom_frame.bind(T,s)(),W=A(i(s)),U={};R.Fragment=h,R.jsx=function(e,r,t){var n=1e4>x.recentlyCreatedOwnerStacks++;return N(e,r,t,!1,n?Error("react-stack-top-frame"):M,n?A(i(e)):W)},R.jsxs=function(e,r,t){var n=1e4>x.recentlyCreatedOwnerStacks++;return N(e,r,t,!0,n?Error("react-stack-top-frame"):M,n?A(i(e)):W)}})()),R}var g;function V(){return g||(g=1,process.env.NODE_ENV==="production"?f.exports=$():f.exports=J()),f.exports}var p=V();function z({isOpen:a,onClose:c,children:_,title:i,closeOnOverlayClick:l=!0,showCloseButton:s=!0,closeOnEsc:d=!0}){const m=u.useId();return u.useEffect(()=>{const E=document.body.style.overflow;return a===!0&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=E}},[a]),u.useEffect(()=>{if(!a||!d)return;const E=y=>{y.key==="Escape"&&c()};return document.addEventListener("keydown",E),()=>{document.removeEventListener("keydown",E)}},[a,d,c]),a?p.jsx("div",{className:"hrnet-modal-overlay",onClick:l?c:void 0,"aria-modal":"true",role:"dialog","aria-labelledby":i?m:void 0,children:p.jsxs("div",{className:"hrnet-modal-content",onClick:E=>E.stopPropagation(),children:[i&&p.jsx("h2",{id:m,children:i}),_,s&&p.jsx("button",{type:"button",className:"hrnet-modal-close",onClick:c,children:"×"})]})}):null}return z}));

package/dist/style.css

@@ -0,0 +1,46 @@
+.hrnet-modal-overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    z-index: 1;
+    padding: 20px;
+    box-sizing: border-box;
+    background-color: rgba(0, 0, 0, 0.75);
+    text-align: center;
+    margin: auto;
+  }
+  
+  .hrnet-modal-content {
+    vertical-align: middle;
+    position: relative;
+    z-index: 2;
+    max-width: 500px;
+    box-sizing: border-box;
+    width: 90%;
+    background: #fff;
+    padding: 15px 30px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px #000;
+    text-align: left;
+    margin: auto;
+    top: 50%
+  }
+  
+  .hrnet-modal-close {
+    position: absolute;
+    top: -12.5px;
+    right: -12.5px;
+    display: block;
+    width: 30px;
+    height: 30px;
+    border: none;
+    border-radius: 50px;
+    cursor: pointer;
+    background-color: #000;
+    color: white;
+  }

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@geoffreybunel/react-hrnet-modal",
+  "private": false,
+  "version": "0.4.0",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/react-hrnet-modal.umd.js",
+  "module": "./dist/react-hrnet-modal.es.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/geoffreybunel/react-hrnet-modal.git"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/react-hrnet-modal.es.js",
+      "require": "./dist/react-hrnet-modal.umd.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "postbuild": "node scripts/copy-css.mjs",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepare": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "cpx": "^1.5.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "vite": "^7.2.4"
+  }
+}