@mulsense/xnew 0.5.4 → 0.6.1

package/README.md

@@ -13,7 +13,7 @@ providing a flexible architecture well-suited for applications with dynamic scen
 ### Via CDN
 Include the following script in your HTML file:
 ```html
-<script src="https://unpkg.com/@mulsense/xnew@0.5.x/dist/xnew.js"></script>
+<script src="https://unpkg.com/@mulsense/xnew@0.6.x/dist/xnew.js"></script>
 ```
 
 ### Via CDN (ESM)
@@ -22,7 +22,7 @@ Use the ES module version with an import map:
 <script type="importmap">
 {
     "imports": {
-        "@mulsense/xnew": "https://unpkg.com/@mulsense/xnew@0.5.x/dist/xnew.mjs"
+        "@mulsense/xnew": "https://unpkg.com/@mulsense/xnew@0.6.x/dist/xnew.mjs"
     }
 }
 </script>
@@ -37,7 +37,7 @@ import xnew from '@mulsense/xnew';
 ### Via npm
 Install `xnew` using npm:
 ```bash
-npm install @mulsense/xnew@0.5.x
+npm install @mulsense/xnew@0.6.x
 ```
 
 Then import it in your JavaScript file:

package/dist/addons/xmatter.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    initialize({ engine }?: any): void;
+    initialize({}?: any): void;
     readonly engine: any;
     readonly world: any;
 };

package/dist/addons/xmatter.js

