solid-js 1.5.0-beta.0 → 1.5.0-beta.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.5.0-beta.0",
+  "version": "1.5.0-beta.3",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -40,108 +40,150 @@
     ".": {
       "browser": {
         "development": {
-          "import": "./dist/dev.js",
+          "import": {
+            "types": "./types/index.d.ts",
+            "default": "./dist/dev.js"
+          },
           "require": "./dist/dev.cjs"
         },
-        "import": "./dist/solid.js",
+        "import": {
+          "types": "./types/index.d.ts",
+          "default": "./dist/solid.js"
+        },
         "require": "./dist/solid.cjs"
       },
       "node": {
-        "import": "./dist/server.js",
+        "import": {
+          "types": "./types/index.d.ts",
+          "default": "./dist/server.js"
+        },
         "require": "./dist/server.cjs"
       },
       "development": {
-        "import": "./dist/dev.js",
+        "import": {
+          "types": "./types/index.d.ts",
+          "default": "./dist/dev.js"
+        },
         "require": "./dist/dev.cjs"
       },
-      "import": "./dist/solid.js",
+      "import": {
+        "types": "./types/index.d.ts",
+        "default": "./dist/solid.js"
+      },
       "require": "./dist/solid.cjs"
     },
     "./dist/*": "./dist/*",
     "./store": {
       "browser": {
         "development": {
-          "import": "./store/dist/dev.js",
+          "import": {
+            "types": "./store/types/index.d.ts",
+            "default": "./store/dist/dev.js"
+          },
           "require": "./store/dist/dev.cjs"
         },
-        "import": "./store/dist/store.js",
+        "import": {
+          "types": "./store/types/index.d.ts",
+          "default": "./store/dist/store.js"
+        },
         "require": "./store/dist/store.cjs"
       },
       "node": {
-        "import": "./store/dist/server.js",
+        "import": {
+          "types": "./store/types/index.d.ts",
+          "default": "./store/dist/server.js"
+        },
         "require": "./store/dist/server.cjs"
       },
       "development": {
-        "import": "./store/dist/dev.js",
+        "import": {
+          "types": "./store/types/index.d.ts",
+          "default": "./store/dist/dev.js"
+        },
         "require": "./store/dist/dev.cjs"
       },
-      "import": "./store/dist/store.js",
+      "import": {
+        "types": "./store/types/index.d.ts",
+        "default": "./store/dist/store.js"
+      },
       "require": "./store/dist/store.cjs"
     },
     "./store/dist/*": "./store/dist/*",
     "./web": {
       "browser": {
         "development": {
-          "import": "./web/dist/dev.js",
+          "import": {
+            "types": "./web/types/index.d.ts",
+            "default": "./web/dist/dev.js"
+          },
           "require": "./web/dist/dev.cjs"
         },
-        "import": "./web/dist/web.js",
+        "import": {
+          "types": "./web/types/index.d.ts",
+          "default": "./web/dist/web.js"
+        },
         "require": "./web/dist/web.cjs"
       },
       "node": {
-        "import": "./web/dist/server.js",
+        "import": {
+          "types": "./web/types/index.d.ts",
+          "default": "./web/dist/server.js"
+        },
         "require": "./web/dist/server.cjs"
       },
       "development": {
-        "import": "./web/dist/dev.js",
+        "import": {
+          "types": "./web/types/index.d.ts",
+          "default": "./web/dist/dev.js"
+        },
         "require": "./web/dist/dev.cjs"
       },
-      "import": "./web/dist/web.js",
+      "import": {
+        "types": "./web/types/index.d.ts",
+        "default": "./web/dist/web.js"
+      },
       "require": "./web/dist/web.cjs"
     },
     "./web/dist/*": "./web/dist/*",
     "./universal": {
       "development": {
-        "import": "./universal/dist/dev.js",
+        "import": {
+          "types": "./universal/types/index.d.ts",
+          "default": "./universal/dist/dev.js"
+        },
         "require": "./universal/dist/dev.cjs"
       },
-      "import": "./universal/dist/universal.js",
+      "import": {
+        "types": "./universal/types/index.d.ts",
+        "default": "./universal/dist/universal.js"
+      },
       "require": "./universal/dist/universal.cjs"
     },
     "./universal/dist/*": "./universal/dist/*",
     "./h": {
-      "import": "./h/dist/h.js",
+      "import": {
+        "types": "./h/types/index.d.ts",
+        "default": "./h/dist/h.js"
+      },
       "require": "./h/dist/h.cjs"
     },
     "./h/jsx-runtime": {
-      "import": "./h/jsx-runtime/dist/jsx.js",
+      "import": {
+        "types": "./h/jsx-runtime/types/index.d.ts",
+        "default": "./h/jsx-runtime/dist/jsx.js"
+      },
       "require": "./h/jsx-runtime/dist/jsx.cjs"
     },
     "./h/dist/*": "./h/dist/*",
     "./html": {
-      "import": "./html/dist/html.js",
+      "import": {
+        "types": "./html/types/index.d.ts",
+        "default": "./html/dist/html.js"
+      },
       "require": "./html/dist/html.cjs"
     },
     "./html/dist/*": "./html/dist/*"
   },
