rask-ui 0.29.3 → 0.30.0

package/dist/jsx-runtime.d.ts

@@ -1,5 +1,2 @@
-import "inferno";
-export { Fragment } from "inferno";
-export declare function jsx(type: any, props: any, key?: any): any;
-export declare function jsxs(type: any, props: any, key?: any): any;
+export { Fragment, createVNode as jsx, createVNode as jsxs } from "inferno";
 //# sourceMappingURL=jsx-runtime.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAKA,OAAO,SAAS,CAAC;AAGjB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInC,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;AACnE,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC"}
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,WAAW,IAAI,GAAG,EAAE,WAAW,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC"}

package/dist/jsx-runtime.js

@@ -1,7 +1,5 @@
-// JSX runtime for TypeScript type checking
-// The actual JSX transformation is done by SWC plugin at build time
-// This file only provides type declarations for TypeScript's "jsx": "react-jsx" mode
-// Import inferno to get the global JSX namespace
-import "inferno";
-// Re-export Fragment for JSX fragment syntax
-export { Fragment } from "inferno";
+// JSX runtime stub for TypeScript's "jsx": "react-jsx" mode
+// The actual JSX transformation is done by the SWC plugin at build time,
+// but Vite's dependency optimizer resolves and bundles this module at runtime,
+// so we need real exports (not just type declarations) to avoid missing export errors
+export { Fragment, createVNode as jsx, createVNode as jsxs } from "inferno";

package/dist/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,QAkEjE"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,QA2FjE"}

package/dist/render.js

