@vertz/ui 0.2.0 → 0.2.1

package/dist/internals.d.ts

@@ -1,3 +1,58 @@
+/**
+* A reactive signal that holds a value and notifies subscribers on change.
+*/
+interface Signal<T> {
+	/** Get the current value and subscribe to changes (when inside a tracking context). */
+	get value(): T;
+	/** Set the current value and notify subscribers if changed. */
+	set value(newValue: T);
+	/** Read the current value without subscribing (no tracking). */
+	peek(): T;
+	/** Manually notify all subscribers (useful after mutating the value in place). */
+	notify(): void;
+}
+/** Dispose function returned by effect(). */
+type DisposeFn = () => void;
+/**
+* A snapshot of context values at a point in time.
+* Each Provider creates a new scope that inherits from the parent.
+* Effects capture this scope so that useContext works in async callbacks.
+*/
+type ContextScope = Map<Context<unknown>, unknown>;
+/**
+* Props for the JSX pattern of Context.Provider.
+*
+* `children` accepts both raw values (what TypeScript sees in JSX) and
+* thunks (what the compiler produces). At compile time the compiler wraps
+* JSX children in `() => ...`, but TypeScript checks the pre-compilation
+* source where children are plain elements.
+*/
+interface ProviderJsxProps<T> {
+	value: T;
+	children: (() => unknown) | unknown;
+}
+/** A context object created by `createContext`. */
+interface Context<T> {
+	/** Provide a value via callback pattern. */
+	Provider(value: T, fn: () => void): void;
+	/** Provide a value via JSX pattern (single-arg object with children thunk). */
+	Provider(props: ProviderJsxProps<T>): HTMLElement;
+	/** @internal — current value stack */
+	_stack: T[];
+	/** @internal — default value */
+	_default: T | undefined;
+}
+/**
+* Get the current context scope for capture by effects.
+* @internal
+*/
+declare function getContextScope(): ContextScope | null;
+/**
+* Set the current context scope (used by effects to restore captured context).
+* Returns the previous scope for restoration.
+* @internal
+*/
+declare function setContextScope(scope: ContextScope | null): ContextScope | null;
 /** Color tokens: a map of color names to their raw/contextual values. */
 type ColorTokens = Record<string, Record<string, string>>;
 /** Spacing tokens: a flat map of names to CSS values. */
@@ -60,7 +115,7 @@ declare const KEYWORD_MAP: Record<string, CSSDeclarationEntry[]>;
 declare const DISPLAY_MAP: Record<string, string>;
 /** Spacing scale: number -> rem. 1=0.25rem, 2=0.5rem, 4=1rem, 8=2rem, etc. */
 declare const SPACING_SCALE: Record<string, string>;
-/** Border radius scale. */
+/** Border radius scale — matches Tailwind v4 / shadcn. */
 declare const RADIUS_SCALE: Record<string, string>;
 /** Shadow scale. */
 declare const SHADOW_SCALE: Record<string, string>;
@@ -87,20 +142,60 @@ declare const PSEUDO_PREFIXES: ReadonlySet<string>;
 /** Map pseudo shorthand names to CSS pseudo-selectors. */
 declare const PSEUDO_MAP: Record<string, string>;
 /**
-* A reactive signal that holds a value and notifies subscribers on change.
+* Brand symbol for render nodes.
+* SSR nodes add this to their prototype for fast identification.
+* Browser DOM nodes use the `instanceof Node` fallback in `isRenderNode`.
 */
