@siddh-dev/fabric 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Siddhant Mul
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,430 @@
+# Fabric
+
+A lightweight frontend UI runtime built from scratch with TypeScript.
+
+Fabric is an experimental frontend runtime focused on understanding and implementing the core concepts behind modern UI libraries, including:
+
+- Virtual DOM.
+- Components.
+- State.
+- Effects.
+- Reconciliation.
+- Scheduling.
+- DOM updates.
+
+> Fabric is not a React clone. It is an independent runtime built from first principles.
+
+---
+
+## Features
+
+Fabric currently supports:
+
+- Virtual DOM.
+- `createElement()`.
+- JSX.
+- Automatic JSX runtime.
+- Function components.
+- Props.
+- `useState()`.
+- `useEffect()`.
+- Effect cleanup.
+- DOM events.
+- Reconciliation.
+- Keyed reconciliation.
+- DOM property updates.
+- Update scheduling and batching.
+- Component lifecycle handling.
+- TypeScript.
+- Automated tests.
+
+---
+
+## Runtime Overview
+
+At a high level, Fabric works like this:
+
+```text
+JSX / createElement()
+        ↓
+   JSX Runtime
+        ↓
+      VNode
+        ↓
+   Components
+        ↓
+ State / Effects
+        ↓
+    Scheduler
+        ↓
+ Reconciliation
+        ↓
+       DOM
+```
+
+For JSX, TypeScript uses Fabric's automatic JSX runtime:
+
+```text
+JSX
+ ↓
+TypeScript JSX transform
+ ↓
+@siddh-dev/fabric/jsx-runtime
+ ↓
+createElement()
+ ↓
+VNode
+ ↓
+Reconciliation
+ ↓
+DOM
+```
+
+When state changes:
+
+```text
+setState()
+    ↓
+schedule update
+    ↓
+component re-renders
+    ↓
+new VNode
+    ↓
+reconciliation
+    ↓
+DOM update
+```
+
+---
+
+## Quick Example
+
+```tsx
+import {
+    createRoot,
+    useState
+} from "@siddh-dev/fabric";
+
+function Counter() {
+    const [count, setCount] = useState(0);
+
+    return (
+        <div>
+            <h1>Fabric</h1>
+
+            <p>
+                Count: {count}
+            </p>
+
+            <button onClick={() => setCount(count + 1)}>
+                Increment
+            </button>
+        </div>
+    );
+}
+
+const container = document.getElementById("app");
+
+if (container === null) {
+    throw new Error("App container not found.");
+}
+
+createRoot(container).render(
+    <Counter />
+);
+```
+
+Fabric supports the automatic JSX runtime, so you do not need to import `jsx()` manually.
+
+For TypeScript consumers, configure JSX like this:
+
+```json
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "@siddh-dev/fabric"
+  }
+}
+```
+
+The `"jsxImportSource": "@siddh-dev/fabric"` option tells TypeScript to use Fabric's JSX runtime.
+
+Application code does not need to manually import `jsx()`.
+
+---
+
+## Installation
+
+Using pnpm:
+
+```bash
+pnpm add @siddh-dev/fabric
+```
+
+Using npm:
+
+```bash
+npm install @siddh-dev/fabric
+```
+
+For development setup and TypeScript configuration, see the [Installation Guide](./docs/getting-started/installation.md).
+
+---
+
+## Documentation
+
+The complete documentation is available in the [`docs/`](./docs/) directory.
+
+### Getting Started
+
+- [Installation](./docs/getting-started/installation.md)
+- [Quick Start](./docs/getting-started/quick-start.md)
+
+### Concepts
+
+- [Architecture](./docs/concepts/architecture.md)
+- [Virtual DOM](./docs/concepts/virtual-dom.md)
+- [Components](./docs/concepts/components.md)
+- [Props](./docs/concepts/props.md)
+- [State](./docs/concepts/state.md)
+- [Effects](./docs/concepts/effects.md)
+
+### Runtime
+
+- [JSX](./docs/runtime/jsx.md)
+- [Events](./docs/runtime/events.md)
+- [Reconciliation](./docs/runtime/reconciliation.md)
+- [Keyed Reconciliation](./docs/runtime/keyed-reconciliation.md)
+- [Scheduler](./docs/runtime/scheduler.md)
+- [DOM](./docs/runtime/dom.md)
+
+### API
+
+- [Public API](./docs/api/public-api.md)
+
+### Development
+
+- [Testing](./docs/development/testing.md)
+- [Packaging](./docs/development/packaging.md)
+- [Contributing](./docs/development/contributing.md)
+
+### Project
+
+- [Roadmap](./docs/project/roadmap.md)
+
+---
+
+## Development
+
+Clone the repository:
+
+```bash
+git clone <repository-url>
+cd Fabric
+```
+
+Install dependencies:
+
+```bash
+pnpm install
+```
+
+Start development mode:
+
+```bash
+pnpm dev
+```
+
+Run tests in watch mode:
+
+```bash
+pnpm test
+```
+
+Run the test suite once:
+
+```bash
+pnpm test:run
+```
+
+Run type checking:
+
+```bash
+pnpm check
+```
+
+Build the package:
+
+```bash
+pnpm build
+```
+
+Clean generated build output:
+
+```bash
+pnpm clean
+```
+
+---
+
+## Testing
+
+Fabric uses:
+
+- Vitest.
+- jsdom.
+- TypeScript.
+
+Run the complete test suite:
+
+```bash
+pnpm test:run
+```
+
+Tests cover areas including:
+
+- VNode creation.
+- JSX.
+- Components.
+- Props.
+- State.
+- Effects.
+- Effect cleanup.
+- Events.
+- Reconciliation.
+- Keyed reconciliation.
+- Scheduler behavior.
+- Root rendering.
+- DOM updates.
+
+---
+
+## Project Structure
+
+```text
+Fabric/
+├── src/
+│   ├── core/
+│   │   ├── component/
+│   │   ├── hooks/
+│   │   ├── jsx/
+│   │   ├── scheduler/
+│   │   └── vnode/
+│   │
+│   ├── dom/
+│   │   ├── DOMProperties.ts
+│   │   ├── EventSystem.ts
+│   │   └── Reconciler.ts
+│   │
+│   ├── runtime/
+│   │   └── createRoot.ts
+│   │
+│   └── index.ts
+│
+├── tests/
+├── docs/
+├── index.html
+├── package.json
+├── tsconfig.json
+├── tests/tsconfig.json
+└── vitest.config.ts
+```
+
+The runtime is broadly organized as:
+
+```text
+VNode
+  ↓
+Components / Hooks
+  ↓
+Scheduler
+  ↓
+Reconciler
+  ↓
+DOM
+```
+
+---
+
+## V0.1
+
+The initial goal of Fabric is to establish a small but functional frontend runtime.
+
+V0.1 focuses on:
+
+- VNodes.
+- JSX.
+- Automatic JSX runtime.
+- Function components.
+- Props.
+- State.
+- Effects.
+- Effect cleanup.
+- Events.
+- Reconciliation.
+- Keyed reconciliation.
+- Scheduler and batching.
+- Basic DOM operations.
+- Public API.
+- Tests.
+- Packaging.
+- Documentation.
+
+The V0.1 scope is intentionally limited. The goal is to establish a reliable foundation rather than implement every possible framework feature.
+
+---
+
+## Future
+
+Possible future areas include:
+
+- Context.
+- Additional hooks.
+- Refs.
+- Fragments.
+- Memoization.
+- Portals.
+- Error boundaries.
+- Suspense-like rendering.
+- Advanced scheduling.
+- Concurrent rendering.
+- Server-side rendering.
+- Hydration.
+- Developer tools.
+
+These are future possibilities, not commitments to the current V0.1 scope.
+
+See the [Roadmap](./docs/project/roadmap.md) for more information.
+
+---
+
+## Contributing
+
+Contributions are welcome.
+
+Before contributing, read the [Contributing Guide](./docs/development/contributing.md).
+
+For development information, see:
+
+- [Testing](./docs/development/testing.md)
+- [Packaging](./docs/development/packaging.md)
+- [Architecture](./docs/concepts/architecture.md)
+
+Good contributions can include:
+
+- Bug fixes.
+- Regression tests.
+- Documentation improvements.
+- Runtime improvements.
+- Refactors that improve clarity.
+- Performance improvements supported by measurements.
+- Better package validation.
+
+Please keep changes focused and aligned with Fabric's architecture.
+
+---
+
+## License
+
+MIT

