layerpro 3.1.1 → 3.2.0

package/package.json

@@ -1,12 +1,25 @@
 {
   "name": "layerpro",
   "codeName": "layerpro",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "description": "The real custom modals, alert, confirm, prompt... for your browser",
   "main": "./index.cjs",
-  "browser": "./index.js",
+  "module": "./index.js",
+  "browser": "./dist/index.js",
   "types": "./index.d.ts",
-  "typing": "./types/*",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.cjs",
+      "types": "./index.d.ts"
+    },
+    "./react": {
+      "import": "./react.js",
+      "require": "./react.cjs",
+      "types": "./react.d.ts"
+    },
+    "./types/*": "./types/*"
+  },
   "license": "MIT",
   "copyright": "Dario Passariello",
   "author": "Dario Passariello",
@@ -41,21 +54,36 @@
     "node": ">=18.0.0"
   },
   "files": [
-    "**/*"
+    "markdown/**/*",
+    "types/**/*",
+    "COPYRIGHT.md",
+    "FUNDING.yml",
+    "index.cjs",
+    "index.css",
+    "index.d.ts",
+    "index.js",
+    "LICENSE.md",
+    "llms.txt",
+    "package.json",
+    "react.cjs",
+    "react.js",
+    "README.md",
+    "SECURITY.md"
   ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
   "support": {
     "name": "Dario Passariello",
     "url": "https://dario.passariello.ca/",
     "email": "dariopassariello@gmail.com"
   },
-  "module": "./index.js",
-  "exports": {
-    ".": {
-      "import": "./index.js",
-      "require": "./index.cjs",
-      "types": "./index.d.ts"
-    },
-    "./types/*": "./types/*"
+  "resolutions": {
+    "esbuild": "^0.25.0"
+  },
+  "overrides": {
+    "esbuild": "^0.28.2"
   },
   "typings": "./index.d.ts"
 }

package/react.cjs

@@ -0,0 +1,404 @@
+"use strict";
+
+var e = require("react"), t = require("react-dom/client"), n = require("react-dom");
+
+function r(e) {
+    return e && e.__esModule ? e : {
+        default: e
+    };
+}
+
+var o = r(e), i = Object.defineProperty, s = (e, t, n) => {
+    return s = n, (o = "symbol" != typeof t ? t + "" : t) in (r = e) ? i(r, o, {
+        enumerable: !0,
+        configurable: !0,
+        writable: !0,
+        value: s
+    }) : r[o] = s;
+    var r, o, s;
+}, l = class extends Error {
+    constructor(e, t, n) {
+        super(`[reattach:${t}] ${e}`), s(this, "code"), s(this, "details"), this.name = "ReattachError", 
+        this.code = t, void 0 !== n && (this.details = n);
+    }
+}, a = new WeakMap, c = new Set;
+
+function d() {
+    if ("undefined" == typeof document || "undefined" == typeof window) throw new l("reattach requires a browser environment (document is not available)", "ENVIRONMENT_ERROR");
+}
+
+function u(e) {
+    if (d(), "string" != typeof e || 0 === e.length) throw new l("Invalid selector received: " + typeof e, "INVALID_SELECTOR");
+    const t = document.querySelector(e);
+    if (!t) throw new l(`No element found matching selector "${e}"`, "PARENT_NOT_FOUND");
+    return t;
+}
+
+function f(e, t) {
+    if (t) {
+        const n = Array.from(e.children).filter(e => e.id === t);
+        if (n.length, n.length > 0) return {
+            element: n[0],
+            created: !1
+        };
+    }
+    const n = document.createElement("div");
+    return t && (n.id = t), e.appendChild(n), c.add(n), {
+        element: n,
+        created: !0
+    };
+}
+
+function m(e, t) {
+    if (!t) return e;
+    const n = document.createElement("div");
+    return n.className = "reattach-overlay", t.zIndex ? n.style.zIndex = String(t.zIndex) : t.stackingOrder && (n.style.zIndex = String("top" === t.stackingOrder ? 9999 : "bottom" === t.stackingOrder ? 0 : 5e3)), 
+    n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.width = "100vw", 
+    n.style.height = "100vh", n.style.display = "flex", n.style.alignItems = "center", 
+    n.style.justifyContent = "center", n.style.pointerEvents = "auto", e.appendChild(n), 
+    n;
+}
+
+function h(e, t) {
+    const n = w.get(e) ?? {
+        zIndex: 0,
+        scrollLocked: !1
+    };
+    n.scrollLocked = !0, n.originalOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", 
+    w.set(e, n);
+}
+
+function y(e) {
+    const t = w.get(e);
+    t && (t.scrollLocked && (document.body.style.overflow = t.originalOverflow ?? ""), 
+    t.focusTrapCleanup && t.focusTrapCleanup(), t.scrollLocked = !1, t.originalOverflow = void 0, 
+    t.focusTrapCleanup = void 0, w.set(e, t));
+}
+
+function p(e, t) {
+    const n = [ "a[href]", "button:not([disabled])", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", '[tabindex]:not([tabindex="-1"])' ].join(", "), r = Array.from(e.querySelectorAll(n));
+    if (0 === r.length) return;
+    const o = r[0], i = r[r.length - 1], s = e => {
+        "Tab" === e.key && (e.shiftKey && document.activeElement === o ? (e.preventDefault(), 
+        i.focus()) : e.shiftKey || document.activeElement !== i || (e.preventDefault(), 
+        o.focus()));
+    }, l = t => {
+        if ("Escape" === t.key && e.parentElement) {
+            e.parentElement.removeChild(e);
+            const t = a.get(e);
+            t && (t.unmount(), a.delete(e)), c.delete(e), w.delete(e), y(e);
+        }
+    };
+    return e.addEventListener("keydown", s), document.addEventListener("keydown", l), 
+    () => {
+        e.removeEventListener("keydown", s), document.removeEventListener("keydown", l);
+    };
+}
+
+function v(n, r, i) {
+    let s = i ?? a.get(n);
+    return s || (s = t.createRoot(n), a.set(n, s)), s.render(e.isValidElement(r) ? r : o.default.createElement(o.default.Fragment, null, r)), 
+    s;
+}
+
+function E(e) {
+    const t = L.get(e);
+    t && t.destroy();
+    const n = a.get(e);
+    return n && (n.unmount(), a.delete(e)), c.delete(e), k(e), y(e), w.delete(e), e.remove(), 
+    !0;
+}
+
+function b(e, t) {
+    if (!t) return;
+    t.id && (e.id = t.id), t.class && (e.className = t.class), t.name && (e.name = t.name), 
+    t.dataset && Object.entries(t.dataset).forEach(([t, n]) => {
+        e.dataset[t] = n;
+    }), t.style && ("string" == typeof t.style ? e.setAttribute("style", t.style) : Object.assign(e.style, t.style));
+    const n = new Set([ "id", "class", "name", "dataset", "style", "root", "inheritContext", "resilient", "overlay", "bubbleEvents", "isolateNativeEvents", "layout", "hydrate" ]);
+    Object.entries(t).forEach(([t, r]) => {
+        n.has(t) || "string" != typeof r && "number" != typeof r && "boolean" != typeof r || e.setAttribute(t, String(r));
+    });
+}
+
+var g = new Map, w = new Map, L = new WeakMap, C = new WeakMap;
+
+function x(e = null) {
+    let t = e;
+    for (const [e, n] of g) t = o.default.createElement(e.Provider, {
+        value: n
+    }, t);
+    return t ? o.default.isValidElement(t) ? t : o.default.createElement(o.default.Fragment, null, t) : o.default.createElement(o.default.Fragment, null);
+}
+
+function I(e, t) {
+    const n = new MutationObserver(r => {
+        if (!document.contains(e)) {
+            n.disconnect();
+            let r = null;
+            try {
+                r = t();
+            } catch {
+                return;
+            }
+            if (r && r !== e) {
+                const n = a.get(e);
+                n && (n.unmount(), a.delete(e)), c.delete(e);
+                const r = t();
+                v(r, e.innerHTML ? o.default.createElement("div", {
+                    dangerouslySetInnerHTML: {
+                        __html: e.innerHTML
+                    }
+                }) : null), I(r, t);
+            }
+        }
+    });
+    n.observe(document.documentElement, {
+        childList: !0,
+        subtree: !0
+    });
+}
+
+function T(e, t, n) {
+    const r = new Map;
+    C.set(e, r), n && (e.addEventListener("click", e => e.stopPropagation(), {
+        capture: !0
+    }), e.addEventListener("keydown", e => e.stopPropagation(), {
+        capture: !0
+    }), e.addEventListener("keyup", e => e.stopPropagation(), {
+        capture: !0
+    }));
+    const o = e.parentElement;
+    o && t.forEach(t => {
+        const n = t.slice(2).toLowerCase(), i = e => {
+            if (e.target === o) return;
+            const t = new CustomEvent(e.type, {
+                detail: {
+                    originalEvent: e
+                },
+                bubbles: !0
+            });
+            o.dispatchEvent(t);
+        };
+        r.set(t, i), e.addEventListener(n, i, !0);
+    });
+}
+
+function k(e) {
+    const t = C.get(e);
+    t && (t.forEach((t, n) => {
+        const r = n.slice(2).toLowerCase();
+        e.removeEventListener(r, t, !0);
+    }), C.delete(e));
+}
+
+function R(e, t) {
+    const n = L.get(e);
+    if (n) return n;
+    const r = {
+        updateProps: e => {
+            const n = o.default.createElement("div", e);
+            t.render(n);
+        },
+        getContainer: () => e,
+        destroy: () => {
+            t.unmount(), a.delete(e), c.delete(e), k(e), y(e), w.delete(e), L.delete(e);
+        }
+    };
+    return L.set(e, r), r;
+}
+
+function M(e, t) {
+    if (!t.anchor) return;
+    const n = () => {
+        const n = document.querySelector(t.anchor);
+        if (!n || !e.parentElement) return;
+        const r = n.getBoundingClientRect(), o = e.getBoundingClientRect(), i = t.placement || "bottom", s = t.offset || 0;
+        let l = 0, a = 0;
+        const c = window.innerWidth, d = window.innerHeight;
+        i.startsWith("top") || i.startsWith("bottom") ? (l = i.startsWith("top") ? r.top - o.height - s : r.bottom + s, 
+        a = i.endsWith("-start") ? r.left : i.endsWith("-end") ? r.right - o.width : r.left + (r.width - o.width) / 2) : (a = i.startsWith("left") ? r.left - o.width - s : r.right + s, 
+        l = i.endsWith("-start") ? r.top : i.endsWith("-end") ? r.bottom - o.height : r.top + (r.height - o.height) / 2), 
+        i.startsWith("bottom") && l + o.height > d && (l = r.top - o.height - s), i.startsWith("top") && l < 0 && (l = r.bottom + s), 
+        i.startsWith("left") && a < 0 && (a = r.right + s), i.startsWith("right") && a + o.width > c && (a = r.left - o.width - s), 
+        e.style.position = "fixed", e.style.top = `${Math.max(0, l)}px`, e.style.left = `${Math.max(0, a)}px`;
+    };
+    n();
+    const r = () => n(), o = () => n();
+    return window.addEventListener("resize", r), window.addEventListener("scroll", o, !0), 
+    () => {
+        window.removeEventListener("resize", r), window.removeEventListener("scroll", o, !0);
+    };
+}
+
+var N = function(t, ...n) {
+    if (0 === n.length) {
+        if (d(), "string" != typeof t || 0 === t.length) throw new l("Invalid id argument", "INVALID_ID");
+        return document.getElementById(t) ?? null;
+    }
+    let r, o, i, s = {};
+    const [a, c, y] = n;
+    if ("string" == typeof a) {
+        if (r = a, o = c, y && "object" == typeof y && !Array.isArray(y)) {
+            const e = y;
+            s.inheritContext = !0 === e.inheritContext, s.resilient = !0 === e.resilient, i = e;
+        }
+    } else if (e.isValidElement(a)) {
+        if (o = a, c && "object" == typeof c && !Array.isArray(c)) {
+            const e = c;
+            s.inheritContext = !0 === e.inheritContext, s.resilient = !0 === e.resilient, i = e;
+        }
+    } else if (a && "object" == typeof a && !Array.isArray(a)) {
+        if (s = a, r = s.id, o = c, y && "object" == typeof y && !Array.isArray(y)) {
+            const e = y;
+            s.inheritContext = !0 === e.inheritContext, s.resilient = !0 === e.resilient, i = e;
+        }
+    } else null != a && (o = a);
+    if (null == o) throw new l("children is required", "CHILDREN_REQUIRED");
+    const E = u(t), g = f(E, r).element;
+    b(g, {
+        id: r,
+        class: s.class,
+        name: s.name,
+        dataset: s.dataset,
+        style: s.style,
+        ...Object.fromEntries(Object.entries(s).filter(([e]) => ![ "id", "class", "name", "dataset", "style", "inheritContext", "resilient" ].includes(e)))
+    });
+    let L = o;
+    if ((i?.inheritContext || s.inheritContext) && (L = x(o)), (i?.resilient || s.resilient) && I(g, () => f(E, r).element), 
+    (i?.bubbleEvents || i?.isolateNativeEvents) && T(g, i.bubbleEvents || [], !0 === i.isolateNativeEvents), 
+    i?.layout && M(g, i.layout), i?.overlay) {
+        const e = m(g, i.overlay);
+        if (i.overlay.lockScroll && h(g), i.overlay.trapFocus) {
+            const t = p(e);
+            if (t) {
+                const e = w.get(g) ?? {
+                    zIndex: 0,
+                    scrollLocked: !1
+                };
+                e.focusTrapCleanup = t, w.set(g, e);
+            }
+        }
+        R(g, v(e, L));
+    } else R(g, v(g, L));
+    return g;
+};
+
+N.mount = function(e, r, o) {
+    if (d(), !(e instanceof HTMLElement)) throw new l("container must be an HTMLElement", "INVALID_CONTAINER");
+    if (null == r) throw new l("children is required for mount()", "CHILDREN_REQUIRED");
+    b(e, o);
+    let i, s = e;
+    if (o?.overlay && (s = m(e, o.overlay)), o?.overlay?.lockScroll && h(e), o?.overlay?.trapFocus) {
+        const e = p(s);
+        if (e) {
+            const t = w.get(s) ?? {
+                zIndex: 0,
+                scrollLocked: !1
+            };
+            t.focusTrapCleanup = e, w.set(s, t);
+        }
+    }
+    if (o?.bubbleEvents || o?.isolateNativeEvents) {
+        let t = [];
+        o?.bubbleEvents && (t = o.bubbleEvents), T(e, t, !0 === o?.isolateNativeEvents);
+    }
+    if (o?.layout && M(e, o.layout), o?.root) {
+        let t = r;
+        o.inheritContext && (t = x(r)), o.root.render(n.createPortal(t, s)), c.add(e), i = o.root;
+    } else {
+        c.add(e);
+        let n = r;
+        o?.inheritContext && (n = x(r)), i = o?.hydrate ? function(e) {
+            if (e.innerHTML && e.innerHTML.trim() === "".trim()) {
+                const n = t.createRoot(e);
+                return a.set(e, n), n;
+            }
+            e.innerHTML = "";
+            const n = t.createRoot(e);
+            return a.set(e, n), n;
+        }(s) : v(s, n);
+    }
+    return i && R(e, i), o?.resilient && I(e, () => e), e;
+}, N.unmount = function(e, t) {
+    if (d(), void 0 === e && void 0 === t) {
+        if (0 === c.size) return !1;
+        const e = Array.from(c);
+        for (const t of e) E(t);
+        return !0;
+    }
+    if (e && !t) {
+        const t = document.getElementById(e);
+        return !(!t || !c.has(t)) && E(t);
+    }
+    const n = u(e), r = t ? Array.from(n.children).find(e => e.id === t) : void 0;
+    return !(!r || !c.has(r)) && E(r);
+}, N.clear = function(e) {
+    if (d(), !e) {
+        const e = c.size, t = Array.from(c);
+        for (const e of t) E(e);
+        return e;
+    }
+    const t = u(e);
+    let n = 0;
+    const r = Array.from(c);
+    for (const e of r) t.contains(e) && (E(e), n++);
+    return n;
+}, N.has = function(e, t) {
+    if (e && t) {
+        const n = document.querySelector(e);
+        return !!n && Array.from(n.children).some(e => e.id === t && a.has(e));
+    }
+    if (e && !t) {
+        const t = document.getElementById(e);
+        return !!t && a.has(t);
+    }
+    return c.size > 0;
+}, N.when = function(e, t = 0) {
+    if ("undefined" == typeof document) return Promise.reject(new l("reattach requires a browser environment", "ENVIRONMENT_ERROR"));
+    const n = document.querySelector(e);
+    return n ? Promise.resolve(n) : new Promise((n, r) => {
+        let o;
+        const i = new MutationObserver(() => {
+            const t = document.querySelector(e);
+            t && (o && clearTimeout(o), i.disconnect(), n(t));
+        });
+        i.observe(document.documentElement, {
+            childList: !0,
+            subtree: !0
+        }), t > 0 && (o = setTimeout(() => {
+            i.disconnect(), r(new l(`Timeout: "${e}" not found within ${t}ms`, "TIMEOUT"));
+        }, t));
+    });
+}, N.global = function() {
+    d();
+    const e = globalThis;
+    return e.reattach || Object.defineProperty(e, "reattach", {
+        value: N,
+        configurable: !0,
+        enumerable: !1,
+        writable: !1
+    }), N;
+};
+
+var O = (e, t) => {
+    const n = String(e.id);
+    try {
+        N.mount(t, e.body, {
+            id: `layerpro_body_${n}`,
+            inheritContext: e.inheritContext ?? !1,
+            resilient: e.resilient ?? !1
+        });
+    } catch (e) {
+        const t = e instanceof Error ? e.message : String(e);
+        t.includes("Invalid hook call") || t.includes("hooks") ? console.error("LayerPro Error: React hooks error detected. This usually happens when:\n1. Multiple copies of React are loaded on the page\n2. The component is called as a function instead of being passed as JSX\n3. React version mismatch between the app and LayerPro\n\nMake sure body is passed as <Component /> not <Component />()") : console.error("Error rendering React component:", e);
+    }
+};
+
+O.unmount = e => {
+    N.unmount(`layerpro_body_${e}`);
+};
+
+var A = O;
+
+module.exports = A;