-interface Signal<T> {
-	/** Get the current value and subscribe to changes (when inside a tracking context). */
-	get value(): T;
-	/** Set the current value and notify subscribers if changed. */
-	set value(newValue: T);
-	/** Read the current value without subscribing (no tracking). */
-	peek(): T;
-	/** Manually notify all subscribers (useful after mutating the value in place). */
-	notify(): void;
+declare const RENDER_NODE_BRAND: unique symbol;
+interface RenderNode {}
+interface RenderElement extends RenderNode {
+	setAttribute(name: string, value: string): void;
+	removeAttribute(name: string): void;
+	getAttribute(name: string): string | null;
+	style: {
+		display: string;
+		[key: string]: any;
+	};
+	classList: {
+		add(cls: string): void;
+		remove(cls: string): void;
+	};
+	addEventListener(event: string, handler: EventListener): void;
+	removeEventListener(event: string, handler: EventListener): void;
 }
-/** Dispose function returned by effect(). */
-type DisposeFn = () => void;
+interface RenderText extends RenderNode {
+	data: string;
+}
+interface RenderAdapter {
+	createElement(tag: string): RenderElement;
+	createElementNS(ns: string, tag: string): RenderElement;
+	createTextNode(text: string): RenderText;
+	createComment(text: string): RenderNode;
+	createDocumentFragment(): RenderNode;
+	isNode(value: unknown): value is RenderNode;
+}
+/**
+* Type guard: checks if a value is a RenderNode.
+* Fast path: brand check for SSR nodes.
+* Fallback: instanceof Node for browser DOM nodes.
+*/
+declare function isRenderNode(value: unknown): value is RenderNode;
+/**
+* Get the current render adapter.
+* Auto-detects DOMAdapter if document exists and no adapter has been set.
+*/
+declare function getAdapter(): RenderAdapter;
+/**
+* Set the current render adapter.
+* Pass null to reset to auto-detect.
+*/
+declare function setAdapter(adapter: RenderAdapter | null): void;
+/**
+* Wait for all CSS animations on an element to complete, then call back.
+* If no animations are running, calls back immediately.
+* Respects prefers-reduced-motion by skipping the wait.
+*/
+declare function onAnimationsComplete(el: HTMLElement, callback: () => void): void;
 /**
 * Create a reactive attribute binding.
 * When the value returned by `fn` changes, the attribute is updated.
@@ -109,7 +204,7 @@ type DisposeFn = () => void;
 * Compiler output target for reactive attribute expressions.
 * Returns a dispose function to stop the reactive binding.
 */
-declare function __attr(el: HTMLElement, name: string, fn: () => string | null | undefined): DisposeFn;
+declare function __attr(el: HTMLElement, name: string, fn: () => string | boolean | null | undefined): DisposeFn;
 /**
 * Reactive display toggle.
 * When fn() returns false, the element is hidden (display: none).
@@ -139,9 +234,16 @@ interface DisposableNode extends Node {
 *
 * Compiler output target for ternary expressions and if/else in JSX.
 *
-* Returns a Node (DocumentFragment) with a `dispose` property attached.
+* Returns a DisposableNode: a DocumentFragment (CSR) or the claimed
+* comment anchor (hydration), with a `dispose` property attached.
 */
 declare function __conditional(condFn: () => boolean, trueFn: () => Node | null, falseFn: () => Node | null): DisposableNode;
+/**
+* Create a DOM adapter that delegates to real browser DOM APIs.
+* Zero overhead — no branding, no wrapping.
+* Browser `Node` instances pass `isRenderNode()` via the `instanceof Node` fallback.
+*/
+declare function createDOMAdapter(): RenderAdapter;
 /** A Text node that also carries a dispose function for cleanup. */
 interface DisposableText extends Text {
 	dispose: DisposeFn;
@@ -174,17 +276,45 @@ declare function __child(fn: () => Node | string | number | boolean | null | und
 * This is used for static JSX expression children to avoid the performance
 * overhead of effect() when reactivity isn't needed.
 *
-* Handles Node values (appended directly), primitives (converted to text),
-* and nullish/boolean values (skipped).
+* Functions and arrays are resolved unconditionally before branching on
+* hydration state, ensuring all inner __element/__on calls execute
+* regardless of mode.
 */
-declare function __insert(parent: Node, value: Node | string | number | boolean | null | undefined): void;
+declare function __insert(parent: Node, value: Node | string | number | boolean | null | undefined | (() => unknown) | unknown[]): void;
 /**
 * Create a DOM element with optional static properties.
 *
 * This is a compiler output target — the compiler generates calls
 * to __element for each JSX element.
 */
-declare function __element(tag: string, props?: Record<string, string>): HTMLElement;
+declare function __element<K extends keyof HTMLElementTagNameMap>(tag: K, props?: Record<string, string>): HTMLElementTagNameMap[K];
+declare function __element(tag: string, props?: Record<string, string>): Element;
+/**
+* Append a child to a parent node.
+* During hydration, this is a no-op — the child is already in the DOM.
+* During CSR, delegates to appendChild.
+*
+* Compiler output target — replaces direct `parent.appendChild(child)`.
+*/
+declare function __append(parent: Node, child: Node): void;
+/**
+* Create a static text node.
+* During hydration, claims an existing text node from the SSR output.
+* During CSR, creates a new text node.
+*
+* Compiler output target — replaces `document.createTextNode(str)`.
+*/
+declare function __staticText(text: string): Text;
+/**
+* Push the hydration cursor into an element's children.
+* Compiler output target — emitted around child construction.
+*/
+declare function __enterChildren(el: Element): void;
+/**
+* Pop the hydration cursor back to the parent scope.
+* Compiler output target — emitted after all children are appended.
+*/
+declare function __exitChildren(): void;
 /**
 * Bind an event handler to an element.
 * Returns a cleanup function to remove the listener.
@@ -216,11 +346,11 @@ declare function clearChildren(container: Node): void;
 * @param items - A signal or getter function containing the array of items.
 *   The compiler generates `() => signal.value` as a getter; the runtime
 *   also accepts a raw Signal for direct use in tests.
-* @param keyFn - Extracts a unique key from each item
+* @param keyFn - Extracts a unique key from each item (receives item and index)
 * @param renderFn - Creates a DOM node for an item (called once per key)
 * @returns A dispose function to stop the reactive list reconciliation
 */
-declare function __list<T>(container: HTMLElement, items: Signal<T[]> | (() => T[]), keyFn: (item: T) => string | number, renderFn: (item: T) => Node): DisposeFn;
+declare function __list<T>(container: HTMLElement, items: Signal<T[]> | (() => T[]), keyFn: (item: T, index: number) => string | number, renderFn: (item: T) => Node): DisposeFn;
 /** A function returning a dynamic import of a component module. */
 type ComponentLoader = () => Promise<{
 	default: ComponentFunction;
@@ -248,6 +378,7 @@ interface CacheStore<T = unknown> {
 	get(key: string): T | undefined;
 	set(key: string, value: T): void;
 	delete(key: string): void;
+	clear?(): void;
 }
 /**
 * Default in-memory cache backed by a Map.
@@ -257,6 +388,7 @@ declare class MemoryCache<T = unknown> implements CacheStore<T> {
 	get(key: string): T | undefined;
 	set(key: string, value: T): void;
 	delete(key: string): void;
+	clear(): void;
 }
 /**
 * Derive a cache key from a thunk function.
@@ -294,7 +426,13 @@ type ExtractParams<T extends string> = [ExtractParamsFromSegments<WithoutWildcar
 } : { [K in ExtractParamsFromSegments<WithoutWildcard<T>>] : string };
 /** Simple schema interface for search param parsing. */
 interface SearchParamSchema<T> {
-	parse(data: unknown): T;
+	parse(data: unknown): {
+		ok: true;
+		data: T;
+	} | {
+		ok: false;
+		error: unknown;
+	};
 }
 /** A route configuration for a single path. */
 interface RouteConfig<
@@ -398,6 +536,20 @@ interface MatchResult {
 */
 declare function matchPath(pattern: string, path: string): MatchResult | null;
 /**
+* Register a cleanup function with the current disposal scope.
+* Throws `DisposalScopeError` if no scope is active — fail-fast
+* so developers know their cleanup callback was not registered.
+*/
+declare function onCleanup(fn: DisposeFn): void;
+/**
+* Try to register a cleanup function with the current disposal scope.
+* If no scope is active, the callback is silently discarded.
+*
+* @internal — Used by runtime primitives (effect, watch, __list) that
+* optionally register with a parent scope but work fine without one.
+*/
+declare function _tryOnCleanup(fn: DisposeFn): void;
+/**
 * Push a new cleanup scope. All onCleanup calls within this scope
 * will be collected and returned when the scope is popped.
 */
@@ -411,4 +563,21 @@ declare function popScope(): void;
 * Reverse order matches try/finally semantics — last registered, first cleaned up.
 */
 declare function runCleanups(cleanups: DisposeFn[]): void;
-export { runCleanups, resolveComponent, removeNode, pushScope, popScope, matchRoute, matchPath, insertBefore, executeLoaders, deserializeProps, deriveKey, compileTheme, clearChildren, __text, __show, __on, __list, __insert, __element, __conditional, __classList, __child, __attr, SPACING_SCALE, SIZE_KEYWORDS, SHADOW_SCALE, RADIUS_SCALE, PropertyMapping, PSEUDO_PREFIXES, PSEUDO_MAP, PROPERTY_MAP, MemoryCache, MatchResult, LINE_HEIGHT_SCALE, KEYWORD_MAP, HEIGHT_AXIS_PROPERTIES, FONT_WEIGHT_SCALE, FONT_SIZE_SCALE, DISPLAY_MAP, CSS_COLOR_KEYWORDS, CSSDeclarationEntry, CONTENT_MAP, COLOR_NAMESPACES, ALIGNMENT_MAP };
+declare function startSignalCollection(): void;
+declare function stopSignalCollection(): Signal<unknown>[];
+/**
+* Create a reactive effect for DOM population.
+* During CSR: runs immediately and tracks dependencies (full reactivity).
+* During SSR: runs callback once synchronously WITHOUT signal tracking
+*             (populates initial DOM state, then discards).
+* Returns a dispose function to stop the effect.
+*/
+declare function domEffect(fn: () => void): DisposeFn;
+/**
+* Create a reactive effect for lifecycle concerns (data fetching, side effects).
+* During CSR: runs immediately and tracks dependencies (full reactivity).
+* During SSR: complete no-op (lifecycle effects are irrelevant for static HTML).
+* Returns a dispose function to stop the effect.
+*/
+declare function lifecycleEffect(fn: () => void): DisposeFn;
+export { stopSignalCollection, startSignalCollection, setContextScope, setAdapter, runCleanups, resolveComponent, removeNode, pushScope, popScope, onCleanup, onAnimationsComplete, matchRoute, matchPath, lifecycleEffect, isRenderNode, insertBefore, getContextScope, getAdapter, executeLoaders, domEffect, deserializeProps, deriveKey, createDOMAdapter, compileTheme, clearChildren, _tryOnCleanup, __text, __staticText, __show, __on, __list, __insert, __exitChildren, __enterChildren, __element, __conditional, __classList, __child, __attr, __append, SPACING_SCALE, SIZE_KEYWORDS, SHADOW_SCALE, RenderText, RenderNode, RenderElement, RenderAdapter, RENDER_NODE_BRAND, RADIUS_SCALE, PropertyMapping, PSEUDO_PREFIXES, PSEUDO_MAP, PROPERTY_MAP, MemoryCache, MatchResult, LINE_HEIGHT_SCALE, KEYWORD_MAP, HEIGHT_AXIS_PROPERTIES, FONT_WEIGHT_SCALE, FONT_SIZE_SCALE, DISPLAY_MAP, CSS_COLOR_KEYWORDS, CSSDeclarationEntry, CONTENT_MAP, COLOR_NAMESPACES, ALIGNMENT_MAP };

package/dist/internals.js

@@ -1,23 +1,24 @@
 import {
   deserializeProps,
+  onAnimationsComplete,
   resolveComponent
-} from "./shared/chunk-d8h2eh8d.js";
+} from "./shared/chunk-pp3a6xbn.js";
+import {
+  __attr,
+  __classList,
+  __on,
+  __show
+} from "./shared/chunk-v3yyf79g.js";
 import {
   executeLoaders,
   matchPath,
   matchRoute
-} from "./shared/chunk-j8vzvne3.js";
+} from "./shared/chunk-9e92w0wt.js";
 import {
   MemoryCache,
   deriveKey
-} from "./shared/chunk-zbbvx05f.js";
-import {
-  _tryOnCleanup,
-  effect,
-  popScope,
-  pushScope,
-  runCleanups
-} from "./shared/chunk-pgymxpn1.js";
+} from "./shared/chunk-wv6kkj1w.js";
+import"./shared/chunk-vx0kzack.js";
 import {
   ALIGNMENT_MAP,
   COLOR_NAMESPACES,
@@ -37,55 +38,123 @@ import {
   SIZE_KEYWORDS,
   SPACING_SCALE,
   compileTheme
-} from "./shared/chunk-f1ynwam4.js";
-// src/dom/attributes.ts
-function __attr(el, name, fn) {
-  return effect(() => {
-    const value = fn();
-    if (value == null) {
-      el.removeAttribute(name);
-    } else {
-      el.setAttribute(name, value);
-    }
-  });
-}
-function __show(el, fn) {
-  const originalDisplay = el.style.display;
-  return effect(() => {
-    el.style.display = fn() ? originalDisplay : "none";
-  });
+} from "./shared/chunk-0p5f7gmg.js";
+import {
+  __append,
+  __child,
+  __element,
+  __enterChildren,
+  __exitChildren,
+  __insert,
+  __staticText,
+  __text,
+  claimComment,
+  claimText,
+  getIsHydrating
+} from "./shared/chunk-ryb49346.js";
+import {
+  RENDER_NODE_BRAND,
+  createDOMAdapter,
+  getAdapter,
+  isRenderNode,
+  setAdapter
+} from "./shared/chunk-g4rch80a.js";
+import {
+  _tryOnCleanup,
+  domEffect,
+  getContextScope,
+  lifecycleEffect,
+  onCleanup,
+  popScope,
+  pushScope,
+  runCleanups,
+  setContextScope,
+  startSignalCollection,
+  stopSignalCollection
+} from "./shared/chunk-hrd0mft1.js";
+import"./shared/chunk-prj7nm08.js";
+// src/dom/conditional.ts
+function __conditional(condFn, trueFn, falseFn) {
+  if (getIsHydrating()) {
+    return hydrateConditional(condFn, trueFn, falseFn);
+  }
+  return csrConditional(condFn, trueFn, falseFn);
 }
-function __classList(el, classMap) {
-  const disposers = [];
-  for (const [className, fn] of Object.entries(classMap)) {
-    disposers.push(effect(() => {
-      if (fn()) {
-        el.classList.add(className);
+function hydrateConditional(condFn, trueFn, falseFn) {
+  const anchor = claimComment() ?? getAdapter().createComment("conditional");
+  let currentNode = null;
+  let branchCleanups = [];
+  const outerScope = pushScope();
+  let isFirstRun = true;
+  domEffect(() => {
+    const show = condFn();
+    if (isFirstRun) {
+      isFirstRun = false;
+      const scope2 = pushScope();
+      const branchResult2 = show ? trueFn() : falseFn();
+      popScope();
+      branchCleanups = scope2;
+      if (branchResult2 == null || typeof branchResult2 === "boolean") {
+        currentNode = getAdapter().createComment("empty");
+      } else if (isRenderNode(branchResult2)) {
+        currentNode = branchResult2;
       } else {
-        el.classList.remove(className);
+        const claimed = claimText();
+        currentNode = claimed ?? getAdapter().createTextNode(String(branchResult2));
       }
-    }));
-  }
-  return () => {
-    for (const dispose of disposers) {
-      dispose();
+      return;
+    }
+    runCleanups(branchCleanups);
+    const scope = pushScope();
+    const branchResult = show ? trueFn() : falseFn();
+    popScope();
+    branchCleanups = scope;
+    let newNode;
+    if (branchResult == null || typeof branchResult === "boolean") {
+      newNode = getAdapter().createComment("empty");
+    } else if (isRenderNode(branchResult)) {
+      newNode = branchResult;
+    } else {
+      newNode = getAdapter().createTextNode(String(branchResult));
     }
+    if (currentNode?.parentNode) {
+      currentNode.parentNode.replaceChild(newNode, currentNode);
+    } else if (anchor.parentNode) {
+      anchor.parentNode.insertBefore(newNode, anchor.nextSibling);
+    }
+    currentNode = newNode;
+  });
+  popScope();
+  const wrapper = () => {
+    runCleanups(branchCleanups);
+    runCleanups(outerScope);
   };
+  _tryOnCleanup(wrapper);
+  const result = Object.assign(anchor, {
+    dispose: wrapper
+  });
+  return result;
 }
-// src/dom/conditional.ts
-function __conditional(condFn, trueFn, falseFn) {
-  const anchor = document.createComment("conditional");
+function csrConditional(condFn, trueFn, falseFn) {
+  const anchor = getAdapter().createComment("conditional");
   let currentNode = null;
   let branchCleanups = [];
   const outerScope = pushScope();
-  effect(() => {
+  domEffect(() => {
     const show = condFn();
     runCleanups(branchCleanups);
     const scope = pushScope();
     const branchResult = show ? trueFn() : falseFn();
     popScope();
     branchCleanups = scope;
-    const newNode = branchResult ?? document.createComment("empty");
+    let newNode;
+    if (branchResult == null || typeof branchResult === "boolean") {
+      newNode = getAdapter().createComment("empty");
+    } else if (isRenderNode(branchResult)) {
+      newNode = branchResult;
+    } else {
+      newNode = getAdapter().createTextNode(String(branchResult));
+    }
     if (currentNode?.parentNode) {
       currentNode.parentNode.replaceChild(newNode, currentNode);
     } else if (anchor.parentNode) {
@@ -99,7 +168,7 @@ function __conditional(condFn, trueFn, falseFn) {
     runCleanups(outerScope);
   };
   _tryOnCleanup(wrapper);
-  const fragment = document.createDocumentFragment();
+  const fragment = getAdapter().createDocumentFragment();
   fragment.appendChild(anchor);
   if (currentNode) {
     fragment.appendChild(currentNode);
@@ -107,59 +176,6 @@ function __conditional(condFn, trueFn, falseFn) {
   const result = Object.assign(fragment, { dispose: wrapper });
   return result;
 }
-// src/dom/element.ts
-function __text(fn) {
-  const node = document.createTextNode("");
-  node.dispose = effect(() => {
-    node.data = fn();
-  });
-  return node;
-}
-function __child(fn) {
-  const wrapper = document.createElement("span");
-  wrapper.style.display = "contents";
-  wrapper.dispose = effect(() => {
-    const value = fn();
-    while (wrapper.firstChild) {
-      wrapper.removeChild(wrapper.firstChild);
-    }
-    if (value == null || typeof value === "boolean") {
-      return;
-    }
-    if (value instanceof Node) {
-      wrapper.appendChild(value);
-      return;
-    }
-    const textValue = typeof value === "string" ? value : String(value);
-    wrapper.appendChild(document.createTextNode(textValue));
-  });
-  return wrapper;
-}
-function __insert(parent, value) {
-  if (value == null || typeof value === "boolean") {
-    return;
-  }
-  if (value instanceof Node) {
-    parent.appendChild(value);
-    return;
-  }
-  const textValue = typeof value === "string" ? value : String(value);
-  parent.appendChild(document.createTextNode(textValue));
-}
-function __element(tag, props) {
-  const el = document.createElement(tag);
-  if (props) {
-    for (const [key, value] of Object.entries(props)) {
-      el.setAttribute(key, value);
-    }
-  }
-  return el;
-}
-// src/dom/events.ts
-function __on(el, event, handler) {
-  el.addEventListener(event, handler);
-  return () => el.removeEventListener(event, handler);
-}
 // src/dom/insert.ts
 function insertBefore(container, node, reference) {
   container.insertBefore(node, reference);
@@ -177,10 +193,25 @@ function __list(container, items, keyFn, renderFn) {
   const getItems = typeof items === "function" ? items : () => items.value;
   const nodeMap = new Map;
   const scopeMap = new Map;
+  const isHydrationRun = getIsHydrating();
   const outerScope = pushScope();
-  effect(() => {
+  let isFirstRun = true;
+  domEffect(() => {
     const newItems = getItems();
-    const newKeySet = new Set(newItems.map(keyFn));
+    if (isFirstRun && isHydrationRun) {
+      isFirstRun = false;
+      for (const [i, item] of newItems.entries()) {
+        const key = keyFn(item, i);
+        const scope = pushScope();
+        const node = renderFn(item);
+        popScope();
+        nodeMap.set(key, node);
+        scopeMap.set(key, scope);
+      }
+      return;
+    }
+    isFirstRun = false;
+    const newKeySet = new Set(newItems.map((item, i) => keyFn(item, i)));
     for (const [key, node] of nodeMap) {
       if (!newKeySet.has(key)) {
         const scope = scopeMap.get(key);
@@ -193,8 +224,8 @@ function __list(container, items, keyFn, renderFn) {
       }
     }
     const desiredNodes = [];
-    for (const item of newItems) {
-      const key = keyFn(item);
+    for (const [i, item] of newItems.entries()) {
+      const key = keyFn(item, i);
       let node = nodeMap.get(key);
       if (!node) {
         const scope = pushScope();
@@ -224,32 +255,50 @@ function __list(container, items, keyFn, renderFn) {
   return wrapper;
 }
 export {
+  stopSignalCollection,
+  startSignalCollection,
+  setContextScope,
+  setAdapter,
   runCleanups,
   resolveComponent,
   removeNode,
   pushScope,
   popScope,
+  onCleanup,
+  onAnimationsComplete,
   matchRoute,
   matchPath,
+  lifecycleEffect,
+  isRenderNode,
   insertBefore,
+  getContextScope,
+  getAdapter,
   executeLoaders,
+  domEffect,
   deserializeProps,
   deriveKey,
+  createDOMAdapter,
   compileTheme,
   clearChildren,
+  _tryOnCleanup,
   __text,
+  __staticText,
   __show,
   __on,
   __list,
   __insert,
+  __exitChildren,
+  __enterChildren,
   __element,
   __conditional,
   __classList,
   __child,
   __attr,
+  __append,
   SPACING_SCALE,
   SIZE_KEYWORDS,
   SHADOW_SCALE,
+  RENDER_NODE_BRAND,
   RADIUS_SCALE,
   PSEUDO_PREFIXES,
   PSEUDO_MAP,