-  "scripts": {
-    "prebuild": "npm run clean",
-    "clean": "rimraf dist/ types/ coverage/ store/dist/ store/types/ web/dist/ web/types/ h/dist/ h/types/ h/jsx-runtime/dist h/jsx-runtime/types html/dist/ html/types/",
-    "build": "npm-run-all -cnl build:*",
-    "build:link": "symlink-dir . node_modules/solid-js",
-    "build:js": "ncp ../../node_modules/dom-expressions/src/jsx.d.ts ./src/jsx.d.ts && ncp ../../node_modules/dom-expressions/src/jsx-h.d.ts ./h/jsx-runtime/src/jsx.d.ts && rollup -c",
-    "build:types": "tsc --project ./tsconfig.build.json",
-    "build:types-store": "tsc --project ./store/tsconfig.build.json && tsconfig-replace-paths --project ./store/tsconfig.types.json",
-    "build:types-web": "tsc --project ./web/tsconfig.build.json && tsconfig-replace-paths --project ./web/tsconfig.types.json",
-    "build:types-html": "tsc --project ./html/tsconfig.json",
-    "build:types-h": "tsc --project ./h/tsconfig.json",
-    "build:types-jsx": "tsc --project ./h/jsx-runtime/tsconfig.json",
-    "build:types-universal": "tsc --project ./universal/tsconfig.json",
-    "bench": "node --allow-natives-syntax bench/bench.cjs",
-    "test": "jest && npm run test:types",
-    "test:coverage": "jest --coverage && npm run test:types",
-    "test:types": "tsc --project tsconfig.test.json"
-  },
   "keywords": [
     "solid",
     "solidjs",
@@ -151,5 +193,25 @@
     "compiler",
     "performance"
   ],
-  "gitHead": "141a7b2c4f447d8894fa9382fca97e10b0626493"
-}
+  "scripts": {
+    "build": "npm-run-all -nl build:*",
+    "build:clean": "rimraf dist/ coverage/ store/dist/ web/dist/ h/dist/ h/jsx-runtime/dist html/dist/",
+    "build:js": "rollup -c",
+    "types": "npm-run-all -nl types:*",
+    "types:clean": "rimraf types/ store/types/ web/types/ h/types/ h/jsx-runtime/types html/types/",
+    "types:copy": "ncp ../../node_modules/dom-expressions/src/jsx.d.ts ./src/jsx.d.ts && ncp ../../node_modules/dom-expressions/src/jsx-h.d.ts ./h/jsx-runtime/src/jsx.d.ts",
+    "types:src": "tsc --project ./tsconfig.build.json && ncp ../../node_modules/dom-expressions/src/jsx.d.ts ./types/jsx.d.ts",
+    "types:web": "tsc --project ./web/tsconfig.build.json",
+    "types:copy-web": "ncp ../../node_modules/dom-expressions/src/client.d.ts ./web/types/client.d.ts && ncp ../../node_modules/dom-expressions/src/server.d.ts ./web/types/server.d.ts",
+    "types:store": "tsc --project ./store/tsconfig.build.json",
+    "types:html": "tsc --project ./html/tsconfig.json && ncp ../../node_modules/lit-dom-expressions/types/index.d.ts ./html/types/lit.d.ts",
+    "types:h": "tsc --project ./h/tsconfig.json && ncp ../../node_modules/hyper-dom-expressions/types/index.d.ts ./h/types/hyperscript.d.ts",
+    "types:jsx": "rimraf ./h/jsx-runtime/types && tsc --project ./h/jsx-runtime/tsconfig.json && ncp ../../node_modules/dom-expressions/src/jsx-h.d.ts ./h/jsx-runtime/types/jsx.d.ts",
+    "types:universal": "tsc --project ./universal/tsconfig.json && ncp ../../node_modules/dom-expressions/src/universal.d.ts ./universal/types/universal.d.ts",
+    "bench": "node --allow-natives-syntax bench/bench.cjs",
+    "link": "symlink-dir . node_modules/solid-js",
+    "test": "jest",
+    "coverage": "jest --coverage",
+    "test-types": "tsc --project tsconfig.test.json"
+  }
+}