package/dist/core/component/ComponentInstance.d.ts

@@ -0,0 +1,2 @@
+import type { IComponentInstance, IProps, TComponentFunction } from "../vnode/VNode.js";
+export declare function createComponentInstance(component: TComponentFunction, props: IProps): IComponentInstance;

package/dist/core/component/ComponentInstance.js

@@ -0,0 +1,15 @@
+export function createComponentInstance(component, props) {
+    return {
+        component,
+        props,
+        states: [],
+        stateIndex: 0,
+        effects: [],
+        effectIndex: 0,
+        renderedVNode: null,
+        dom: null,
+        mounted: false,
+        update: null
+    };
+}
+//# sourceMappingURL=ComponentInstance.js.map

package/dist/core/component/ComponentInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentInstance.js","sourceRoot":"","sources":["../../../src/core/component/ComponentInstance.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,uBAAuB,CACnC,SAA6B,EAE7B,KAAa;IAEb,OAAO;QACH,SAAS;QAET,KAAK;QAEL,MAAM,EAAE,EAAE;QAEV,UAAU,EAAE,CAAC;QAEb,OAAO,EAAE,EAAE;QAEX,WAAW,EAAE,CAAC;QAEd,aAAa,EAAE,IAAI;QAEnB,GAAG,EAAE,IAAI;QAET,OAAO,EAAE,KAAK;QAEd,MAAM,EAAE,IAAI;KACf,CAAC;AACN,CAAC"}

