menupro 2.0.5 → 2.1.1

package/FUNDING.yml

@@ -0,0 +1,16 @@
+# These are supported funding model platforms
+
+github: passariello
+patreon: passariello
+open_collective: # Replace with a single Open Collective username
+ko_fi: passariello
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: passariello
+issuehunt: passariello
+otechie: # Replace with a single Otechie username
+custom:
+ [
+  "https://dario.passariello.ca",
+  "https://www.indiegogo.com/individuals/28513718",
+ ]

package/README.md

@@ -140,6 +140,10 @@ The `onclick` property supports multiple formats:
 </html>
 ```
 
+## License
+
+MIT License
+
 ## Credits
 
-Created by Dario Passariello. Licensed under MIT.
+Copyrigth (c) [Dario Passariello](https://dario.passariello.ca/)

package/SECURITY.md

@@ -0,0 +1,3 @@
+# Security
+
+Please email [@passariello](https://github.com/passariello) or see <https://dario.passariello.ca/contact/> if you have a potential security vulnerability to report.

package/index.cjs

@@ -0,0 +1,81 @@
+;(()=>{const s=document.createElement("style");s.textContent="@layer menupro {.menupro{position:relative;margin:0;padding:0;}.menupro ul,.menupro li,.menupro ul{background-color:#000;list-style:none;margin:0;padding:0;}.menupro img,.menupro svg{max-width:20px;}.menupro li:hover{transition:0s;transition-delay:0s;}.menupro ul,.menupro ul,.menupro ul:hover,.menupro ul:hover{transition:0s;transition-delay:0.5s;}.menupro hr{border:1px solid !important;height:0 !important;color:#333 !important;background-color:#333 !important;margin:0;padding:0;}.menupro a{padding:4px 10px;display:block;text-align:left;white-space:nowrap;}.menupro:hover{background-color:#0b86bf;}.menupro li{float:left;position:relative;}.menupro li:hover,.menupro li:active{background-color:#0b86bf;}.menupro li:hover > ul,.menupro li:focus-within > ul{opacity:1;visibility:visible;transition-delay:visibility 0s;}.menupro li > span.icon{position:absolute;left:5px;top:8px;width:13px;height:auto;filter:invert(0.5);}.menupro li > span.arrow:before{content:\u0022\\203a\u0022;position:absolute;right:5px;top:0;font-size:1.5em;line-height:1em;}.menupro li > ul{position:absolute;width:auto;float:left;opacity:0;visibility:hidden;transition-delay:visibility 0s;box-shadow:0 10px 12px -8px black;padding:0;}.menupro li > ul li{float:left;position:relative;width:100%;padding:0;}.menupro li > ul li:hover > ul,.menupro li > ul li:focus-within > ul{opacity:1;pointer-events:auto;}.menupro li > ul li:not(:visible){pointer-events:none;}.menupro li > ul li > ul{position:absolute;margin:0 auto;top:0px;left:99%;}.menupro li > ul li a{padding:4px 20px 4px 30px;}}";document.head.appendChild(s)})();"use strict";
+
+Object.defineProperty(window, "menupro", {
+    value: {
+        start: {}
+    },
+    writable: !1,
+    configurable: !1,
+    enumerable: !1
+});
+
+var e = new Set([ "eval", "Function", "exec", "spawn", "execSync", "fetch", "XMLHttpRequest", "WebSocket", "importScripts", "setTimeout", "setInterval", "setImmediate", "document.write", "document.writeln", "innerHTML", "outerHTML", "location", "location.href", "location.assign", "location.replace", "history.pushState", "history.replaceState", "localStorage", "sessionStorage", "cookie", "postMessage", "import", "require" ]), t = t => /^[a-zA-Z_$][a-zA-Z0-9_$.]*$/.test(t) && !e.has(t) && !t.includes("__");
+
+menupro.start = e => {
+    const {element: n, name: i = e.name || "menupro", nav: s = e.nav || []} = e;
+    let o, c;
+    const a = e => document.createElement(e), l = (e, n = "." + i) => {
+        const s = "string" == typeof n ? document.querySelector(n) : n;
+        s && e?.map(e => {
+            if (e.name) {
+                o = a("li");
+                const t = a("a");
+                t.textContent = e.name, o.appendChild(t), s.appendChild(o);
+            }
+            if (e.onclick && 0 === e.sub?.length) {
+                let n;
+                if ("function" == typeof e.onclick) n = e.onclick; else if ("string" == typeof e.onclick) {
+                    const i = e.onclick.trim();
+                    if (i.includes("(") && i.endsWith(")")) {
+                        const e = i.match(/^(\w+)\((.*)\)$/);
+                        if (e) {
+                            const [, i, s] = e;
+                            if (t(i)) {
+                                const e = window[i];
+                                if (e && "function" == typeof e) {
+                                    const t = e => {
+                                        const t = e.trim();
+                                        return t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? t.slice(1, -1) : isNaN(Number(t)) ? "true" === t || "false" !== t && ("null" === t ? null : void 0) : Number(t);
+                                    }, i = [];
+                                    if (s.trim()) {
+                                        let e = "", n = 0, o = !1, c = "";
+                                        for (const a of s) '"' !== a && "'" !== a || "\\" === e.slice(-1) || (o ? a === c && (o = !1, 
+                                        c = "") : (o = !0, c = a)), o || "(" !== a || n++, o || ")" !== a || n--, o || 0 !== n || "," !== a ? e += a : (i.push(t(e)), 
+                                        e = "");
+                                        e.trim() && i.push(t(e));
+                                    }
+                                    n = () => {
+                                        try {
+                                            e(...i);
+                                        } catch (e) {}
+                                    };
+                                } else n = () => {};
+                            } else n = () => {};
+                        } else n = () => {};
+                    } else if (t(i)) {
+                        const e = window[i];
+                        n = e || (() => {});
+                    } else n = () => {};
+                } else n = () => {};
+                o.addEventListener("click", n);
+            }
+            if ("" === e.name && (o = a("hr"), s.appendChild(o)), n != "." + i) {
+                if (e.icon) {
+                    const t = a("span");
+                    t.className = "icon", t.innerHTML = e.icon, o.appendChild(t);
+                }
+                if (e.sub?.length > 0) {
+                    const e = a("span");
+                    e.className = "arrow", o.appendChild(e);
+                }
+            }
+            e.sub?.length > 0 && (c = a("ul"), o.appendChild(c), l(e.sub, c));
+        });
+    };
+    setTimeout(() => {
+        const e = a("ul");
+        e.className = i;
+        const t = "string" == typeof n ? document.querySelector(n) : n;
+        t && (t.appendChild(e), l(s, e));
+    }, 0);
+};

package/index.css

@@ -0,0 +1,111 @@
+@charset "UTF-8";
+
+/* scss/menupro.scss */
+.menupro {
+  position: relative;
+  margin: 0;
+  padding: 0;
+}
+.menupro ul,
+.menupro li,
+.menupro ul {
+  background-color: #000;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.menupro img,
+.menupro svg {
+  max-width: 20px;
+}
+.menupro li:hover {
+  transition: 0s;
+  transition-delay: 0s;
+}
+.menupro ul,
+.menupro ul,
+.menupro ul:hover,
+.menupro ul:hover {
+  transition: 0s;
+  transition-delay: 0.5s;
+}
+.menupro hr {
+  border: 1px solid !important;
+  height: 0 !important;
+  color: #333 !important;
+  background-color: #333 !important;
+  margin: 0;
+  padding: 0;
+}
+.menupro a {
+  padding: 4px 10px;
+  display: block;
+  text-align: left;
+  white-space: nowrap;
+}
+.menupro :hover {
+  background-color: #0b86bf;
+}
+.menupro li {
+  float: left;
+  position: relative;
+}
+.menupro li :hover,
+.menupro li :active {
+  background-color: #0b86bf;
+}
+.menupro li:hover > ul,
+.menupro li:focus-within > ul {
+  opacity: 1;
+  visibility: visible;
+  transition-delay: visibility 0s;
+}
+.menupro li > span.icon {
+  position: absolute;
+  left: 5px;
+  top: 8px;
+  width: 13px;
+  height: auto;
+  filter: invert(0.5);
+}
+.menupro li > span.arrow:before {
+  content: "\203a";
+  position: absolute;
+  right: 5px;
+  top: 0;
+  font-size: 1.5em;
+  line-height: 1em;
+}
+.menupro li > ul {
+  position: absolute;
+  width: auto;
+  float: left;
+  opacity: 0;
+  visibility: hidden;
+  transition-delay: visibility 0s;
+  box-shadow: 0 10px 12px -8px black;
+  padding: 0;
+}
+.menupro li > ul li {
+  float: left;
+  position: relative;
+  width: 100%;
+  padding: 0;
+}
+.menupro li > ul li:hover > ul,
+.menupro li > ul li:focus-within > ul {
+  opacity: 1;
+  pointer-events: auto;
+}
+.menupro li > ul li:not(:visible) {
+  pointer-events: none;
+}
+.menupro li > ul li > ul {
+  position: absolute;
+  margin: 0 auto;
+  top: 0px;
+  left: 99%;
+}
+.menupro li > ul li a {
+  padding: 4px 20px 4px 30px;
+}

package/index.d.ts

@@ -1,8 +1 @@
-/*!
-  menupro
-  Copyright (c) 2019 Dario Passariello <dariopassariello@gmail.com>
-  Licensed under MIT License, see
-  https://dario.passariello.ca
-*/
-
 /// <reference path="./types/menupro.d.ts" />

package/index.js

@@ -1 +1,79 @@
-"use strict";((d=>{const s=d.createElement('style');s.textContent='@charset "UTF-8";@layer menupro{.menupro{position:relative;margin:0;padding:0}.menupro ul,.menupro li{background-color:#000;list-style:none;margin:0;padding:0}.menupro li:hover{transition:0s;transition-delay:0s}.menupro ul,.menupro ul:hover{transition:0s;transition-delay:.5s}.menupro hr{border:1px solid!important;height:0!important;color:#333!important;background-color:#333!important;margin:0;padding:0}.menupro a{padding:4px 10px;display:block;text-align:left;white-space:nowrap}.menupro :hover{background-color:#0b86bf}.menupro li{float:left;position:relative}.menupro li :hover,.menupro li :active{background-color:#0b86bf}.menupro li:hover>ul,.menupro li:focus-within>ul{opacity:1;visibility:visible;transition-delay:visibility 0s}.menupro li>span.icon{position:absolute;left:5px;top:5px;width:13px;height:auto;filter:invert(.5)}.menupro li>span.arrow:before{content:"\\203a";position:absolute;right:5px;top:0;font-size:1.5em;line-height:1em}.menupro li>ul{position:absolute;width:auto;float:left;opacity:0;visibility:hidden;transition-delay:visibility 0s;box-shadow:0 10px 12px -8px #000;padding:0}.menupro li>ul li{float:left;position:relative;width:100%;padding:0}.menupro li>ul li:hover>ul,.menupro li>ul li:focus-within>ul{opacity:1;pointer-events:auto}.menupro li>ul li:not(:visible){pointer-events:none}.menupro li>ul li>ul{position:absolute;margin:0 auto;top:0;left:99%}.menupro li>ul li a{padding:4px 20px 4px 30px}}\n';d.head.appendChild(s)})(document));(()=>{var L=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var g=(n,r)=>()=>(n&&(r=n(n=0)),r);var z=(n,r,m,v)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of F(r))!O.call(n,o)&&o!==m&&L(n,o,{get:()=>r[o],enumerable:!(v=A(r,o))||v.enumerable});return n};var H=n=>z(L({},"__esModule",{value:!0}),n);var l=g(()=>{});var $=g(()=>{});var U={};var K,I,q=g(()=>{"use strict";l();$();K=new Set(["eval","Function","exec","spawn","execSync","fetch","XMLHttpRequest","WebSocket","importScripts","setTimeout","setInterval","setImmediate","document.write","document.writeln","innerHTML","outerHTML","location","location.href","location.assign","location.replace","history.pushState","history.replaceState","localStorage","sessionStorage","cookie","postMessage","import","require"]),I=n=>/^[a-zA-Z_$][a-zA-Z0-9_$.]*$/.test(n)&&!K.has(n)&&!n.includes("__");menupro.start=n=>{let{element:r,name:m=n.name||"menupro",nav:v=n.nav||[]}=n,o,y,c=p=>document.createElement(p),N=(p,d="."+m)=>{let k=typeof d=="string"?document.querySelector(d):d;k&&p?.map(i=>{if(i.name){o=c("li");let e=c("a");e.textContent=i.name,o.appendChild(e),k.appendChild(o)}if(i.onclick&&i.sub?.length===0){let e;if(typeof i.onclick=="function")e=i.onclick;else if(typeof i.onclick=="string"){let a=i.onclick.trim();if(a.includes("(")&&a.endsWith(")")){let h=a.match(/^(\w+)\((.*)\)$/);if(h){let[,w,E]=h;if(!I(w))e=()=>{console.warn("menupro: blocked dangerous function:",w)};else{let x=window[w];if(x&&typeof x=="function"){let C=s=>{let t=s.trim();if(t.startsWith('"')&&t.endsWith('"')||t.startsWith("'")&&t.endsWith("'"))return t.slice(1,-1);if(!isNaN(Number(t)))return Number(t);if(t==="true")return!0;if(t==="false")return!1;if(t==="null")return null;t!=="undefined"&&console.warn("menupro: variable reference blocked:",t)},M=[];if(E.trim()){let s="",t=0,f=!1,S="";for(let u of E)(u==='"'||u==="'")&&s.slice(-1)!=="\\"&&(f?u===S&&(f=!1,S=""):(f=!0,S=u)),!f&&u==="("&&t++,!f&&u===")"&&t--,!f&&t===0&&u===","?(M.push(C(s)),s=""):s+=u;s.trim()&&M.push(C(s))}e=()=>{try{x(...M)}catch(s){console.warn("menupro: onclick error:",s)}}}else e=()=>{console.warn("menupro: function not found:",w)}}}else e=()=>{console.warn("menupro: invalid function call:",a)}}else if(!I(a))e=()=>{console.warn("menupro: blocked dangerous function:",a)};else{let h=window[a];e=h||(()=>{console.warn("menupro: function not found:",a)})}}else e=()=>{};o.addEventListener("click",e)}if(i.name===""&&(o=c("hr"),k.appendChild(o)),d!="."+m){if(i.icon){let e=c("span");e.className="icon",e.innerHTML=i.icon,o.appendChild(e)}if(i.sub?.length>0){let e=c("span");e.className="arrow",o.appendChild(e)}}i.sub?.length>0&&(y=c("ul"),o.appendChild(y)),i.sub?.length>0&&N(i.sub,y)})};setTimeout(()=>{let p=c("ul");p.className=m;let d=typeof r=="string"?document.querySelector(r):r;d&&(d.appendChild(p),N(v,p))},0)}});var b,W=g(()=>{b={port:3002,code:"menupro",proxy:{api:{tst:"http://localhost:5003/",dev:"https://a51.dev/",pro:"https://a51.dev/"}},socket:{url:{tst:"wss://ws.a51.dev/",dev:"wss://ws.a51.dev/",pro:"wss://ws.a51.dev/"}},info:{},cdn:{}}});var D={};var P=g(()=>{"use strict";l();W();Object.defineProperty(menupro,"credits",{value:()=>{console.groupCollapsed(`%c${b.app.code} v0%c`,"color:orange",""),console.debug(`%c${b.app.code} v0%c by Dario Passariello started`,"color:orange",""),console.debug(`%cType ${b.app.code} in this console to see it`,"color:gray",""),console.debug("code: %c"+b.app.code,"color:orange",""),console.groupEnd()},writable:!1,configurable:!1,enumerable:!1})});l();l();var _=()=>{window.menupro||(Object.defineProperty(window,"menupro",{value:{start:{}},writable:!1,configurable:!1,enumerable:!1}),q(),P(),H(D))};_();})();
+;(()=>{const s=document.createElement("style");s.textContent="@layer menupro {.menupro{position:relative;margin:0;padding:0;}.menupro ul,.menupro li,.menupro ul{background-color:#000;list-style:none;margin:0;padding:0;}.menupro img,.menupro svg{max-width:20px;}.menupro li:hover{transition:0s;transition-delay:0s;}.menupro ul,.menupro ul,.menupro ul:hover,.menupro ul:hover{transition:0s;transition-delay:0.5s;}.menupro hr{border:1px solid !important;height:0 !important;color:#333 !important;background-color:#333 !important;margin:0;padding:0;}.menupro a{padding:4px 10px;display:block;text-align:left;white-space:nowrap;}.menupro:hover{background-color:#0b86bf;}.menupro li{float:left;position:relative;}.menupro li:hover,.menupro li:active{background-color:#0b86bf;}.menupro li:hover > ul,.menupro li:focus-within > ul{opacity:1;visibility:visible;transition-delay:visibility 0s;}.menupro li > span.icon{position:absolute;left:5px;top:8px;width:13px;height:auto;filter:invert(0.5);}.menupro li > span.arrow:before{content:\u0022\\203a\u0022;position:absolute;right:5px;top:0;font-size:1.5em;line-height:1em;}.menupro li > ul{position:absolute;width:auto;float:left;opacity:0;visibility:hidden;transition-delay:visibility 0s;box-shadow:0 10px 12px -8px black;padding:0;}.menupro li > ul li{float:left;position:relative;width:100%;padding:0;}.menupro li > ul li:hover > ul,.menupro li > ul li:focus-within > ul{opacity:1;pointer-events:auto;}.menupro li > ul li:not(:visible){pointer-events:none;}.menupro li > ul li > ul{position:absolute;margin:0 auto;top:0px;left:99%;}.menupro li > ul li a{padding:4px 20px 4px 30px;}}";document.head.appendChild(s)})();Object.defineProperty(window, "menupro", {
+    value: {
+        start: {}
+    },
+    writable: !1,
+    configurable: !1,
+    enumerable: !1
+});
+
+var e = new Set([ "eval", "Function", "exec", "spawn", "execSync", "fetch", "XMLHttpRequest", "WebSocket", "importScripts", "setTimeout", "setInterval", "setImmediate", "document.write", "document.writeln", "innerHTML", "outerHTML", "location", "location.href", "location.assign", "location.replace", "history.pushState", "history.replaceState", "localStorage", "sessionStorage", "cookie", "postMessage", "import", "require" ]), t = t => /^[a-zA-Z_$][a-zA-Z0-9_$.]*$/.test(t) && !e.has(t) && !t.includes("__");
+
+menupro.start = e => {
+    const {element: n, name: i = e.name || "menupro", nav: s = e.nav || []} = e;
+    let o, c;
+    const a = e => document.createElement(e), l = (e, n = "." + i) => {
+        const s = "string" == typeof n ? document.querySelector(n) : n;
+        s && e?.map(e => {
+            if (e.name) {
+                o = a("li");
+                const t = a("a");
+                t.textContent = e.name, o.appendChild(t), s.appendChild(o);
+            }
+            if (e.onclick && 0 === e.sub?.length) {
+                let n;
+                if ("function" == typeof e.onclick) n = e.onclick; else if ("string" == typeof e.onclick) {
+                    const i = e.onclick.trim();
+                    if (i.includes("(") && i.endsWith(")")) {
+                        const e = i.match(/^(\w+)\((.*)\)$/);
+                        if (e) {
+                            const [, i, s] = e;
+                            if (t(i)) {
+                                const e = window[i];
+                                if (e && "function" == typeof e) {
+                                    const t = e => {
+                                        const t = e.trim();
+                                        return t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? t.slice(1, -1) : isNaN(Number(t)) ? "true" === t || "false" !== t && ("null" === t ? null : void 0) : Number(t);
+                                    }, i = [];
+                                    if (s.trim()) {
+                                        let e = "", n = 0, o = !1, c = "";
+                                        for (const a of s) '"' !== a && "'" !== a || "\\" === e.slice(-1) || (o ? a === c && (o = !1, 
+                                        c = "") : (o = !0, c = a)), o || "(" !== a || n++, o || ")" !== a || n--, o || 0 !== n || "," !== a ? e += a : (i.push(t(e)), 
+                                        e = "");
+                                        e.trim() && i.push(t(e));
+                                    }
+                                    n = () => {
+                                        try {
+                                            e(...i);
+                                        } catch (e) {}
+                                    };
+                                } else n = () => {};
+                            } else n = () => {};
+                        } else n = () => {};
+                    } else if (t(i)) {
+                        const e = window[i];
+                        n = e || (() => {});
+                    } else n = () => {};
+                } else n = () => {};
+                o.addEventListener("click", n);
+            }
+            if ("" === e.name && (o = a("hr"), s.appendChild(o)), n != "." + i) {
+                if (e.icon) {
+                    const t = a("span");
+                    t.className = "icon", t.innerHTML = e.icon, o.appendChild(t);
+                }
+                if (e.sub?.length > 0) {
+                    const e = a("span");
+                    e.className = "arrow", o.appendChild(e);
+                }
+            }
+            e.sub?.length > 0 && (c = a("ul"), o.appendChild(c), l(e.sub, c));
+        });
+    };
+    setTimeout(() => {
+        const e = a("ul");
+        e.className = i;
+        const t = "string" == typeof n ? document.querySelector(n) : n;
+        t && (t.appendChild(e), l(s, e));
+    }, 0);
+};

package/package.json

@@ -1,24 +1,16 @@
 {
   "name": "menupro",
-  "description": "custom menu like OS by Dario Passariello",
-  "version": "2.0.5",
-  "copyright": "Dario Passariello",
-  "keywords": [
-    "layer",
-    "popup",
-    "modal",
-    "menupro"
-  ],
+  "code": "menupro",
+  "version": "2.1.1",
+  "description": "Custom menu like OS but better",
+  "main": "./index.cjs",
+  "browser": "./index.cjs",
+  "types": "./index.d.ts",
+  "typing": "./types/*",
+  "homepage": "https://a51.gitbook.io/menupro",
   "license": "MIT",
-  "folder": "/",
-  "target": "web",
-  "homepage": "https://a51.dev/npm/menupro",
-  "main": "./index.js",
-  "author": {
-    "name": "Dario Passariello",
-    "url": "https://github.com/passariello/",
-    "email": "dariopassariello@gmail.com"
-  },
+  "copyright": "Dario Passariello",
+  "author": "Dario Passariello",
   "contributors": [
     {
       "name": "Dario Passariello",
@@ -29,29 +21,50 @@
       "email": "valeriacalascaglitta@gmail.com"
     }
   ],
+  "keywords": [
+    "layer",
+    "popup",
+    "modal",
+    "menupro",
+    "ui",
+    "ux",
+    "frontend",
+    "gui",
+    "styles",
+    "customization"
+  ],
   "funding": [
     {
       "type": "patreon",
       "url": "https://www.patreon.com/passariello"
     }
   ],
-  "types": "./index.d.ts",
-  "typings": "./types/*",
-  "typing": [
-    "types/*"
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "files": [
+    "**/*"
   ],
-  "scripts": {
-    "build": "ts-node esbuild.config.ts",
-    "watch": "ts-node esbuild.config.ts --watch",
-    "npm:publish": "npm run build && cd dist && ls -al && npm publish"
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/a51-dev/a51.menupro.git"
+  },
+  "bugs": {
+    "url": "https://github.com/a51-dev/a51.menupro/issues"
+  },
+  "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/*"
   },
-  "devDependencies": {
-    "@types/node": "^25.3.3",
-    "esbuild": "^0.27.3",
-    "esbuild-sass-plugin": "3.6.0",
-    "sass": "^1.97.3",
-    "ts-node": "10.9.2",
-    "tslib": "2.8.1",
-    "typescript": "5.9.3"
-  }
+  "typings": "./index.d.ts"
 }

package/types/files.d.ts

@@ -0,0 +1,38 @@
+declare module '*.js' {
+  const value: any
+  export default value
+}
+
+///
+
+declare module "*.svg" {
+  const value: any
+  export default value
+}
+
+///
+
+declare module '*.css'
+
+declare module '*.scss' {
+  const resource: { [key: string]: string }
+  export = resource
+}
+
+declare module '*.module.scss' {
+  const classes: { [key: string]: string }
+  export default classes
+}
+
+declare module '*.sass' {
+  const resource: { [key: string]: string }
+  export = resource
+}
+
+///
+
+declare module '*.htm'
+declare module '*.html'
+declare module '*.mp3'
+declare module '*.ogg'
+declare module '*.mp3'

package/types/menupro.d.ts

@@ -1,11 +1,13 @@
-/*
-Copyright: © 2019 Dario Passariello <dariopassariello@gmail.com>
-License: MIT
-*/
+interface _menupro {
+  [key: string]: any
+}
+
+interface Window {
+  [key: string]: any
+}
 
-declare module '*.scss' {
-  const content: Record<string, string>
-  export default content
+interface globalThis {
+  [key: string]: any
 }
 
 declare module 'menupro' {
@@ -13,5 +15,5 @@ declare module 'menupro' {
   export = resource
 }
 
-declare var menupro: any
-type menupro = {}
+declare var menupro: _menupro
+type menupro = _menupro