@faiwer/react 0.8.3 → 0.9.0

package/dist/hooks/useRef.js

@@ -1,4 +1,5 @@
 import { getNextHookOrCreate } from './helpers';
+import { useBaseEffect } from './useEffect';
 export function useRef(initialValue) {
     const item = getNextHookOrCreate('ref', () => ({
         type: 'ref',
@@ -6,4 +7,30 @@ export function useRef(initialValue) {
     }));
     return item.value;
 }
+export const forwardRef = (Component) => {
+    return function ForwardRef({ ref, ...props }) {
+        return Component(props, ref);
+    };
+};
+export const useImperativeHandle = (ref, factory, deps) => {
+    useBaseEffect('refsMount', () => {
+        if (!ref)
+            return;
+        const handle = factory();
+        if (typeof ref === 'function') {
+            ref(handle);
+        }
+        else {
+            ref.current = handle;
+        }
+        return () => {
+            if (typeof ref === 'function') {
+                ref(null);
+            }
+            else {
+                ref.current = null;
+            }
+        };
+    }, deps ? [ref, ...deps] : undefined);
+};
 //# sourceMappingURL=useRef.js.map

package/dist/hooks/useRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRef.js","sourceRoot":"","sources":["../../src/hooks/useRef.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAIhD,MAAM,UAAU,MAAM,CAAI,YAAgB,EAAU;IAClD,MAAM,IAAI,GAAG,mBAAmB,CAC9B,KAAK,EACL,GAAe,EAAE,CAAC,CAAC;QACjB,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,IAAI,SAAS,EAAE;KAC9C,CAAC,CACH,CAAC;IAEF,OAAO,IAAI,CAAC,KAAe,CAAC;AAAA,CAC7B"}
+{"version":3,"file":"useRef.js","sourceRoot":"","sources":["../../src/hooks/useRef.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5C,MAAM,UAAU,MAAM,CAAI,YAAgB,EAAgB;IACxD,MAAM,IAAI,GAAG,mBAAmB,CAC9B,KAAK,EACL,GAAe,EAAE,CAAC,CAAC;QACjB,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,IAAI,SAAS,EAAE;KAC9C,CAAC,CACH,CAAC;IAEF,OAAO,IAAI,CAAC,KAAqB,CAAC;AAAA,CACnC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,SAAsD,EACZ,EAAE,CAAC;IAC7C,OAAO,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAA4B,EAAE;QACtE,OAAO,SAAS,CAAC,KAAyB,EAAE,GAAG,CAAC,CAAC;IAAA,CAClD,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAuB,EACvB,OAAgB,EAChB,IAAgB,EACV,EAAE,CAAC;IACT,aAAa,CACX,WAAW,EACX,GAAG,EAAE,CAAC;QACJ,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;QACzB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,MAAM,CAAC,CAAC;QACd,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;QACvB,CAAC;QAED,OAAO,GAAG,EAAE,CAAC;YACX,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;YACZ,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,CAAC;QAAA,CACF,CAAC;IAAA,CACH,EACD,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAClC,CAAC;AAAA,CACH,CAAC"}

package/dist/hooks/useState.d.ts

@@ -11,5 +11,5 @@ import { type StateSetter } from '../types';
  * // With lazy initialization
  * const [data, setData] = useState(() => expensiveComputation());
  */
-export declare const useState: <T>(initValue: (() => T) | (T extends Function ? () => T : T)) => [T, StateSetter<T>];
+export declare const useState: <T>(initValue: T | (() => T) | (() => T)) => [T, StateSetter<T>];
 //# sourceMappingURL=useState.d.ts.map

package/dist/hooks/useState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useState.d.ts","sourceRoot":"","sources":["../../src/hooks/useState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAqB,MAAM,UAAU,CAAC;AAG/D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,mFA2BzB,CAAC"}
+{"version":3,"file":"useState.d.ts","sourceRoot":"","sources":["../../src/hooks/useState.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,WAAW,EAAqB,MAAM,UAAU,CAAC;AAI/E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,8DAkDzB,CAAC"}

package/dist/hooks/useState.js

@@ -1,5 +1,6 @@
 import { invalidateFiber } from '../core/reconciliation/invalidateFiber';
 import { getNextHookOrCreate } from './helpers';
+import { getAppByFiber } from '../core/reconciliation/app';
 /**
  * A hook that allows you to add state to functional components. Returns a
  * stateful value and a function to update it.
@@ -16,13 +17,35 @@ export const useState = (
 /** The initial state value or a function that returns the initial state. If a
  * function is provided, it will only be called once during initialization. */
 initValue) => {
-    const item = getNextHookOrCreate('state', (fiber) => {
+    const item = getNextHookOrCreate('state', (initFiber) => {
+        let fiber = initFiber;
+        const app = getAppByFiber(fiber);
         const item = {
             type: 'state',
             state: (typeof initValue === 'function'
                 ? initValue()
                 : initValue),
+            move: (newFiber) => {
+                fiber = newFiber;
+            },
+            destructor: () => {
+                // Help GC.
+                item.state = null;
+                fiber = null;
+            },
             setter: function setState(valueOrFn) {
+                if (!fiber) {
+                    // When a component is removed, we clean up all of its children and
+                    // their refs. This setState function may be used as a ref handler.
+                    // The ref handler gets scheduled before the parent node is removed,
+                    // but executes after removal. In this case, we should skip the
+                    // warning since it's expected behavior.
+                    if (app.state !== 'refEffects') {
+                        console.warn(`Component has been removed. State cannot be updated`);
+                        // TODO: add a test ^.
+                    }
+                    return;
+                }
                 const v = (typeof valueOrFn === 'function'
                     ? valueOrFn(item.state)
                     : valueOrFn);

package/dist/hooks/useState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useState.js","sourceRoot":"","sources":["../../src/hooks/useState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;AACtB;8EAC8E;AAC9E,SAAyD,EACpC,EAAE,CAAC;IACxB,MAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAgB,EAAE,CAAC;QACjE,MAAM,IAAI,GAAoB;YAC5B,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC,OAAO,SAAS,KAAK,UAAU;gBACrC,CAAC,CAAE,SAAqB,EAAE;gBAC1B,CAAC,CAAC,SAAS,CAAM;YACnB,MAAM,EAAE,SAAS,QAAQ,CAAC,SAAS,EAAE;gBACnC,MAAM,CAAC,GAAG,CACR,OAAO,SAAS,KAAK,UAAU;oBAC7B,CAAC,CAAE,SAA4B,CAAC,IAAI,CAAC,KAAK,CAAC;oBAC3C,CAAC,CAAC,SAAS,CACT,CAAC;gBAEP,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;oBAAE,OAAO;gBAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACf,eAAe,CAAC,KAAK,CAAC,CAAC;YAAA,CACxB;SACF,CAAC;QACF,OAAO,IAAoB,CAAC;IAAA,CAC7B,CAAC,CAAC;IAEH,OAAO,CAAC,IAAI,CAAC,KAAU,EAAE,IAAI,CAAC,MAAwB,CAAC,CAAC;AAAA,CACzD,CAAC"}
+{"version":3,"file":"useState.js","sourceRoot":"","sources":["../../src/hooks/useState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;AACtB;8EAC8E;AAC9E,SAAsC,EACjB,EAAE,CAAC;IACxB,MAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,EAAE,CAAC,SAAS,EAAgB,EAAE,CAAC;QACrE,IAAI,KAAK,GAAqB,SAAS,CAAC;QACxC,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACjC,MAAM,IAAI,GAAoB;YAC5B,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC,OAAO,SAAS,KAAK,UAAU;gBACrC,CAAC,CAAE,SAAqB,EAAE;gBAC1B,CAAC,CAAC,SAAS,CAAM;YACnB,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;gBAClB,KAAK,GAAG,QAAQ,CAAC;YAAA,CAClB;YACD,UAAU,EAAE,GAAG,EAAE,CAAC;gBAChB,WAAW;gBACX,IAAI,CAAC,KAAK,GAAG,IAAS,CAAC;gBACvB,KAAK,GAAG,IAAI,CAAC;YAAA,CACd;YACD,MAAM,EAAE,SAAS,QAAQ,CAAC,SAAS,EAAE;gBACnC,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,mEAAmE;oBACnE,mEAAmE;oBACnE,oEAAoE;oBACpE,+DAA+D;oBAC/D,wCAAwC;oBACxC,IAAI,GAAG,CAAC,KAAK,KAAK,YAAY,EAAE,CAAC;wBAC/B,OAAO,CAAC,IAAI,CAAC,qDAAqD,CAAC,CAAC;wBACpE,sBAAsB;oBACxB,CAAC;oBACD,OAAO;gBACT,CAAC;gBAED,MAAM,CAAC,GAAG,CACR,OAAO,SAAS,KAAK,UAAU;oBAC7B,CAAC,CAAE,SAA4B,CAAC,IAAI,CAAC,KAAK,CAAC;oBAC3C,CAAC,CAAC,SAAS,CACT,CAAC;gBAEP,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;oBAAE,OAAO;gBAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACf,eAAe,CAAC,KAAK,CAAC,CAAC;YAAA,CACxB;SACF,CAAC;QACF,OAAO,IAAoB,CAAC;IAAA,CAC7B,CAAC,CAAC;IAEH,OAAO,CAAC,IAAI,CAAC,KAAU,EAAE,IAAI,CAAC,MAAwB,CAAC,CAAC;AAAA,CACzD,CAAC"}

package/dist/index.d.ts

@@ -1,8 +1,15 @@
+/// <reference path="./jsx.d.ts" />
+/// <reference path="./react.d.ts" />
 export * from './types';
+export * from './types/react';
 export * from './hooks/index';
 export * from './core/createRoot';
 export * from './core/createElement';
-export declare function memo<T>(Comp: T, isEq: unknown): T;
+export { Component, Component as PureComponent } from './core/classComponent';
+export * from './mocks';
+export { isValidElement } from './core/reconciliation/typeGuards';
+export { Children } from './core/Children';
+export declare function memo<T>(Comp: T, isEq?: unknown): T;
 /** <Fragment/> */
 export { FRAGMENT_TAG as Fragment } from './core/reconciliation/fibers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AAErC,wBAAgB,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,CAAC,CAMjD;AAED,kBAAkB;AAClB,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC9E,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,wBAAgB,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,CAMlD;AAED,kBAAkB;AAClB,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -1,7 +1,12 @@
 export * from './types';
+export * from './types/react';
 export * from './hooks/index';
 export * from './core/createRoot';
 export * from './core/createElement';
+export { Component, Component as PureComponent } from './core/classComponent';
+export * from './mocks';
+export { isValidElement } from './core/reconciliation/typeGuards';
+export { Children } from './core/Children';
 export function memo(Comp, isEq) {
     if (isEq) {
         throw new Error(`Custom "isEqual" for memo is not supported`);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AAErC,MAAM,UAAU,IAAI,CAAI,IAAO,EAAE,IAAa,EAAK;IACjD,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,IAAI,CAAC,CAAC,8CAA8C;AAA/C,CACb;AAED,kBAAkB;AAClB,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC9E,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,UAAU,IAAI,CAAI,IAAO,EAAE,IAAc,EAAK;IAClD,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,IAAI,CAAC,CAAC,8CAA8C;AAA/C,CACb;AAED,kBAAkB;AAClB,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/jsx-dev-runtime.d.ts

@@ -1,6 +1,6 @@
-import { createElement } from './index';
-export declare const jsx: typeof createElement;
-export declare const jsxDEV: typeof createElement;
-export declare const jsxs: typeof createElement;
+import { createElementNew } from './index';
+export declare const jsx: typeof createElementNew;
+export declare const jsxDEV: typeof createElementNew;
+export declare const jsxs: typeof createElementNew;
 export declare const Fragment = "x-fragment";
 //# sourceMappingURL=jsx-dev-runtime.d.ts.map

package/dist/jsx-dev-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,GAAG,sBAAgB,CAAC;AACjC,eAAO,MAAM,MAAM,sBAAgB,CAAC;AACpC,eAAO,MAAM,IAAI,sBAAgB,CAAC;AAClC,eAAO,MAAM,QAAQ,eAAe,CAAC"}
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,eAAO,MAAM,GAAG,yBAAmB,CAAC;AACpC,eAAO,MAAM,MAAM,yBAAmB,CAAC;AACvC,eAAO,MAAM,IAAI,yBAAmB,CAAC;AACrC,eAAO,MAAM,QAAQ,eAAe,CAAC"}

package/dist/jsx-dev-runtime.js

@@ -1,7 +1,7 @@
-import { createElement } from './index';
+import { createElementNew } from './index';
 import { FRAGMENT_TAG } from './core/reconciliation/fibers';
-export const jsx = createElement;
-export const jsxDEV = createElement;
-export const jsxs = createElement;
+export const jsx = createElementNew;
+export const jsxDEV = createElementNew;
+export const jsxs = createElementNew;
 export const Fragment = FRAGMENT_TAG;
 //# sourceMappingURL=jsx-dev-runtime.js.map

package/dist/jsx-dev-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.js","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,CAAC,MAAM,GAAG,GAAG,aAAa,CAAC;AACjC,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC;AACpC,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC;AAClC,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC"}
+{"version":3,"file":"jsx-dev-runtime.js","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,CAAC,MAAM,GAAG,GAAG,gBAAgB,CAAC;AACpC,MAAM,CAAC,MAAM,MAAM,GAAG,gBAAgB,CAAC;AACvC,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC;AACrC,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC"}

package/dist/jsx-runtime.d.ts

@@ -1,4 +1,4 @@
-import { createElement } from './index';
+import { createElementNew } from './index';
 /**
  * This file is used to get `jsx`, `jsxs` & `Fragment` to be used by the JSX | TSX
  * compiler to convert <tag/> or <Component/> into vNodes (ElementNode in this
@@ -11,7 +11,7 @@ import { createElement } from './index';
  * <span>A</span> ===
  *    jsx("span", { children: "A" })
  */
-export declare const jsx: typeof createElement;
+export declare const jsx: typeof createElementNew;
 /**
  * `createElement` with 2+ children
  * @example
@@ -21,7 +21,7 @@ export declare const jsx: typeof createElement;
  *     jsx("span", { children: "B" })
  *   ]});
  */
-export declare const jsxs: typeof createElement;
+export declare const jsxs: typeof createElementNew;
 /**
  * <>[1,2]</>
  *   === jsxs(FRAGMENT_TAG, { children: [1,2] })

package/dist/jsx-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC;;;;GAIG;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,GAAG,sBAAgB,CAAC;AAEjC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,sBAAgB,CAAC;AAElC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,eAAe,CAAC"}
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C;;;;GAIG;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,GAAG,yBAAmB,CAAC;AAEpC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,yBAAmB,CAAC;AAErC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,eAAe,CAAC"}

package/dist/jsx-runtime.js

@@ -1,4 +1,4 @@
-import { createElement } from './index';
+import { createElementNew } from './index';
 import { FRAGMENT_TAG } from './core/reconciliation/fibers';
 /**
  * This file is used to get `jsx`, `jsxs` & `Fragment` to be used by the JSX | TSX
@@ -12,7 +12,7 @@ import { FRAGMENT_TAG } from './core/reconciliation/fibers';
  * <span>A</span> ===
  *    jsx("span", { children: "A" })
  */
-export const jsx = createElement;
+export const jsx = createElementNew;
 /**
  * `createElement` with 2+ children
  * @example
@@ -22,7 +22,7 @@ export const jsx = createElement;
  *     jsx("span", { children: "B" })
  *   ]});
  */
-export const jsxs = createElement;
+export const jsxs = createElementNew;
 /**
  * <>[1,2]</>
  *   === jsxs(FRAGMENT_TAG, { children: [1,2] })

package/dist/jsx-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D;;;;GAIG;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,aAAa,CAAC;AAEjC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC"}
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D;;;;GAIG;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,gBAAgB,CAAC;AAEpC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC"}

package/dist/jsx.d.ts

@@ -1,18 +1,64 @@
+import type { Component } from './core/classComponent';
 import {
   type JsxElement,
   type TagProps,
   type SvgTagProps,
   type SvgRootProps,
+  type ReactKey,
+  type ElementType as ET,
+  type FiberNode,
 } from './types';
 
 export {};
 
 declare global {
+  interface Element {
+    __fiber?: FiberNode;
+  }
+  interface Text {
+    __fiber?: FiberNode;
+  }
+  interface Comment {
+    __fiber?: FiberNode;
+  }
+
   namespace JSX {
     type Element = JsxElement;
+    type ElementType = ET;
+
+    interface ElementClass extends Component<any, any> {
+      render: () => JSX.Element;
+    }
+
+    interface IntrinsicAttributes {
+      key?: ReactKey | null;
+    }
+
+    // Determines the `children` props name.
+    // <div>… here …</div> (but not <div children={…}/>).
+    interface ElementChildrenAttribute {
+      children: {};
+    }
+
+    // To auto-detect props for class-based components via:
+    // class User { props: T /* <- this */ }
+    interface ElementAttributesProperty {
+      props: {};
+    }
+
+    type LibraryManagedAttributes<Component, Props> = Component extends {
+      defaultProps: infer Defaults;
+    }
+      ? Defaults extends Partial<Props>
+        ? Partial<Pick<Props, keyof Defaults & keyof Props>> &
+            Pick<Props, Exclude<keyof Props, keyof Defaults>>
+        : Props
+      : Props;
 
     interface IntrinsicElements {
-      // Document structure
+      ['x-fragment']: IntrinsicAttributes & { children: JSX.Element };
+
+      // HTML Elements
       html: TagProps<HTMLHtmlElement>;
       head: TagProps<HTMLHeadElement>;
       body: TagProps<HTMLBodyElement>;
@@ -21,16 +67,13 @@ declare global {
       link: TagProps<HTMLLinkElement>;
       script: TagProps<HTMLScriptElement>;
       style: TagProps<HTMLStyleElement>;
-
-      // Content sectioning
+      article: TagProps<HTMLElement>;
       h1: TagProps<HTMLHeadingElement>;
       h2: TagProps<HTMLHeadingElement>;
       h3: TagProps<HTMLHeadingElement>;
       h4: TagProps<HTMLHeadingElement>;
       h5: TagProps<HTMLHeadingElement>;
       h6: TagProps<HTMLHeadingElement>;
-
-      // Text content
       div: TagProps<HTMLDivElement>;
       p: TagProps<HTMLParagraphElement>;
       span: TagProps<HTMLSpanElement>;
@@ -40,29 +83,26 @@ declare global {
       ol: TagProps<HTMLOListElement>;
       li: TagProps<HTMLLIElement>;
       dl: TagProps<HTMLDListElement>;
+      dt: TagProps<HTMLElement>;
+      dd: TagProps<HTMLElement>;
       hr: TagProps<HTMLHRElement>;
       br: TagProps<HTMLBRElement>;
-
-      // Inline text semantics
+      em: TagProps<HTMLElement>;
+      i: TagProps<HTMLElement>;
+      b: TagProps<HTMLElement>;
       a: TagProps<HTMLAnchorElement>;
       q: TagProps<HTMLQuoteElement>;
       time: TagProps<HTMLTimeElement>;
-
-      // Image and multimedia
       img: TagProps<HTMLImageElement>;
       video: TagProps<HTMLVideoElement>;
       audio: TagProps<HTMLAudioElement>;
       source: TagProps<HTMLSourceElement>;
       track: TagProps<HTMLTrackElement>;
       canvas: TagProps<HTMLCanvasElement>;
-
-      // Embedded content
       iframe: TagProps<HTMLIFrameElement>;
       embed: TagProps<HTMLEmbedElement>;
       object: TagProps<HTMLObjectElement>;
       param: TagProps<HTMLParamElement>;
-
-      // Forms
       form: TagProps<HTMLFormElement>;
       input: TagProps<HTMLInputElement>;
       button: TagProps<HTMLButtonElement>;
@@ -77,13 +117,9 @@ declare global {
       output: TagProps<HTMLOutputElement>;
       progress: TagProps<HTMLProgressElement>;
       meter: TagProps<HTMLMeterElement>;
-
-      // Interactive elements
       details: TagProps<HTMLDetailsElement>;
       summary: TagProps<HTMLElement>;
       dialog: TagProps<HTMLDialogElement>;
-
-      // Tables
       table: TagProps<HTMLTableElement>;
       thead: TagProps<HTMLTableSectionElement>;
       tbody: TagProps<HTMLTableSectionElement>;
@@ -94,28 +130,132 @@ declare global {
       caption: TagProps<HTMLTableCaptionElement>;
       colgroup: TagProps<HTMLTableColElement>;
       col: TagProps<HTMLTableColElement>;
+      area: TagProps<HTMLAreaElement>;
+      base: TagProps<HTMLBaseElement>;
+      data: TagProps<HTMLDataElement>;
+      menu: TagProps<HTMLMenuElement>;
+      picture: TagProps<HTMLPictureElement>;
+      slot: TagProps<HTMLSlotElement>;
+      template: TagProps<HTMLTemplateElement>;
+      font: TagProps<HTMLFontElement>;
+      frame: TagProps<HTMLFrameElement>;
+      marquee: TagProps<HTMLMarqueeElement>;
+      map: TagProps<HTMLMapElement>;
+      del: TagProps<HTMLModElement>;
+      ins: TagProps<HTMLModElement>;
+      dir: TagProps<HTMLDirectoryElement>;
+      frameset: TagProps<HTMLFrameSetElement>;
+      // No custom DOM constructor:
+      abbr: TagProps<HTMLElement>;
+      acronym: TagProps<HTMLElement>;
+      address: TagProps<HTMLElement>;
+      aside: TagProps<HTMLElement>;
+      bdi: TagProps<HTMLElement>;
+      bdo: TagProps<HTMLElement>;
+      big: TagProps<HTMLElement>;
+      center: TagProps<HTMLElement>;
+      cite: TagProps<HTMLElement>;
+      code: TagProps<HTMLElement>;
+      dfn: TagProps<HTMLElement>;
+      fencedframe: TagProps<HTMLElement>;
+      figcaption: TagProps<HTMLElement>;
+      figure: TagProps<HTMLElement>;
+      footer: TagProps<HTMLElement>;
+      header: TagProps<HTMLElement>;
+      hgroup: TagProps<HTMLElement>;
+      type: TagProps<HTMLElement>;
+      kbd: TagProps<HTMLElement>;
+      main: TagProps<HTMLElement>;
+      mark: TagProps<HTMLElement>;
+      nav: TagProps<HTMLElement>;
+      nobr: TagProps<HTMLElement>;
+      noembed: TagProps<HTMLElement>;
+      noframes: TagProps<HTMLElement>;
+      noscript: TagProps<HTMLElement>;
+      plaintext: TagProps<HTMLElement>;
+      portal: TagProps<HTMLElement>;
+      rb: TagProps<HTMLElement>;
+      rp: TagProps<HTMLElement>;
+      rt: TagProps<HTMLElement>;
+      rtc: TagProps<HTMLElement>;
+      ruby: TagProps<HTMLElement>;
+      s: TagProps<HTMLElement>;
+      samp: TagProps<HTMLElement>;
+      search: TagProps<HTMLElement>;
+      section: TagProps<HTMLElement>;
+      small: TagProps<HTMLElement>;
+      strike: TagProps<HTMLElement>;
+      strong: TagProps<HTMLElement>;
+      sub: TagProps<HTMLElement>;
+      sup: TagProps<HTMLElement>;
+      tt: TagProps<HTMLElement>;
+      u: TagProps<HTMLElement>;
+      var: TagProps<HTMLElement>;
+      wbr: TagProps<HTMLElement>;
+      xmp: TagProps<HTMLElement>;
 
       // SVG elements
       svg: SvgRootProps;
-      circle: SvgTagProps;
-      ellipse: SvgTagProps;
-      line: SvgTagProps;
-      path: SvgTagProps;
-      polygon: SvgTagProps;
-      polyline: SvgTagProps;
-      rect: SvgTagProps;
-      g: SvgTagProps;
-      defs: SvgTagProps;
-      clipPath: SvgTagProps;
-      mask: SvgTagProps;
-      pattern: SvgTagProps;
-      image: SvgTagProps;
-      text: SvgTagProps;
-      tspan: SvgTagProps;
-      use: SvgTagProps;
-
-      // Fallback for any other element
-      [elemName: string]: TagProps<HTMLElement>;
+      polygon: SvgTagProps<SVGPolygonElement>;
+      circle: SvgTagProps<SVGCircleElement>;
+      clipPath: SvgTagProps<SVGClipPathElement>;
+      defs: SvgTagProps<SVGDefsElement>;
+      ellipse: SvgTagProps<SVGEllipseElement>;
+      g: SvgTagProps<SVGGElement>;
+      line: SvgTagProps<SVGLineElement>;
+      image: SvgTagProps<SVGImageElement>;
+      mask: SvgTagProps<SVGMaskElement>;
+      path: SvgTagProps<SVGPathElement>;
+      pattern: SvgTagProps<SVGPatternElement>;
+      polyline: SvgTagProps<SVGPolylineElement>;
+      rect: SvgTagProps<SVGRectElement>;
+      text: SvgTagProps<SVGTextElement>;
+      use: SvgTagProps<SVGUseElement>;
+      animate: SvgTagProps<SVGAnimateElement>;
+      animateMotion: SvgTagProps<SVGAnimateMotionElement>;
+      animateTransform: SvgTagProps<SVGAnimateTransformElement>;
+      set: SvgTagProps<SVGSetElement>;
+      desc: SvgTagProps<SVGDescElement>;
+      filter: SvgTagProps<SVGFilterElement>;
+      marker: SvgTagProps<SVGMarkerElement>;
+      foreignObject: SvgTagProps<SVGForeignObjectElement>;
+      linearGradient: SvgTagProps<SVGLinearGradientElement>;
+      radialGradient: SvgTagProps<SVGRadialGradientElement>;
+      gradient: SvgTagProps<SVGGradientElement>;
+      metadata: SvgTagProps<SVGMetadataElement>;
+      stop: SvgTagProps<SVGStopElement>;
+      switch: SvgTagProps<SVGSwitchElement>;
+      symbol: SvgTagProps<SVGSymbolElement>;
+      textPath: SvgTagProps<SVGTextPathElement>;
+      view: SvgTagProps<SVGViewElement>;
+      tspan: SvgTagProps<SVGTextContentElement>;
+      // No custom element
+      feBlend: SvgTagProps;
+      feColorMatrix: SvgTagProps;
+      feComponentTransfer: SvgTagProps;
+      feComposite: SvgTagProps;
+      feConvolveMatrix: SvgTagProps;
+      feDiffuseLighting: SvgTagProps;
+      feDisplacementMap: SvgTagProps;
+      feDistantLight: SvgTagProps;
+      feDropShadow: SvgTagProps;
+      feFlood: SvgTagProps;
+      feFuncA: SvgTagProps;
+      feFuncB: SvgTagProps;
+      feFuncG: SvgTagProps;
+      feFuncR: SvgTagProps;
+      feGaussianBlur: SvgTagProps;
+      feImage: SvgTagProps;
+      feMerge: SvgTagProps;
+      feMergeNode: SvgTagProps;
+      feMorphology: SvgTagProps;
+      feOffset: SvgTagProps;
+      fePointLight: SvgTagProps;
+      feSpecularLighting: SvgTagProps;
+      feSpotLight: SvgTagProps;
+      feTile: SvgTagProps;
+      feTurbulence: SvgTagProps;
+      mpath: SvgTagProps;
     }
   }
 }

package/dist/mocks.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Mock implementation of React's startTransition. This engine doesn't support
+ * concurrent features or update prioritization, so transitions are executed
+ * immediately without deferring.
+ */
+export declare const startTransition: (fn: () => void) => void;
+/**
+ * Mock implementation of React's flushSync. Unlike React, this engine's
+ * scheduler renders in the next JS tick, so this is a simplified version
+ * that executes the callback but doesn't force synchronous rendering.
+ *
+ * Note: True flushSync behavior would require bypassing the scheduler
+ * and rendering immediately, which is not currently implemented.
+ */
+export declare const flushSync: (fn: () => void) => void;
+/**
+ * Suspense is not supported and likely never will be, as it requires complex
+ * async rendering capabilities. Throws an error when used.
+ */
+export declare const Suspense: () => never;
+//# sourceMappingURL=mocks.d.ts.map

package/dist/mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../src/mocks.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,eAAe,0BAE3B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,0BAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,aAEpB,CAAC"}

package/dist/mocks.js

@@ -0,0 +1,27 @@
+/**
+ * Mock implementation of React's startTransition. This engine doesn't support
+ * concurrent features or update prioritization, so transitions are executed
+ * immediately without deferring.
+ */
+export const startTransition = (fn) => {
+    fn();
+};
+/**
+ * Mock implementation of React's flushSync. Unlike React, this engine's
+ * scheduler renders in the next JS tick, so this is a simplified version
+ * that executes the callback but doesn't force synchronous rendering.
+ *
+ * Note: True flushSync behavior would require bypassing the scheduler
+ * and rendering immediately, which is not currently implemented.
+ */
+export const flushSync = (fn) => {
+    fn();
+};
+/**
+ * Suspense is not supported and likely never will be, as it requires complex
+ * async rendering capabilities. Throws an error when used.
+ */
+export const Suspense = () => {
+    throw new Error(`Suspense is not supported`);
+};
+//# sourceMappingURL=mocks.js.map

package/dist/mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../src/mocks.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC;IACjD,EAAE,EAAE,CAAC;AAAA,CACN,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC;IAC3C,EAAE,EAAE,CAAC;AAAA,CACN,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;IAC5B,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAAA,CAC9C,CAAC"}

package/dist/react.d.ts

@@ -0,0 +1,46 @@
+import * as ns from './types/react';
+import * as local from './types/index';
+import { UnknownProps } from './types/index';
+import type { FRAGMENT_TAG } from './core/reconciliation/fibers';
+import type { Component, ComponentClass } from './core/classComponent';
+
+export {};
+
+declare global {
+  namespace React {
+    type FC<Props extends UnknownProps = UnknownProps> = ns.FC<Props>;
+    type ComponentType<Props extends UnknownProps = UnknownProps> =
+      | local.ReactComponent<Props>
+      | ComponentClass<Props, any>;
+    type ComponentProps<T> = local.ComponentProps<T>;
+    type ForwardRefExoticComponent<Props extends UnknownProps = UnknownProps> =
+      ns.ForwardRefExoticComponent<Props>;
+    type ErrorInfo = ns.ErrorInfo;
+    type ReactNode = ns.ReactNode;
+    type Context<T> = ns.Context<T>;
+    type CSSProperties = local.TagStyles;
+
+    // Attributes
+    type HTMLAttributes<T extends Element> = ns.HTMLAttributes<T>;
+    type TextareaHTMLAttributes<T extends Element> =
+      ns.TextareaHTMLAttributes<T>;
+    type InputHTMLAttributes<T extends Element> = ns.InputHTMLAttributes<T>;
+    type RefAttributes<T extends Element> = ns.RefAttributes<T>;
+
+    // Events
+    type SyntheticEvent<
+      T extends Element = Element,
+      E extends Event = Event,
+    > = ns.SyntheticEvent<T, E>;
+    type ClipboardEvent<T = Element> = ns.ClipboardEvent<T>;
+    type FormEvent<T extends Element = Element> = ns.FormEvent<T>;
+    type ChangeEvent<T extends Element = Element> = ns.ChangeEvent<T>;
+    type ChangeEventHandler<T extends Element = Element> =
+      ns.ChangeEventHandler<T>;
+    type KeyboardEvent<T extends Element = Element> = ns.KeyboardEvent<T>;
+    type ReactEventHandler<T extends Element = Element> =
+      ns.ReactEventHandler<T>;
+  }
+
+  const React: { Fragment: typeof FRAGMENT_TAG };
+}