package/dist/core/component/ComponentRuntime.d.ts

@@ -0,0 +1,3 @@
+import type { IComponentInstance } from "../vnode/VNode.js";
+export declare function runComponent<T>(instance: IComponentInstance, callback: () => T): T;
+export declare function getCurrentComponent(): IComponentInstance | null;

package/dist/core/component/ComponentRuntime.js

@@ -0,0 +1,19 @@
+let currentComponent = null;
+export function runComponent(instance, callback) {
+    const previousComponent = currentComponent;
+    currentComponent =
+        instance;
+    instance.stateIndex = 0;
+    instance.effectIndex = 0;
+    try {
+        return callback();
+    }
+    finally {
+        currentComponent =
+            previousComponent;
+    }
+}
+export function getCurrentComponent() {
+    return currentComponent;
+}
+//# sourceMappingURL=ComponentRuntime.js.map

package/dist/core/component/ComponentRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRuntime.js","sourceRoot":"","sources":["../../../src/core/component/ComponentRuntime.ts"],"names":[],"mappings":"AAIA,IAAI,gBAAgB,GAEP,IAAI,CAAC;AAElB,MAAM,UAAU,YAAY,CACxB,QAA4B,EAE5B,QAAiB;IAEjB,MAAM,iBAAiB,GACnB,gBAAgB,CAAC;IAErB,gBAAgB;QACZ,QAAQ,CAAC;IAEb,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC;IAExB,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC;IAEzB,IAAI,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACtB,CAAC;YAAS,CAAC;QACP,gBAAgB;YACZ,iBAAiB,CAAC;IAC1B,CAAC;AACL,CAAC;AAED,MAAM,UAAU,mBAAmB;IAG/B,OAAO,gBAAgB,CAAC;AAC5B,CAAC"}

package/dist/core/hooks/HookRuntime.d.ts

@@ -0,0 +1,3 @@
+import type { IComponentInstance } from "../vnode/VNode.js";
+export declare function getHookIndex(instance: IComponentInstance): number;
+export declare function getEffectIndex(instance: IComponentInstance): number;

package/dist/core/hooks/HookRuntime.js

@@ -0,0 +1,11 @@
+export function getHookIndex(instance) {
+    const index = instance.stateIndex;
+    instance.stateIndex++;
+    return index;
+}
+export function getEffectIndex(instance) {
+    const index = instance.effectIndex;
+    instance.effectIndex++;
+    return index;
+}
+//# sourceMappingURL=HookRuntime.js.map