@@ -13,8 +13,9 @@ export function render(...params) {
      * Temporarily patches document.addEventListener during render to capture
      * and wrap Inferno's delegated event listeners with syncBatch
      */
-    const originalAddEventListener = document.addEventListener.bind(document);
-    const patchedEvents = new Set();
+    const originalAddEventListener = EventTarget.prototype.addEventListener;
+    const originalRemoveEventListener = EventTarget.prototype.removeEventListener;
+    const wrappedListeners = new WeakMap();
     // Inferno's delegated events
     const INFERNO_EVENTS = [
         "click",
@@ -35,28 +36,31 @@ export function render(...params) {
         "submit",
     ];
     // Temporarily replace addEventListener
-    document.addEventListener = function (type, listener, options) {
+    EventTarget.prototype.addEventListener = function (type, listener, options) {
         // Only wrap Inferno's delegated event listeners
-        if (INFERNO_EVENTS.includes(type) &&
-            typeof listener === "function" &&
-            !patchedEvents.has(type)) {
-            patchedEvents.add(type);
+        if (INFERNO_EVENTS.includes(type) && typeof listener === "function") {
             const wrappedListener = function (event) {
                 transaction(() => {
                     listener.call(this, event);
                 });
             };
-            return originalAddEventListener(type, wrappedListener, options);
+            wrappedListeners.set(listener, wrappedListener);
+            return originalAddEventListener.call(this, type, wrappedListener, options);
         }
         // @ts-ignore
-        return originalAddEventListener(type, listener, options);
+        return originalAddEventListener.call(this, type, listener, options);
     };
-    try {
-        // Call render - Inferno will synchronously attach its listeners
-        return infernoRender(...params);
-    }
-    finally {
-        // Restore original addEventListener
-        document.addEventListener = originalAddEventListener;
-    }
+    EventTarget.prototype.removeEventListener = function (type, listener, options) {
+        if (INFERNO_EVENTS.includes(type) &&
+            typeof listener === "function" &&
+            wrappedListeners.has(listener)) {
+            const wrappedListener = wrappedListeners.get(listener);
+            wrappedListeners.delete(listener);
+            // @ts-ignore
+            return originalRemoveEventListener.call(this, type, wrappedListener, options);
+        }
+        // @ts-ignore
+        return originalRemoveEventListener.call(this, type, listener, options);
+    };
+    return infernoRender(...params);
 }

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { ClipboardEvent as InfernoClipboardEvent, ChangeEvent as InfernoChangeEvent, DragEvent as InfernoDragEvent, FocusEvent as InfernoFocusEvent, FormEvent as InfernoFormEvent, InfernoMouseEvent, InfernoAnimationEvent, InfernoKeyboardEvent, InfernoPointerEvent, InfernoTouchEvent, InfernoWheelEvent, InfernoTransitionEvent, CompositionEvent as InfernoCompositionEvent, Inferno, Refs } from "inferno";
+import type { ClipboardEvent as InfernoClipboardEvent, ChangeEvent as InfernoChangeEvent, DragEvent as InfernoDragEvent, FocusEvent as InfernoFocusEvent, FormEvent as InfernoFormEvent, InfernoMouseEvent, InfernoAnimationEvent, InfernoKeyboardEvent, InfernoPointerEvent, InfernoTouchEvent, InfernoWheelEvent, InfernoTransitionEvent, CompositionEvent as InfernoCompositionEvent, Inferno, InfernoNode, Refs } from "inferno";
 declare global {
     namespace Rask {
         interface Component<P = {}> {
@@ -19,6 +19,8 @@ declare global {
         type FocusEvent<T = Element> = InfernoFocusEvent<T>;
         type FormEvent<T = Element> = InfernoFormEvent<T>;
         type CompositionEvent<T = Element> = InfernoCompositionEvent<T>;
+        type Children = InfernoNode;
+        type RaskNode = InfernoNode;
         type ElementProps<T extends keyof JSX.IntrinsicElements> = Omit<JSX.IntrinsicElements[T], keyof Inferno.Attributes>;
     }
 }

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,IAAI,qBAAqB,EACvC,WAAW,IAAI,kBAAkB,EACjC,SAAS,IAAI,gBAAgB,EAC7B,UAAU,IAAI,iBAAiB,EAC/B,SAAS,IAAI,gBAAgB,EAC7B,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,IAAI,uBAAuB,EAC3C,OAAO,EAGP,IAAI,EACL,MAAM,SAAS,CAAC;AAEjB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAiB,SAAS,CAAC,CAAC,GAAG,EAAE;YAC/B,CAAC,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC;YAChB,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;YAC7C,YAAY,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;SAC3C;QAED,KAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC3D,KAAY,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACnE,KAAY,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC;QACjE,KAAY,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC/D,KAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC3D,KAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC3D,KAAY,eAAe,CAAC,CAAC,GAAG,OAAO,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC;QACrE,KAAY,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACnE,KAAY,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAAC;QAC7D,KAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACzD,KAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC3D,KAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACzD,KAAY,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,uBAAuB,CAAC,CAAC,CAAC,CAAC;QACvE,KAAY,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAAI,IAAI,CACpE,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACxB,MAAM,OAAO,CAAC,UAAU,CACzB,CAAC;KACH;CACF;AAGD,OAAO,EAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,IAAI,qBAAqB,EACvC,WAAW,IAAI,kBAAkB,EACjC,SAAS,IAAI,gBAAgB,EAC7B,UAAU,IAAI,iBAAiB,EAC/B,SAAS,IAAI,gBAAgB,EAC7B,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,IAAI,uBAAuB,EAC3C,OAAO,EAEP,WAAW,EACX,IAAI,EACL,MAAM,SAAS,CAAC;AAEjB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAiB,SAAS,CAAC,CAAC,GAAG,EAAE;YAC/B,CAAC,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC;YAChB,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;YAC7C,YAAY,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;SAC3C;QAED,KAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC3D,KAAY,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACnE,KAAY,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC;QACjE,KAAY,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC/D,KAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC3D,KAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC3D,KAAY,eAAe,CAAC,CAAC,GAAG,OAAO,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC;QACrE,KAAY,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACnE,KAAY,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAAC;QAC7D,KAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACzD,KAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC3D,KAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACzD,KAAY,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,uBAAuB,CAAC,CAAC,CAAC,CAAC;QACvE,KAAY,QAAQ,GAAG,WAAW,CAAC;QACnC,KAAY,QAAQ,GAAG,WAAW,CAAC;QACnC,KAAY,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAAI,IAAI,CACpE,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACxB,MAAM,OAAO,CAAC,UAAU,CACzB,CAAC;KACH;CACF;AAGD,OAAO,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.29.3",
+  "version": "0.30.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/batch.d.ts

@@ -1,6 +0,0 @@
-export type QueuedCallback = (() => void) & {
-    __queued: boolean;
-};
-export declare function queue(cb: QueuedCallback): void;
-export declare function syncBatch(cb: () => void): void;
-//# sourceMappingURL=batch.d.ts.map

package/dist/batch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"batch.d.ts","sourceRoot":"","sources":["../src/batch.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;AA+BlE,wBAAgB,KAAK,CAAC,EAAE,EAAE,cAAc,QAgBvC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QA6CvC"}

package/dist/batch.js

@@ -1,84 +0,0 @@
-const asyncQueue = [];
-const syncQueueStack = [];
-let inInteractive = 0;
-let asyncScheduled = false;
-function scheduleAsyncFlush() {
-    if (asyncScheduled)
-        return;
-    asyncScheduled = true;
-    queueMicrotask(flushAsyncQueue);
-}
-function flushAsyncQueue() {
-    asyncScheduled = false;
-    if (!asyncQueue.length)
-        return;
-    // Note: we intentionally DO NOT snapshot.
-    // If callbacks queue more async work, it gets picked up
-    // in this same loop because length grows.
-    for (let i = 0; i < asyncQueue.length; i++) {
-        const cb = asyncQueue[i];
-        asyncQueue[i] = undefined;
-        cb();
-        cb.__queued = false;
-    }
-    asyncQueue.length = 0;
-}
-export function queue(cb) {
-    if (cb.__queued)
-        return;
-    cb.__queued = true;
-    // If we're in a sync batch, push to the current sync queue
-    if (syncQueueStack.length) {
-        syncQueueStack[syncQueueStack.length - 1].push(cb);
-        return;
-    }
-    // Otherwise, push to async queue
-    asyncQueue.push(cb);
-    if (!inInteractive) {
-        scheduleAsyncFlush();
-    }
-}
-export function syncBatch(cb) {
-    // Create a new queue for this sync batch
-    const queue = [];
-    syncQueueStack.push(queue);
-    try {
-        cb();
-    }
-    catch (e) {
-        // Pop the queue even on error, but don't flush
-        syncQueueStack.pop();
-        throw e;
-    }
-    // CASCADING SYNCHRONOUS UPDATES
-    // ------------------------------
-    // Keep flushing the queue in a loop while it has work. This is critical for handling
-    // cascading reactive updates where one observer's notification triggers another.
-    //
-    // Example cascade: state → derived → component
-    //   1. User updates state in a syncBatch
-    //   2. Derived observer is notified and queued
-    //   3. Derived observer runs, marks derived as dirty
-    //   4. Derived's signal notifies component observers
-    //   5. Component observers are added to the SAME queue (because it's still on the stack)
-    //   6. Loop continues, flushing component observers
-    //
-    // By keeping the queue on the stack during the flush loop, all synchronous cascades
-    // are captured in the same batch. This ensures:
-    //   - No updates escape to the async queue
-    //   - Components render with fully updated derived values
-    //   - Deduplication works across the entire cascade (same observer can't be queued twice)
-    //
-    // The loop terminates when all cascades have settled (queue is empty).
-    while (queue.length > 0) {
-        for (let i = 0; i < queue.length; i++) {
-            const cb = queue[i];
-            queue[i] = undefined;
-            cb();
-            cb.__queued = false;
-        }
-        queue.length = 0;
-    }
-    // Pop the queue after everything is flushed
-    syncQueueStack.pop();
-}

package/dist/compiler.d.ts

@@ -1,4 +0,0 @@
-export { createVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";
-import { VNode } from "inferno";
-export declare function createComponentVNode(_: any, component: any, props: any | undefined, key: any, ref: any): VNode;
-//# sourceMappingURL=compiler.d.ts.map

package/dist/compiler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../src/compiler.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAGL,KAAK,EACN,MAAM,SAAS,CAAC;AAIjB,wBAAgB,oBAAoB,CAClC,CAAC,EAAE,GAAG,EACN,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,GAAG,YAAK,EACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,GACP,KAAK,CASP"}

package/dist/compiler.js

@@ -1,7 +0,0 @@
-export { createVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";
-import { createComponentVNode as infernoCreateComponentVnode, } from "inferno";
-import { RaskComponent } from "./component";
-export function createComponentVNode(_, component, props = {}, key, ref) {
-    props.__component = component;
-    return infernoCreateComponentVnode(4 /* VNodeFlags.ComponentClass */, RaskComponent, props, key, ref);
-}

package/dist/createAsync.d.ts

@@ -1,39 +0,0 @@
-type AsyncState<T> = {
-    isPending: true;
-    value: null;
-    error: null;
-} | {
-    isPending: false;
-    value: T;
-    error: null;
-} | {
-    isPending: false;
-    value: null;
-    error: string;
-};
-/**
- * Creates a reactive async state that tracks the lifecycle of a promise.
- *
- * @warning **Do not destructure the returned reactive object!** Destructuring breaks reactivity.
- * Access properties directly in your render function instead.
- *
- * @example
- * // ❌ Bad - destructuring loses reactivity
- * function Component() {
- *   const async = createAsync(fetchData());
- *   const { isPending, value, error } = async; // Don't do this!
- *   return () => <div>{isPending ? "Loading..." : value}</div>; // Won't update!
- * }
- *
- * // ✅ Good - access properties directly
- * function Component() {
- *   const async = createAsync(fetchData());
- *   return () => <div>{async.isPending ? "Loading..." : async.value}</div>;
- * }
- *
- * @param promise - The promise to track
- * @returns Reactive state with isPending, value, and error properties
- */
-export declare function createAsync<T>(promise: Promise<T>): AsyncState<T>;
-export {};
-//# sourceMappingURL=createAsync.d.ts.map

package/dist/createAsync.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createAsync.d.ts","sourceRoot":"","sources":["../src/createAsync.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,CAAC,CAAC,IACb;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,iBAwBjD"}

package/dist/createAsync.js

@@ -1,47 +0,0 @@
-import { createState } from "./createState";
-/**
- * Creates a reactive async state that tracks the lifecycle of a promise.
- *
- * @warning **Do not destructure the returned reactive object!** Destructuring breaks reactivity.
- * Access properties directly in your render function instead.
- *
- * @example
- * // ❌ Bad - destructuring loses reactivity
- * function Component() {
- *   const async = createAsync(fetchData());
- *   const { isPending, value, error } = async; // Don't do this!
- *   return () => <div>{isPending ? "Loading..." : value}</div>; // Won't update!
- * }
- *
- * // ✅ Good - access properties directly
- * function Component() {
- *   const async = createAsync(fetchData());
- *   return () => <div>{async.isPending ? "Loading..." : async.value}</div>;
- * }
- *
- * @param promise - The promise to track
- * @returns Reactive state with isPending, value, and error properties
- */
-export function createAsync(promise) {
-    const state = createState({
-        isPending: true,
-        error: null,
-        value: null,
-    });
-    promise
-        .then((value) => {
-        Object.assign(state, {
-            value,
-            error: null,
-            isPending: false,
-        });
-    })
-        .catch((error) => {
-        Object.assign(state, {
-            value: null,
-            error: String(error),
-            isPending: false,
-        });
-    });
-    return state;
-}

package/dist/createComputed.d.ts

@@ -1,4 +0,0 @@
-export declare function createComputed<T extends Record<string, () => any>>(computed: T): {
-    [K in keyof T]: ReturnType<T[K]>;
-};
-//# sourceMappingURL=createComputed.d.ts.map

package/dist/createComputed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createComputed.d.ts","sourceRoot":"","sources":["../src/createComputed.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAChE,QAAQ,EAAE,CAAC,GACV;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACjC,CA0EA"}

package/dist/createComputed.js

@@ -1,69 +0,0 @@
-import { getCurrentComponent, createCleanup } from "./component";
-import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
-import { getCurrentObserver, Observer, Signal } from "./observation";
-export function createComputed(computed) {
-    const currentComponent = getCurrentComponent();
-    const proxy = {};
-    let notifyInspectorRef = {};
-    for (const prop in computed) {
-        let isDirty = true;
-        let value;
-        const signal = new Signal();
-        const computedObserver = new Observer(() => {
-            isDirty = true;
-            signal.notify();
-            if (INSPECTOR_ENABLED) {
-                notifyInspectorRef.current?.notify({
-                    type: "computed",
-                    path: notifyInspectorRef.current.path.concat(prop),
-                    isDirty: true,
-                    value,
-                });
-            }
-        });
-        createCleanup(() => computedObserver.dispose());
-        Object.defineProperty(proxy, prop, {
-            enumerable: true,
-            configurable: true,
-            get() {
-                const currentObserver = getCurrentObserver();
-                if (currentObserver) {
-                    currentObserver.subscribeSignal(signal);
-                }
-                if (isDirty) {
-                    const stopObserving = computedObserver.observe();
-                    value = computed[prop]();
-                    stopObserving();
-                    isDirty = false;
-                    if (INSPECTOR_ENABLED) {
-                        notifyInspectorRef.current?.notify({
-                            type: "computed",
-                            path: notifyInspectorRef.current.path.concat(prop),
-                            isDirty: false,
-                            value,
-                        });
-                    }
-                    return value;
-                }
-                return value;
-            },
-        });
-    }
-    if (INSPECTOR_ENABLED) {
-        Object.defineProperty(proxy, INSPECT_MARKER, {
-            enumerable: false,
-            configurable: false,
-            get() {
-                return !notifyInspectorRef.current;
-            },
-            set: (value) => {
-                Object.defineProperty(notifyInspectorRef, "current", {
-                    get() {
-                        return value.current;
-                    },
-                });
-            },
-        });
-    }
-    return proxy;
-}

package/dist/createEffect.d.ts

@@ -1,2 +0,0 @@
-export declare function createEffect(cb: () => void | (() => void)): void;
-//# sourceMappingURL=createEffect.d.ts.map

package/dist/createEffect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createEffect.d.ts","sourceRoot":"","sources":["../src/createEffect.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,QA2BzD"}

package/dist/createEffect.js

@@ -1,29 +0,0 @@
-import { syncBatch } from "./batch";
-import { createCleanup, getCurrentComponent } from "./component";
-import { Observer } from "./observation";
-export function createEffect(cb) {
-    const component = getCurrentComponent();
-    if (!component || component.isRendering) {
-        throw new Error("Only use createEffect in component setup");
-    }
-    let disposer;
-    const observer = new Observer(() => {
-        syncBatch(runEffect);
-    });
-    const runEffect = () => {
-        try {
-            disposer?.();
-        }
-        catch (error) {
-            console.error("Error in effect dispose function:", error);
-        }
-        const stopObserving = observer.observe();
-        disposer = cb();
-        stopObserving();
-    };
-    createCleanup(() => {
-        observer.dispose();
-        disposer?.();
-    });
-    runEffect();
-}

package/dist/createMutation.d.ts

@@ -1,43 +0,0 @@
-type MutationState<T> = {
-    isPending: true;
-    params: T;
-    error: null;
-} | {
-    isPending: false;
-    params: null;
-    error: null;
-} | {
-    isPending: false;
-    params: null;
-    error: string;
-};
-export type Mutation<T> = MutationState<T> & {
-    mutate(): void;
-    mutate(params: T): void;
-};
-/**
- * Creates a reactive mutation that manages async mutations with loading and error states.
- *
- * @warning **Do not destructure the returned reactive object!** Destructuring breaks reactivity.
- * Access properties directly in your render function instead.
- *
- * @example
- * // ❌ Bad - destructuring loses reactivity
- * function Component() {
- *   const mutation = createMutation((params) => updateUser(params));
- *   const { isPending, error } = mutation; // Don't do this!
- *   return () => <button disabled={isPending}>Save</button>; // Won't update!
- * }
- *
- * // ✅ Good - access properties directly
- * function Component() {
- *   const mutation = createMutation((params) => updateUser(params));
- *   return () => <button disabled={mutation.isPending}>Save</button>;
- * }
- *
- * @param mutator - Function that performs the mutation and returns a promise
- * @returns Reactive mutation object with isPending, params, error properties and mutate method
- */
-export declare function createMutation<T>(mutator: (params: T) => Promise<T>): Mutation<T>;
-export {};
-//# sourceMappingURL=createMutation.d.ts.map

package/dist/createMutation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createMutation.d.ts","sourceRoot":"","sources":["../src/createMutation.ts"],"names":[],"mappings":"AAEA,KAAK,aAAa,CAAC,CAAC,IAChB;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IAC3C,MAAM,IAAI,IAAI,CAAC;IACf,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,GACjC,QAAQ,CAAC,CAAC,CAAC,CA0Db"}

package/dist/createMutation.js

@@ -1,76 +0,0 @@
-import { createState } from "./createState";
-/**
- * Creates a reactive mutation that manages async mutations with loading and error states.
- *
- * @warning **Do not destructure the returned reactive object!** Destructuring breaks reactivity.
- * Access properties directly in your render function instead.
- *
- * @example
- * // ❌ Bad - destructuring loses reactivity
- * function Component() {
- *   const mutation = createMutation((params) => updateUser(params));
- *   const { isPending, error } = mutation; // Don't do this!
- *   return () => <button disabled={isPending}>Save</button>; // Won't update!
- * }
- *
- * // ✅ Good - access properties directly
- * function Component() {
- *   const mutation = createMutation((params) => updateUser(params));
- *   return () => <button disabled={mutation.isPending}>Save</button>;
- * }
- *
- * @param mutator - Function that performs the mutation and returns a promise
- * @returns Reactive mutation object with isPending, params, error properties and mutate method
- */
-export function createMutation(mutator) {
-    const state = createState({
-        isPending: false,
-        params: null,
-        error: null,
-    });
-    const assign = (newState) => {
-        Object.assign(state, newState);
-    };
-    let currentAbortController;
-    return {
-        get isPending() {
-            return state.isPending;
-        },
-        get params() {
-            return state.params;
-        },
-        get error() {
-            return state.error;
-        },
-        mutate(params) {
-            currentAbortController?.abort();
-            const abortController = (currentAbortController = new AbortController());
-            assign({
-                isPending: true,
-                params,
-                error: null,
-            });
-            mutator(params)
-                .then(() => {
-                if (abortController.signal.aborted) {
-                    return;
-                }
-                assign({
-                    isPending: false,
-                    params: null,
-                    error: null,
-                });
-            })
-                .catch((error) => {
-                if (abortController.signal.aborted) {
-                    return;
-                }
-                assign({
-                    isPending: false,
-                    params: null,
-                    error: String(error),
-                });
-            });
-        },
-    };
-}

package/dist/createQuery.d.ts

@@ -1,42 +0,0 @@
-type QueryState<T> = {
-    isPending: true;
-    data: T | null;
-    error: null;
-} | {
-    isPending: false;
-    data: T;
-    error: null;
-} | {
-    isPending: false;
-    data: null;
-    error: string;
-};
-export type Query<T> = QueryState<T> & {
-    fetch(force?: boolean): void;
-};
-/**
- * Creates a reactive query that manages data fetching with loading and error states.
- *
- * @warning **Do not destructure the returned reactive object!** Destructuring breaks reactivity.
- * Access properties directly in your render function instead.
- *
- * @example
- * // ❌ Bad - destructuring loses reactivity
- * function Component() {
- *   const query = createQuery(() => fetchUsers());
- *   const { isPending, data, error } = query; // Don't do this!
- *   return () => <div>{isPending ? "Loading..." : data.length}</div>; // Won't update!
- * }
- *
- * // ✅ Good - access properties directly
- * function Component() {
- *   const query = createQuery(() => fetchUsers());
- *   return () => <div>{query.isPending ? "Loading..." : query.data.length}</div>;
- * }
- *
- * @param fetcher - Function that returns a promise with the data to fetch
- * @returns Reactive query object with isPending, data, error properties and fetch method
- */
-export declare function createQuery<T>(fetcher: () => Promise<T>): Query<T>;
-export {};
-//# sourceMappingURL=createQuery.d.ts.map

package/dist/createQuery.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createQuery.d.ts","sourceRoot":"","sources":["../src/createQuery.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,CAAC,CAAC,IACb;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG;IACrC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CA+DlE"}