@@ -5,22 +5,23 @@
 })(this, (function (xnew, Matter) { 'use strict';
 
     var xmatter = {
-        initialize({ engine = null } = {}) {
-            xnew.extend(Root, { engine });
+        initialize({} = {}) {
+            xnew(Root, {});
         },
         get engine() {
             var _a;
-            return (_a = xnew.context('xmatter.root')) === null || _a === void 0 ? void 0 : _a.engine;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.engine;
         },
         get world() {
             var _a;
-            return (_a = xnew.context('xmatter.root')) === null || _a === void 0 ? void 0 : _a.engine.world;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.engine.world;
         },
     };
-    function Root(unit, { engine }) {
-        const root = {};
-        xnew.context('xmatter.root', root);
-        root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
+    function Root(unit, {}) {
+        const engine = Matter.Engine.create();
+        return {
+            get engine() { return engine; },
+        };
     }
 
     return xmatter;

package/dist/addons/xmatter.mjs

@@ -2,22 +2,23 @@ import xnew from '@mulsense/xnew';
 import Matter from 'matter-js';
 
 var xmatter = {
-    initialize({ engine = null } = {}) {
-        xnew.extend(Root, { engine });
+    initialize({} = {}) {
+        xnew(Root, {});
     },
     get engine() {
         var _a;
-        return (_a = xnew.context('xmatter.root')) === null || _a === void 0 ? void 0 : _a.engine;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.engine;
     },
     get world() {
         var _a;
-        return (_a = xnew.context('xmatter.root')) === null || _a === void 0 ? void 0 : _a.engine.world;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.engine.world;
     },
 };
-function Root(unit, { engine }) {
-    const root = {};
-    xnew.context('xmatter.root', root);
-    root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
+function Root(unit, {}) {
+    const engine = Matter.Engine.create();
+    return {
+        get engine() { return engine; },
+    };
 }
 
 export { xmatter as default };

package/dist/addons/xpixi.d.ts

@@ -1,8 +1,7 @@
 import * as PIXI from 'pixi.js';
 
 declare const _default: {
-    initialize({ renderer, canvas }?: {
-        renderer?: any;
+    initialize({ canvas }?: {
         canvas?: HTMLCanvasElement | null;
     }): void;
     nest(object: any): any;

package/dist/addons/xpixi.js

@@ -24,47 +24,49 @@
     var PIXI__namespace = /*#__PURE__*/_interopNamespaceDefault(PIXI);
 
     var xpixi = {
-        initialize({ renderer = null, canvas = null } = {}) {
-            xnew.extend(Root, { renderer, canvas });
+        initialize({ canvas = null } = {}) {
+            xnew(Root, { canvas });
         },
         nest(object) {
-            xnew.extend(Nest, { object });
+            xnew(Nest, { object });
             return object;
         },
         get renderer() {
             var _a;
-            return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.renderer;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.renderer;
         },
         get scene() {
             var _a;
-            return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.scene;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.scene;
         },
         get canvas() {
             var _a;
-            return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.canvas;
         },
     };
     function Root(unit, { canvas }) {
-        const root = {};
-        xnew.context('xpixi.root', root);
-        root.canvas = canvas;
-        root.renderer = null;
+        let renderer = null;
         xnew.promise(PIXI__namespace.autoDetectRenderer({
             width: canvas.width, height: canvas.height, view: canvas,
             antialias: true, backgroundAlpha: 0,
-        })).then((renderer) => root.renderer = renderer);
-        root.scene = new PIXI__namespace.Container();
-        xnew.context('xpixi.object', root.scene);
+        })).then((value) => renderer = value);
+        let scene = new PIXI__namespace.Container();
+        return {
+            get renderer() { return renderer; },
+            get scene() { return scene; },
+            get canvas() { return canvas; },
+        };
     }
     function Nest(unit, { object }) {
-        const parent = xnew.context('xpixi.object');
-        xnew.context('xpixi.object', object);
+        var _a, _b;
+        const root = xnew.context(Root);
+        const parent = (_b = (_a = xnew.context(Nest)) === null || _a === void 0 ? void 0 : _a.pixiObject) !== null && _b !== void 0 ? _b : root.scene;
         parent.addChild(object);
         unit.on('finalize', () => {
             parent.removeChild(object);
         });
         return {
-            pixiObject: object,
+            get pixiObject() { return object; },
         };
     }
 

package/dist/addons/xpixi.mjs

@@ -2,47 +2,49 @@ import xnew from '@mulsense/xnew';
 import * as PIXI from 'pixi.js';
 
 var xpixi = {
-    initialize({ renderer = null, canvas = null } = {}) {
-        xnew.extend(Root, { renderer, canvas });
+    initialize({ canvas = null } = {}) {
+        xnew(Root, { canvas });
     },
     nest(object) {
-        xnew.extend(Nest, { object });
+        xnew(Nest, { object });
         return object;
     },
     get renderer() {
         var _a;
-        return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.renderer;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.renderer;
     },
     get scene() {
         var _a;
-        return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.scene;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.scene;
     },
     get canvas() {
         var _a;
-        return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.canvas;
     },
 };
 function Root(unit, { canvas }) {
-    const root = {};
-    xnew.context('xpixi.root', root);
-    root.canvas = canvas;
-    root.renderer = null;
+    let renderer = null;
     xnew.promise(PIXI.autoDetectRenderer({
         width: canvas.width, height: canvas.height, view: canvas,
         antialias: true, backgroundAlpha: 0,
-    })).then((renderer) => root.renderer = renderer);
-    root.scene = new PIXI.Container();
-    xnew.context('xpixi.object', root.scene);
+    })).then((value) => renderer = value);
+    let scene = new PIXI.Container();
+    return {
+        get renderer() { return renderer; },
+        get scene() { return scene; },
+        get canvas() { return canvas; },
+    };
 }
 function Nest(unit, { object }) {
-    const parent = xnew.context('xpixi.object');
-    xnew.context('xpixi.object', object);
+    var _a, _b;
+    const root = xnew.context(Root);
+    const parent = (_b = (_a = xnew.context(Nest)) === null || _a === void 0 ? void 0 : _a.pixiObject) !== null && _b !== void 0 ? _b : root.scene;
     parent.addChild(object);
     unit.on('finalize', () => {
         parent.removeChild(object);
     });
     return {
-        pixiObject: object,
+        get pixiObject() { return object; },
     };
 }
 

package/dist/addons/xrapier2d.js

@@ -6,19 +6,21 @@
 
     var xrapier2d = {
         initialize({ gravity = { x: 0.0, y: -9.81 } } = {}) {
-            xnew.extend(Root, { gravity });
+            xnew(Root, { gravity });
         },
         get world() {
             var _a;
-            return (_a = xnew.context('xrapier2d.root')) === null || _a === void 0 ? void 0 : _a.world;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.world;
         },
     };
     function Root(unit, { gravity }) {
-        const root = {};
-        xnew.context('xrapier2d.root', root);
+        let world = null;
         xnew.promise(RAPIER.init()).then(() => {
-            root.world = new RAPIER.World(gravity);
+            world = new RAPIER.World(gravity);
         });
+        return {
+            get world() { return world; },
+        };
     }
 
     return xrapier2d;

package/dist/addons/xrapier2d.mjs

@@ -3,19 +3,21 @@ import RAPIER from '@dimforge/rapier2d-compat';
 
 var xrapier2d = {
     initialize({ gravity = { x: 0.0, y: -9.81 } } = {}) {
-        xnew.extend(Root, { gravity });
+        xnew(Root, { gravity });
     },
     get world() {
         var _a;
-        return (_a = xnew.context('xrapier2d.root')) === null || _a === void 0 ? void 0 : _a.world;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.world;
     },
 };
 function Root(unit, { gravity }) {
-    const root = {};
-    xnew.context('xrapier2d.root', root);
+    let world = null;
     xnew.promise(RAPIER.init()).then(() => {
-        root.world = new RAPIER.World(gravity);
+        world = new RAPIER.World(gravity);
     });
+    return {
+        get world() { return world; },
+    };
 }
 
 export { xrapier2d as default };

package/dist/addons/xrapier3d.js

@@ -6,19 +6,21 @@
 
     var xrapier3d = {
         initialize({ gravity = { x: 0.0, y: -9.81, z: 0.0 } } = {}) {
-            xnew.extend(Root, { gravity });
+            xnew(Root, { gravity });
         },
         get world() {
             var _a;
-            return (_a = xnew.context('xrapier3d.root')) === null || _a === void 0 ? void 0 : _a.world;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.world;
         },
     };
     function Root(unit, { gravity }) {
-        const root = {};
-        xnew.context('xrapier3d.root', root);
+        let world = null;
         xnew.promise(RAPIER.init()).then(() => {
-            root.world = new RAPIER.World(gravity);
+            world = new RAPIER.World(gravity);
         });
+        return {
+            get world() { return world; },
+        };
     }
 
     return xrapier3d;

package/dist/addons/xrapier3d.mjs

@@ -3,19 +3,21 @@ import RAPIER from '@dimforge/rapier3d-compat';
 
 var xrapier3d = {
     initialize({ gravity = { x: 0.0, y: -9.81, z: 0.0 } } = {}) {
-        xnew.extend(Root, { gravity });
+        xnew(Root, { gravity });
     },
     get world() {
         var _a;
-        return (_a = xnew.context('xrapier3d.root')) === null || _a === void 0 ? void 0 : _a.world;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.world;
     },
 };
 function Root(unit, { gravity }) {
-    const root = {};
-    xnew.context('xrapier3d.root', root);
+    let world = null;
     xnew.promise(RAPIER.init()).then(() => {
-        root.world = new RAPIER.World(gravity);
+        world = new RAPIER.World(gravity);
     });
+    return {
+        get world() { return world; },
+    };
 }
 
 export { xrapier3d as default };

package/dist/addons/xthree.d.ts

@@ -1,11 +1,9 @@
 import * as THREE from 'three';
 
 declare const _default: {
-    initialize({ renderer, canvas, camera, update }?: {
-        renderer?: any;
+    initialize({ canvas, camera }?: {
         canvas?: HTMLCanvasElement | null;
         camera?: THREE.Camera | null;
-        update?: boolean;
     }): void;
     nest(object: any): any;
     readonly renderer: any;

package/dist/addons/xthree.js

@@ -24,49 +24,52 @@
     var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
     var xthree = {
-        initialize({ renderer = null, canvas = null, camera = null, update = true } = {}) {
-            xnew.extend(Root, { renderer, canvas, camera, update });
+        initialize({ canvas = null, camera = null } = {}) {
+            xnew(Root, { canvas, camera });
         },
         nest(object) {
-            xnew.extend(Nest, { object });
+            xnew(Nest, { object });
             return object;
         },
         get renderer() {
             var _a;
-            return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.renderer;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.renderer;
         },
         get camera() {
             var _a;
-            return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.camera;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.camera;
         },
         get scene() {
             var _a;
-            return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.scene;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.scene;
         },
         get canvas() {
             var _a;
-            return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.canvas;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.canvas;
         },
     };
-    function Root(unit, { canvas, camera, update }) {
-        const root = {};
-        xnew.context('xthree.root', root);
-        root.canvas = canvas;
-        root.renderer = new THREE__namespace.WebGLRenderer({ canvas, alpha: true });
-        root.renderer.setClearColor(0x000000, 0);
-        root.camera = camera !== null && camera !== void 0 ? camera : new THREE__namespace.PerspectiveCamera(45, root.renderer.domElement.width / root.renderer.domElement.height);
-        root.scene = new THREE__namespace.Scene();
-        xnew.context('xthree.object', root.scene);
+    function Root(unit, { canvas, camera }) {
+        const renderer = new THREE__namespace.WebGLRenderer({ canvas, alpha: true });
+        renderer.setClearColor(0x000000, 0);
+        camera = camera !== null && camera !== void 0 ? camera : new THREE__namespace.PerspectiveCamera(45, renderer.domElement.width / renderer.domElement.height);
+        const scene = new THREE__namespace.Scene();
+        return {
+            get canvas() { return canvas; },
+            get camera() { return camera; },
+            get renderer() { return renderer; },
+            get scene() { return scene; },
+        };
     }
     function Nest(unit, { object }) {
-        const parent = xnew.context('xthree.object');
-        xnew.context('xthree.object', object);
+        var _a, _b;
+        const root = xnew.context(Root);
+        const parent = (_b = (_a = xnew.context(Nest)) === null || _a === void 0 ? void 0 : _a.threeObject) !== null && _b !== void 0 ? _b : root.scene;
         parent.add(object);
         unit.on('finalize', () => {
             parent.remove(object);
         });
         return {
-            threeObject: object,
+            get threeObject() { return object; },
         };
     }
 

package/dist/addons/xthree.mjs

@@ -2,49 +2,52 @@ import xnew from '@mulsense/xnew';
 import * as THREE from 'three';
 
 var xthree = {
-    initialize({ renderer = null, canvas = null, camera = null, update = true } = {}) {
-        xnew.extend(Root, { renderer, canvas, camera, update });
+    initialize({ canvas = null, camera = null } = {}) {
+        xnew(Root, { canvas, camera });
     },
     nest(object) {
-        xnew.extend(Nest, { object });
+        xnew(Nest, { object });
         return object;
     },
     get renderer() {
         var _a;
-        return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.renderer;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.renderer;
     },
     get camera() {
         var _a;
-        return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.camera;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.camera;
     },
     get scene() {
         var _a;
-        return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.scene;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.scene;
     },
     get canvas() {
         var _a;
-        return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.canvas;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.canvas;
     },
 };
-function Root(unit, { canvas, camera, update }) {
-    const root = {};
-    xnew.context('xthree.root', root);
-    root.canvas = canvas;
-    root.renderer = new THREE.WebGLRenderer({ canvas, alpha: true });
-    root.renderer.setClearColor(0x000000, 0);
-    root.camera = camera !== null && camera !== void 0 ? camera : new THREE.PerspectiveCamera(45, root.renderer.domElement.width / root.renderer.domElement.height);
-    root.scene = new THREE.Scene();
-    xnew.context('xthree.object', root.scene);
+function Root(unit, { canvas, camera }) {
+    const renderer = new THREE.WebGLRenderer({ canvas, alpha: true });
+    renderer.setClearColor(0x000000, 0);
+    camera = camera !== null && camera !== void 0 ? camera : new THREE.PerspectiveCamera(45, renderer.domElement.width / renderer.domElement.height);
+    const scene = new THREE.Scene();
+    return {
+        get canvas() { return canvas; },
+        get camera() { return camera; },
+        get renderer() { return renderer; },
+        get scene() { return scene; },
+    };
 }
 function Nest(unit, { object }) {
-    const parent = xnew.context('xthree.object');
-    xnew.context('xthree.object', object);
+    var _a, _b;
+    const root = xnew.context(Root);
+    const parent = (_b = (_a = xnew.context(Nest)) === null || _a === void 0 ? void 0 : _a.threeObject) !== null && _b !== void 0 ? _b : root.scene;
     parent.add(object);
     unit.on('finalize', () => {
         parent.remove(object);
     });
     return {
-        threeObject: object,
+        get threeObject() { return object; },
     };
 }
 

package/dist/xnew.d.ts

@@ -34,6 +34,8 @@ declare class Eventor {
     remove(type: string, listener: Function): void;
     private basic;
     private resize;
+    private change;
+    private input;
     private click;
     private click_outside;
     private pointer;
@@ -45,6 +47,7 @@ declare class Eventor {
     private gesture;
     private key;
     private key_arrow;
+    private key_wasd;
 }
 
 type UnitElement = HTMLElement | SVGElement;
@@ -73,7 +76,7 @@ declare class UnitTimer {
 }
 interface Context {
     stack: Context | null;
-    key?: string;
+    key?: any;
     value?: any;
 }
 interface Snapshot {
@@ -100,10 +103,7 @@ interface Internal {
     children: Unit[];
     promises: UnitPromise[];
     elements: UnitElement[];
-    extends: {
-        component: Function;
-        defines: Record<string, any>;
-    }[];
+    components: Function[];
     listeners: MapMap<string, Function, {
         element: UnitElement;
         component: Function | null;
@@ -141,7 +141,7 @@ declare class Unit {
     static reset(): void;
     static scope(snapshot: Snapshot, func: Function, ...args: any[]): any;
     static snapshot(unit: Unit): Snapshot;
-    static context(unit: Unit, key: string, value?: any): any;
+    static context(unit: Unit, key: any, value?: any): any;
     static component2units: MapSet<Function, Unit>;
     static find(component: Function): Unit[];
     static type2units: MapSet<string, Unit>;
@@ -149,7 +149,7 @@ declare class Unit {
     off(type?: string, listener?: Function): void;
     static on(unit: Unit, type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
     static off(unit: Unit, type: string, listener?: Function): void;
-    static emit(type: string, ...args: any[]): void;
+    static emit(type: string, props?: object): void;
 }
 
 interface CreateUnit {
@@ -175,22 +175,23 @@ interface CreateUnit {
     (target: HTMLElement | SVGElement | string, Component?: Function | string, props?: Object): Unit;
 }
 
-declare function OpenAndClose(unit: Unit, { state: initialState }?: {
-    state?: number;
+declare function OpenAndClose(unit: Unit, { open }?: {
+    open?: boolean;
 }): {
     toggle(duration?: number, easing?: string): void;
     open(duration?: number, easing?: string): void;
     close(duration?: number, easing?: string): void;
 };
+declare function Accordion(unit: Unit): void;
+declare function Modal(unit: Unit, { background }?: {
+    background?: string;
+}): void;
 
-type ScreenFit = 'contain' | 'cover' | 'fill' | 'resize';
-declare function Screen(unit: Unit, { width, height, fit }?: {
-    width?: number;
-    height?: number;
+type ScreenFit = 'contain' | 'cover';
+declare function Screen(unit: Unit, { aspect, fit }?: {
+    aspect?: number;
     fit?: ScreenFit;
-}): {
-    readonly canvas: UnitElement;
-};
+}): void;
 
 declare function AnalogStick(unit: Unit, { stroke, strokeOpacity, strokeWidth, strokeLinejoin, fill, fillOpacity }?: {
     stroke?: string;
@@ -211,6 +212,26 @@ declare function DPad(unit: Unit, { diagonal, stroke, strokeOpacity, strokeWidth
     fillOpacity?: number;
 }): void;
 
+interface GUIPanelOptions {
+    name?: string;
+    open?: boolean;
+    params?: Record<string, any>;
+}
+declare function GUIPanel(unit: Unit, { name, open, params }: GUIPanelOptions): {
+    group({ name, open, params }: GUIPanelOptions, inner: Function): Unit;
+    button(key: string): Unit;
+    select(key: string, { options }?: {
+        options?: string[];
+    }): Unit;
+    range(key: string, options?: {
+        min?: number;
+        max?: number;
+        step?: number;
+    }): Unit;
+    checkbox(key: string): Unit;
+    separator(): void;
+};
+
 type SynthesizerOptions = {
     oscillator: OscillatorOptions;
     amp: AmpOptions;
@@ -256,14 +277,11 @@ declare namespace xnew {
     type UnitTimer = InstanceType<typeof UnitTimer>;
 }
 declare const xnew: CreateUnit & {
-    nest(tag: string, textContent?: string | number): HTMLElement | SVGElement;
+    nest(tag: string): HTMLElement | SVGElement;
     extend(component: Function, props?: Object): {
         [key: string]: any;
     };
-    internal(component: Function, props?: Object): {
-        [key: string]: any;
-    };
-    context(key: string, value?: any): any;
+    context(component: Function): any;
     promise(promise: Promise<any>): UnitPromise;
     then(callback: Function): UnitPromise;
     catch(callback: Function): UnitPromise;
@@ -278,11 +296,12 @@ declare const xnew: CreateUnit & {
 } & {
     basics: {
         Screen: typeof Screen;
-        Modal: any;
-        Accordion: any;
         OpenAndClose: typeof OpenAndClose;
         AnalogStick: typeof AnalogStick;
         DPad: typeof DPad;
+        GUIPanel: typeof GUIPanel;
+        Accordion: typeof Accordion;
+        Modal: typeof Modal;
     };
     audio: {
         load(path: string): UnitPromise;