package/dist/core/hooks/HookRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HookRuntime.js","sourceRoot":"","sources":["../../../src/core/hooks/HookRuntime.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,YAAY,CACxB,QAA4B;IAE5B,MAAM,KAAK,GACP,QAAQ,CAAC,UAAU,CAAC;IAExB,QAAQ,CAAC,UAAU,EAAE,CAAC;IAEtB,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,cAAc,CAC1B,QAA4B;IAE5B,MAAM,KAAK,GACP,QAAQ,CAAC,WAAW,CAAC;IAEzB,QAAQ,CAAC,WAAW,EAAE,CAAC;IAEvB,OAAO,KAAK,CAAC;AACjB,CAAC"}

package/dist/core/hooks/useEffect.d.ts

@@ -0,0 +1,4 @@
+import type { IComponentInstance } from "../vnode/VNode.js";
+export declare function useEffect(callback: () => void | (() => void), dependencies?: readonly unknown[] | undefined): void;
+export declare function executeEffects(instance: IComponentInstance): void;
+export declare function cleanupEffects(instance: IComponentInstance): void;

package/dist/core/hooks/useEffect.js

@@ -0,0 +1,68 @@
+import { getCurrentComponent } from "../component/ComponentRuntime.js";
+import { getEffectIndex } from "./HookRuntime.js";
+export function useEffect(callback, dependencies) {
+    const instance = getCurrentComponent();
+    if (instance === null) {
+        throw new Error("useEffect() must be called inside a component.");
+    }
+    const index = getEffectIndex(instance);
+    const previous = instance.effects[index];
+    const effect = {
+        callback,
+        dependencies,
+        previousDependencies: previous?.dependencies,
+        cleanup: previous?.cleanup ?? null
+    };
+    instance.effects[index] =
+        effect;
+}
+function areDependenciesEqual(previous, next) {
+    if (previous === undefined ||
+        next === undefined) {
+        return false;
+    }
+    if (previous.length !==
+        next.length) {
+        return false;
+    }
+    for (let index = 0; index < next.length; index++) {
+        if (!Object.is(previous[index], next[index])) {
+            return false;
+        }
+    }
+    return true;
+}
+export function executeEffects(instance) {
+    for (const effect of instance.effects) {
+        const shouldRun = effect.previousDependencies ===
+            undefined ||
+            effect.dependencies ===
+                undefined ||
+            !areDependenciesEqual(effect.previousDependencies, effect.dependencies);
+        if (!shouldRun) {
+            continue;
+        }
+        if (effect.cleanup !== null) {
+            effect.cleanup();
+            effect.cleanup = null;
+        }
+        const cleanup = effect.callback();
+        if (typeof cleanup ===
+            "function") {
+            effect.cleanup =
+                cleanup;
+        }
+        effect.previousDependencies =
+            effect.dependencies;
+    }
+}
+export function cleanupEffects(instance) {
+    for (const effect of instance.effects) {
+        if (effect.cleanup !== null) {
+            effect.cleanup();
+            effect.cleanup = null;
+        }
+    }
+    instance.effects = [];
+}
+//# sourceMappingURL=useEffect.js.map