package/store/dist/dev.js

@@ -1,4 +1,4 @@
-import { $PROXY, DEV, $TRACK, getListener, batch, createSignal } from 'solid-js';
+import { DEV, $PROXY, $TRACK, getListener, batch, createSignal } from 'solid-js';
 
 const $RAW = Symbol("store-raw"),
       $NODE = Symbol("store-node"),

package/store/types/index.d.ts

@@ -1,4 +1,4 @@
-export { createStore, unwrap, $RAW } from "./store";
-export type { Store, SetStoreFunction, NotWrappable, SolidStore, StoreNode, StoreSetter, StorePathRange, ArrayFilterFn, Part, DeepReadonly, DeepMutable } from "./store";
-export * from "./mutable";
-export * from "./modifiers";
+export { createStore, unwrap, $RAW } from "./store.js";
+export type { Store, SetStoreFunction, NotWrappable, SolidStore, StoreNode, StoreSetter, StorePathRange, ArrayFilterFn, Part, DeepReadonly, DeepMutable } from "./store.js";
+export * from "./mutable.js";
+export * from "./modifiers.js";

package/store/types/mutable.d.ts

@@ -1,4 +1,4 @@
-import { StoreNode } from "./store";
+import { StoreNode } from "./store.js";
 export declare function createMutable<T extends StoreNode>(state: T, options?: {
     name?: string;
 }): T;

package/store/types/server.d.ts

@@ -1,4 +1,4 @@
-import type { SetStoreFunction, Store } from "store";
+import type { SetStoreFunction, Store } from "./store.js";
 export declare const $RAW: unique symbol;
 export declare function isWrappable(obj: any): boolean;
 export declare function unwrap<T>(item: T): T;

package/types/index.d.ts

@@ -1,13 +1,13 @@
-export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createReaction, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $DEVCOMP, $PROXY, $TRACK } from "./reactive/signal";
-export type { Accessor, Setter, Signal, Resource, ResourceOptions, ResourceReturn, ResourceFetcher, ResourceFetcherInfo, Context, ReturnTypes, Owner } from "./reactive/signal";
-export * from "./reactive/observable";
-export * from "./reactive/scheduler";
-export * from "./reactive/array";
-export * from "./render";
-import type { JSX } from "./jsx";
+export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createReaction, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $DEVCOMP, $PROXY, $TRACK } from "./reactive/signal.js";
+export type { Accessor, Setter, Signal, Resource, ResourceOptions, ResourceReturn, ResourceFetcher, ResourceFetcherInfo, Context, ReturnTypes, Owner, InitializedResource, InitializedResourceOptions, InitializedResourceReturn } from "./reactive/signal.js";
+export * from "./reactive/observable.js";
+export * from "./reactive/scheduler.js";
+export * from "./reactive/array.js";
+export * from "./render/index.js";
+import type { JSX } from "./jsx.js";
 declare type JSXElement = JSX.Element;
 export type { JSXElement, JSX };