package/dist/core/hooks/useEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffect.js","sourceRoot":"","sources":["../../../src/core/hooks/useEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,mBAAmB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACH,cAAc,EACjB,MAAM,kBAAkB,CAAC;AAO1B,MAAM,UAAU,SAAS,CACrB,QAAmC,EAEnC,YAEe;IAEf,MAAM,QAAQ,GACV,mBAAmB,EAAE,CAAC;IAE1B,IACI,QAAQ,KAAK,IAAI,EACnB,CAAC;QACC,MAAM,IAAI,KAAK,CACX,gDAAgD,CACnD,CAAC;IACN,CAAC;IAED,MAAM,KAAK,GACP,cAAc,CACV,QAAQ,CACX,CAAC;IAEN,MAAM,QAAQ,GACV,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE5B,MAAM,MAAM,GACQ;QAChB,QAAQ;QAER,YAAY;QAEZ,oBAAoB,EACpB,QAAQ,EAAE,YAAY;QAEtB,OAAO,EACH,QAAQ,EAAE,OAAO,IAAI,IAAI;KAChC,CAAC;IAEF,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;QACnB,MAAM,CAAC;AACf,CAAC;AAED,SAAS,oBAAoB,CACzB,QAEe,EAEf,IAEe;IAEf,IACI,QAAQ,KAAK,SAAS;QACtB,IAAI,KAAK,SAAS,EACpB,CAAC;QACC,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,IACI,QAAQ,CAAC,MAAM;QACf,IAAI,CAAC,MAAM,EACb,CAAC;QACC,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,KACI,IAAI,KAAK,GAAG,CAAC,EACb,KAAK,GAAG,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,EACT,CAAC;QACC,IACI,CAAC,MAAM,CAAC,EAAE,CACN,QAAQ,CAAC,KAAK,CAAC,EACf,IAAI,CAAC,KAAK,CAAC,CACd,EACH,CAAC;YACC,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,cAAc,CAC1B,QAA4B;IAE5B,KACI,MAAM,MAAM,IACT,QAAQ,CAAC,OAAO,EACjB,CAAC;QACH,MAAM,SAAS,GACX,MAAM,CAAC,oBAAoB;YAC3B,SAAS;YACT,MAAM,CAAC,YAAY;gBACnB,SAAS;YACT,CAAC,oBAAoB,CACjB,MAAM,CAAC,oBAAoB,EAE3B,MAAM,CAAC,YAAY,CACtB,CAAC;QAEN,IACI,CAAC,SAAS,EACZ,CAAC;YACC,SAAS;QACb,CAAC;QAED,IACI,MAAM,CAAC,OAAO,KAAK,IAAI,EACzB,CAAC;YACC,MAAM,CAAC,OAAO,EAAE,CAAC;YAEjB,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,CAAC;QAED,MAAM,OAAO,GACT,MAAM,CAAC,QAAQ,EAAE,CAAC;QAEtB,IACI,OAAO,OAAO;YACd,UAAU,EACZ,CAAC;YACC,MAAM,CAAC,OAAO;gBACV,OAAO,CAAC;QAChB,CAAC;QAED,MAAM,CAAC,oBAAoB;YACvB,MAAM,CAAC,YAAY,CAAC;IAC5B,CAAC;AACL,CAAC;AAED,MAAM,UAAU,cAAc,CAC1B,QAA4B;IAE5B,KACI,MAAM,MAAM,IACT,QAAQ,CAAC,OAAO,EACjB,CAAC;QACH,IACI,MAAM,CAAC,OAAO,KAAK,IAAI,EACzB,CAAC;YACC,MAAM,CAAC,OAAO,EAAE,CAAC;YAEjB,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;AAC1B,CAAC"}

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

@@ -0,0 +1,7 @@
+type TStateUpdater<T> = T | ((previous: T) => T);
+export type TStateSetter<T> = (value: TStateUpdater<T>) => void;
+export declare function useState<T>(initialValue: T): [
+    T,
+    TStateSetter<T>
+];
+export {};

package/dist/core/hooks/useState.js

@@ -0,0 +1,35 @@
+import { scheduleUpdate } from "../scheduler/Scheduler.js";
+import { getCurrentComponent } from "../component/ComponentRuntime.js";
+import { getHookIndex } from "./HookRuntime.js";
+export function useState(initialValue) {
+    const instance = getCurrentComponent();
+    if (instance === null) {
+        throw new Error("useState() must be called inside a component.");
+    }
+    const index = getHookIndex(instance);
+    if (index >=
+        instance.states.length) {
+        instance.states.push(initialValue);
+    }
+    const state = instance.states[index];
+    const setState = value => {
+        const previous = instance.states[index];
+        const next = typeof value ===
+            "function"
+            ? value(previous)
+            : value;
+        if (Object.is(previous, next)) {
+            return;
+        }
+        instance.states[index] =
+            next;
+        if (instance.update !== null) {
+            scheduleUpdate(instance.update);
+        }
+    };
+    return [
+        state,
+        setState
+    ];
+}
+//# sourceMappingURL=useState.js.map