-import { writeSignal, serializeGraph, registerGraph, hashValue } from "./reactive/signal";
+import { writeSignal, serializeGraph, registerGraph, hashValue } from "./reactive/signal.js";
 declare let DEV: {
     writeSignal: typeof writeSignal;
     serializeGraph: typeof serializeGraph;

package/types/jsx.d.ts

@@ -162,6 +162,7 @@ export namespace JSX {
     onVolumeChange?: EventHandlerUnion<T, Event>;
     onWaiting?: EventHandlerUnion<T, Event>;
     onClick?: EventHandlerUnion<T, MouseEvent>;
+    onAuxClick?: EventHandlerUnion<T, MouseEvent>;
     onContextMenu?: EventHandlerUnion<T, MouseEvent>;
     onDblClick?: EventHandlerUnion<T, MouseEvent>;
     onDrag?: EventHandlerUnion<T, DragEvent>;
@@ -251,6 +252,7 @@ export namespace JSX {
     onvolumechange?: EventHandlerUnion<T, Event>;
     onwaiting?: EventHandlerUnion<T, Event>;
     onclick?: EventHandlerUnion<T, MouseEvent>;
+    onauxclick?: EventHandlerUnion<T, MouseEvent>;
     oncontextmenu?: EventHandlerUnion<T, MouseEvent>;
     ondblclick?: EventHandlerUnion<T, MouseEvent>;
     ondrag?: EventHandlerUnion<T, DragEvent>;
@@ -284,7 +286,7 @@ export namespace JSX {
   interface CSSProperties extends csstype.PropertiesHyphen {
     // Override
   }
-  
+
   type HTMLAutocapitalize = "off" | "none" | "on" | "sentences" | "words" | "characters";
   type HTMLDir = "ltr" | "rtl" | "auto";
   type HTMLFormEncType = "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
@@ -1860,7 +1862,7 @@ export namespace JSX {
     del: HTMLAttributes<HTMLElement>;
     details: DetailsHtmlAttributes<HTMLDetailsElement>;
     dfn: HTMLAttributes<HTMLElement>;
-    dialog: DialogHtmlAttributes<HTMLElement>;
+    dialog: DialogHtmlAttributes<HTMLDialogElement>;
     div: HTMLAttributes<HTMLDivElement>;
     dl: HTMLAttributes<HTMLDListElement>;
     dt: HTMLAttributes<HTMLElement>;

package/types/reactive/array.d.ts

@@ -1,4 +1,4 @@
-import { Accessor } from "./signal";
+import { Accessor } from "./signal.js";
 /**
  * reactively transforms an array with a callback function - underlying helper for the `<For>` control flow
  *

package/types/reactive/observable.d.ts

@@ -1,4 +1,4 @@
-import { Accessor, Setter } from "./signal";
+import { Accessor, Setter } from "./signal.js";
 declare global {
     interface SymbolConstructor {
         readonly observable: symbol;

package/types/reactive/signal.d.ts

@@ -1,6 +1,6 @@
-import { requestCallback } from "./scheduler";
-import type { JSX } from "../jsx";
-import type { FlowComponent } from "../render";
+import { requestCallback } from "./scheduler.js";
+import type { JSX } from "../jsx.js";
+import type { FlowComponent } from "../render/index.js";
 export declare const equalFn: <T>(a: T, b: T) => boolean;
 export declare const $PROXY: unique symbol;
 export declare const $TRACK: unique symbol;
@@ -8,7 +8,6 @@ export declare const $DEVCOMP: unique symbol;
 export declare var Owner: Owner | null;
 export declare let Transition: TransitionState | null;
 declare let ExternalSourceFactory: ExternalSourceFactory | null;
-declare let Pending: SignalState<any>[] | null;
 declare global {
     var _$afterUpdate: () => void;
     var _$afterCreateRoot: (root: Owner) => void;
@@ -229,48 +228,56 @@ interface Error {
     state: "error";
     loading: false;
     error: any;
-    latest: undefined;
-    (): undefined;
+    latest: never;
+    (): never;
 }
-export declare type Resource<T> = undefined extends T ? Unresolved | Pending | Ready<T> | Refreshing<T> | Error : Ready<T> | Refreshing<T> | Error;
-export declare type ResourceActions<T> = {
-    mutate: Setter<T>;
-    refetch: (info?: unknown) => T | Promise<T> | undefined | null;
+export declare type Resource<T> = Unresolved | Pending | Ready<T> | Refreshing<T> | Error;
+export declare type InitializedResource<T> = Ready<T> | Refreshing<T> | Error;
+export declare type ResourceActions<T, R = unknown> = {
+    mutate: Setter<T | undefined>;
+    refetch: (info?: R) => T | Promise<T> | undefined | null;
 };
 export declare type ResourceSource<S> = S | false | null | undefined | (() => S | false | null | undefined);
-export declare type ResourceFetcher<S, T> = (k: S, info: ResourceFetcherInfo<T>) => T | Promise<T>;
-export declare type ResourceFetcherInfo<T> = {
+export declare type ResourceFetcher<S, T, R = unknown> = (k: S, info: ResourceFetcherInfo<T, R>) => T | Promise<T>;
+export declare type ResourceFetcherInfo<T, R = unknown> = {
     value: T | undefined;
-    refetching?: unknown;
+    refetching: R | boolean;
 };
-export declare type ResourceOptions<T> = undefined extends T ? {
+export declare type ResourceOptions<T, S = unknown> = {
     initialValue?: T;
     name?: string;
     deferStream?: boolean;
-    store?: <T>(init: T) => [Accessor<T>, Setter<T>];
-    onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
-} : {
+    useInitialValue?: boolean;
+    store?: (init: T | undefined) => [Accessor<T | undefined>, Setter<T | undefined>];
+    onHydrated?: (k: S | undefined, info: {
+        value: T | undefined;
+    }) => void;
+};
+export declare type InitializedResourceOptions<T, S = unknown> = ResourceOptions<T, S> & {
     initialValue: T;
-    name?: string;
-    deferStream?: boolean;
-    store?: <T>(init: T) => [Accessor<T>, Setter<T>];
-    onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 };
-export declare type ResourceReturn<T, K = T> = [Resource<T>, ResourceActions<K>];
+export declare type ResourceReturn<T, R = unknown> = [Resource<T>, ResourceActions<T, R>];
+export declare type InitializedResourceReturn<T, R = unknown> = [
+    InitializedResource<T>,
+    ResourceActions<T, R>
+];
 /**
  * Creates a resource that wraps a repeated promise in a reactive pattern:
  * ```typescript
+ * // Without source
+ * const [resource, { mutate, refetch }] = createResource(fetcher, options);
+ * // With source
  * const [resource, { mutate, refetch }] = createResource(source, fetcher, options);
  * ```
- * @param source - reactive data function to toggle the request, optional
- * @param fetcher - function that receives the source (or true) and an accessor for the last or initial value and returns a value or a Promise with the value:
+ * @param source - reactive data function which has its non-nullish and non-false values passed to the fetcher, optional
+ * @param fetcher - function that receives the source (true if source not provided), the last or initial value, and whether the resource is being refetched, and returns a value or a Promise:
  * ```typescript
- * const fetcher: ResourceFetcher<S, T, > = (
- *   sourceOutput: ReturnValue<typeof source>,
- *   info: ResourceFetcherInfo<T>
+ * const fetcher: ResourceFetcher<S, T, R> = (
+ *   sourceOutput: S,
+ *   info: { value: T | undefined, refetching: R | boolean }
  * ) => T | Promise<T>;
  * ```
- * @param options - an optional object with the initialValue and the name (for debugging purposes)
+ * @param options - an optional object with the initialValue and the name (for debugging purposes); see {@link ResourceOptions}
  *
  * @returns ```typescript
  * [Resource<T>, { mutate: Setter<T>, refetch: () => void }]
@@ -278,14 +285,14 @@ export declare type ResourceReturn<T, K = T> = [Resource<T>, ResourceActions<K>]
  *
  * * Setting an `initialValue` in the options will mean that both the prev() accessor and the resource should never return undefined (if that is wanted, you need to extend the type with undefined)
  * * `mutate` allows to manually overwrite the resource without calling the fetcher
- * * `refetch` will re-run the fetcher without changing the source
+ * * `refetch` will re-run the fetcher without changing the source, and if called with a value, that value will be passed to the fetcher via the `refetching` property on the fetcher's second parameter
  *
  * @description https://www.solidjs.com/docs/latest/api#createresource
  */
-export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S, T>, options?: ResourceOptions<undefined>): ResourceReturn<T | undefined>;
-export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S, T>, options: ResourceOptions<T>): ResourceReturn<T>;
-export declare function createResource<T, S>(source: ResourceSource<S>, fetcher: ResourceFetcher<S, T>, options?: ResourceOptions<undefined>): ResourceReturn<T | undefined>;
-export declare function createResource<T, S>(source: ResourceSource<S>, fetcher: ResourceFetcher<S, T>, options: ResourceOptions<T>): ResourceReturn<T>;
+export declare function createResource<T, R = unknown>(fetcher: ResourceFetcher<true, T, R>, options: InitializedResourceOptions<NoInfer<T>, true>): InitializedResourceReturn<T, R>;
+export declare function createResource<T, R = unknown>(fetcher: ResourceFetcher<true, T, R>, options?: ResourceOptions<NoInfer<T>, true>): ResourceReturn<T, R>;
+export declare function createResource<T, S, R = unknown>(source: ResourceSource<S>, fetcher: ResourceFetcher<S, T, R>, options: InitializedResourceOptions<NoInfer<T>, S>): InitializedResourceReturn<T, R>;
+export declare function createResource<T, S, R = unknown>(source: ResourceSource<S>, fetcher: ResourceFetcher<S, T, R>, options?: ResourceOptions<NoInfer<T>, S>): ResourceReturn<T, R>;
 export interface DeferredOptions<T> {
     equals?: false | ((prev: T, next: T) => boolean);
     name?: string;

package/types/render/Suspense.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from "../jsx";
+import type { JSX } from "../jsx.js";
 /**
  * **[experimental]** controls the order in which suspended content is rendered
  *

package/types/render/component.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from "../jsx";
+import type { JSX } from "../jsx.js";
 export declare function enableHydration(): void;
 /**
  * A general `Component` has no implicit `children` prop.  If desired, you can

package/types/render/flow.d.ts

@@ -1,5 +1,5 @@
-import { Accessor } from "../reactive/signal";
-import type { JSX } from "../jsx";
+import { Accessor } from "../reactive/signal.js";
+import type { JSX } from "../jsx.js";
 /**
  * creates a list elements from a list
  *
@@ -42,9 +42,16 @@ export declare function Index<T, U extends JSX.Element>(props: {
  */
 export declare function Show<T>(props: {
     when: T | undefined | null | false;
+    keyed: true;
     fallback?: JSX.Element;
     children: JSX.Element | ((item: NonNullable<T>) => JSX.Element);
 }): () => JSX.Element;
+export declare function Show<T>(props: {
+    when: T | undefined | null | false;
+    keyed?: false;
+    fallback?: JSX.Element;
+    children: JSX.Element;
+}): () => JSX.Element;
 /**
  * switches between content based on mutually exclusive conditions
  * ```typescript
@@ -65,6 +72,7 @@ export declare function Switch(props: {
 }): Accessor<JSX.Element>;
 export declare type MatchProps<T> = {
     when: T | undefined | null | false;
+    keyed?: boolean;
     children: JSX.Element | ((item: NonNullable<T>) => JSX.Element);
 };
 /**
@@ -76,7 +84,16 @@ export declare type MatchProps<T> = {
  * ```
  * @description https://www.solidjs.com/docs/latest/api#%3Cswitch%3E%2F%3Cmatch%3E
  */
-export declare function Match<T>(props: MatchProps<T>): JSX.Element;
+export declare function Match<T>(props: {
+    when: T | undefined | null | false;
+    keyed: true;
+    children: JSX.Element | ((item: NonNullable<T>) => JSX.Element);
+}): JSX.Element;
+export declare function Match<T>(props: {
+    when: T | undefined | null | false;
+    keyed?: false;
+    children: JSX.Element;
+}): JSX.Element;
 export declare function resetErrorBoundaries(): void;
 /**
  * catches uncaught errors inside components and renders a fallback content

package/types/render/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./component";
-export * from "./flow";
-export * from "./Suspense";
-export { sharedConfig } from "./hydration";
+export * from "./component.js";
+export * from "./flow.js";
+export * from "./Suspense.js";
+export { sharedConfig } from "./hydration.js";

package/types/server/index.d.ts

@@ -1,3 +1,3 @@
-export { createRoot, createSignal, createComputed, createRenderEffect, createEffect, createReaction, createDeferred, createSelector, createMemo, getListener, onMount, onCleanup, onError, untrack, batch, on, children, createContext, useContext, getOwner, runWithOwner, equalFn, requestCallback, mapArray, observable, from, $PROXY, $DEVCOMP, DEV, enableExternalSource } from "./reactive";
-export { mergeProps, splitProps, createComponent, For, Index, Show, Switch, Match, ErrorBoundary, Suspense, SuspenseList, createResource, resetErrorBoundaries, enableScheduling, enableHydration, startTransition, useTransition, createUniqueId, lazy, sharedConfig } from "./rendering";
-export type { Component, Resource } from "./rendering";
+export { createRoot, createSignal, createComputed, createRenderEffect, createEffect, createReaction, createDeferred, createSelector, createMemo, getListener, onMount, onCleanup, onError, untrack, batch, on, children, createContext, useContext, getOwner, runWithOwner, equalFn, requestCallback, mapArray, observable, from, $PROXY, $DEVCOMP, DEV, enableExternalSource } from "./reactive.js";
+export { mergeProps, splitProps, createComponent, For, Index, Show, Switch, Match, ErrorBoundary, Suspense, SuspenseList, createResource, resetErrorBoundaries, enableScheduling, enableHydration, startTransition, useTransition, createUniqueId, lazy, sharedConfig } from "./rendering.js";
+export type { Component, Resource } from "./rendering.js";

package/types/server/reactive.d.ts

@@ -4,6 +4,7 @@ export declare const $DEVCOMP: unique symbol;
 export declare const DEV: {};
 export declare type Accessor<T> = () => T;
 export declare type Setter<T> = undefined extends T ? <U extends T>(value?: (U extends Function ? never : U) | ((prev?: T) => U)) => U : <U extends T>(value: (U extends Function ? never : U) | ((prev: T) => U)) => U;
+export declare const BRANCH: unique symbol;
 export declare function castError(err: any): string | Error;
 export declare let Owner: Owner | null;
 interface Owner {
@@ -28,7 +29,10 @@ export declare function on<T, U>(deps: Array<() => T> | (() => T), fn: (value: A
     defer?: boolean;
 }): (prev?: U) => U | undefined;
 export declare function onMount(fn: () => void): void;
-export declare function onCleanup(fn: () => void): void;
+export declare function onCleanup(fn: () => void): () => void;
+export declare function cleanNode(node: {
+    cleanups?: Function[] | null;
+}): void;
 export declare function onError(fn: (err: any) => void): void;
 export declare function getListener(): null;
 export interface Context<T> {
@@ -43,7 +47,7 @@ export declare function createContext<T>(defaultValue?: T): Context<T>;
 export declare function useContext<T>(context: Context<T>): T;
 export declare function getOwner(): Owner | null;
 export declare function children(fn: () => any): () => unknown;
-export declare function runWithOwner<T>(o: Owner, fn: () => T): T;
+export declare function runWithOwner<T>(o: Owner, fn: () => T): T | undefined;
 export declare function lookup(owner: Owner | null, key: symbol | string): any;
 export interface Task {
     id: number;
@@ -64,10 +68,10 @@ export declare type ObservableObserver<T> = ((v: T) => void) | {
     complete?: (v: boolean) => void;
 };
 export declare function observable<T>(input: Accessor<T>): {
-    [x: number]: () => any;
     subscribe(observer: ObservableObserver<T>): {
         unsubscribe(): void;
     };
+    [Symbol.observable](): any;
 };
 export declare function from<T>(producer: ((setter: Setter<T>) => () => void) | {
     subscribe: (fn: (v: T) => void) => (() => void) | {