package/dist/core/hooks/useState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useState.js","sourceRoot":"","sources":["../../../src/core/hooks/useState.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACjB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACH,mBAAmB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACH,YAAY,EACf,MAAM,kBAAkB,CAAC;AAU1B,MAAM,UAAU,QAAQ,CACpB,YAAe;IAKf,MAAM,QAAQ,GACV,mBAAmB,EAAE,CAAC;IAE1B,IACI,QAAQ,KAAK,IAAI,EACnB,CAAC;QACC,MAAM,IAAI,KAAK,CACX,+CAA+C,CAClD,CAAC;IACN,CAAC;IAED,MAAM,KAAK,GACP,YAAY,CACR,QAAQ,CACX,CAAC;IAEN,IACI,KAAK;QACL,QAAQ,CAAC,MAAM,CAAC,MAAM,EACxB,CAAC;QACC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAChB,YAAY,CACf,CAAC;IACN,CAAC;IAED,MAAM,KAAK,GACP,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAM,CAAC;IAEhC,MAAM,QAAQ,GAEV,KAAK,CAAC,EAAE;QACJ,MAAM,QAAQ,GACV,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAM,CAAC;QAEhC,MAAM,IAAI,GACN,OAAO,KAAK;YACZ,UAAU;YACN,CAAC,CACG,KAGH,CAAC,QAAQ,CAAC;YACX,CAAC,CAAC,KAAK,CAAC;QAEhB,IACI,MAAM,CAAC,EAAE,CACL,QAAQ,EACR,IAAI,CACP,EACH,CAAC;YACC,OAAO;QACX,CAAC;QAED,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;YAClB,IAAI,CAAC;QAET,IACI,QAAQ,CAAC,MAAM,KAAK,IAAI,EAC1B,CAAC;YACC,cAAc,CACV,QAAQ,CAAC,MAAM,CAClB,CAAC;QACN,CAAC;IACL,CAAC,CAAC;IAEN,OAAO;QACH,KAAK;QACL,QAAQ;KACX,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,2 @@
+import type { IProps, TVNodeType, VNode } from "../vnode/VNode.js";
+export declare function jsxDEV(type: TVNodeType, props: IProps | null): VNode;

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

@@ -0,0 +1,5 @@
+import { createAutomaticJSXVNode } from "./jsx.js";
+export function jsxDEV(type, props) {
+    return createAutomaticJSXVNode(type, props);
+}
+//# sourceMappingURL=jsx-dev-runtime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-dev-runtime.js","sourceRoot":"","sources":["../../../src/core/jsx/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,uBAAuB,EAC1B,MAAM,UAAU,CAAC;AAQlB,MAAM,UAAU,MAAM,CAClB,IAAgB,EAChB,KAAoB;IAEpB,OAAO,uBAAuB,CAC1B,IAAI,EACJ,KAAK,CACR,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { IProps, TVNodeType, VNode } from "../vnode/VNode.js";
+export declare function jsx(type: TVNodeType, props: IProps | null): VNode;
+export declare function jsxs(type: TVNodeType, props: IProps | null): VNode;

package/dist/core/jsx/jsx-runtime.js

@@ -0,0 +1,8 @@
+import { createAutomaticJSXVNode } from "./jsx.js";
+export function jsx(type, props) {
+    return createAutomaticJSXVNode(type, props);
+}
+export function jsxs(type, props) {
+    return createAutomaticJSXVNode(type, props);
+}
+//# sourceMappingURL=jsx-runtime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../../../src/core/jsx/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,uBAAuB,EAC1B,MAAM,UAAU,CAAC;AAQlB,MAAM,UAAU,GAAG,CACf,IAAgB,EAChB,KAAoB;IAEpB,OAAO,uBAAuB,CAC1B,IAAI,EACJ,KAAK,CACR,CAAC;AACN,CAAC;AAED,MAAM,UAAU,IAAI,CAChB,IAAgB,EAChB,KAAoB;IAEpB,OAAO,uBAAuB,CAC1B,IAAI,EACJ,KAAK,CACR,CAAC;AACN,CAAC"}