@fictjs/runtime 0.0.7 → 0.0.9

package/dist/slim.d.cts

@@ -104,19 +104,19 @@ declare function bindText(textNode: Text, getValue: () => unknown): Cleanup;
 /**
  * Bind a reactive value to an element's attribute.
  */
-declare function bindAttribute(el: HTMLElement, key: string, getValue: () => unknown): Cleanup;
+declare function bindAttribute(el: Element, key: string, getValue: () => unknown): Cleanup;
 /**
  * Bind a reactive value to an element's property.
  */
-declare function bindProperty(el: HTMLElement, key: string, getValue: () => unknown): Cleanup;
+declare function bindProperty(el: Element, key: string, getValue: () => unknown): Cleanup;
 /**
  * Bind a reactive style value to an existing element.
  */
-declare function bindStyle(el: HTMLElement, getValue: () => string | Record<string, string | number> | null | undefined): Cleanup;
+declare function bindStyle(el: Element, getValue: () => string | Record<string, string | number> | null | undefined): Cleanup;
 /**
  * Bind a reactive class value to an existing element.
  */
-declare function bindClass(el: HTMLElement, getValue: () => string | Record<string, boolean> | null | undefined): Cleanup;
+declare function bindClass(el: Element, getValue: () => string | Record<string, boolean> | null | undefined): Cleanup;
 /**
  * Insert reactive content into a parent element.
  * This is a simpler API than createChildBinding for basic cases.
@@ -126,10 +126,10 @@ declare function bindClass(el: HTMLElement, getValue: () => string | Record<stri
  * @param markerOrCreateElement - Optional marker node to insert before, or createElementFn
  * @param createElementFn - Optional function to create DOM elements (when marker is provided)
  */
-declare function insert(parent: HTMLElement | DocumentFragment, getValue: () => FictNode, markerOrCreateElement?: Node | CreateElementFn, createElementFn?: CreateElementFn): Cleanup;
+declare function insert(parent: ParentNode & Node, getValue: () => FictNode, markerOrCreateElement?: Node | CreateElementFn, createElementFn?: CreateElementFn): Cleanup;
 declare global {
-    interface HTMLElement {
-        _$host?: HTMLElement;
+    interface Element {
+        _$host?: Element;
         [key: `$$${string}`]: EventListener | [EventListener, unknown] | undefined;
         [key: `$$${string}Data`]: unknown;
     }
@@ -172,7 +172,7 @@ declare function clearDelegatedEvents(doc?: Document): void;
  * bindEvent(button, 'click', handler, { capture: true, passive: true, once: true })
  * ```
  */
-declare function bindEvent(el: HTMLElement, eventName: string, handler: EventListenerOrEventListenerObject | null | undefined, options?: boolean | AddEventListenerOptions): Cleanup;
+declare function bindEvent(el: Element, eventName: string, handler: EventListenerOrEventListenerObject | null | undefined, options?: boolean | AddEventListenerOptions): Cleanup;
 /**
  * Bind a ref to an element.
  * Supports both callback refs and ref objects.
@@ -194,7 +194,7 @@ declare function bindEvent(el: HTMLElement, eventName: string, handler: EventLis
  * bindRef(el, () => props.ref)
  * ```
  */
-declare function bindRef(el: HTMLElement, ref: unknown): Cleanup;
+declare function bindRef(el: Element, ref: unknown): Cleanup;
 /**
  * Create a conditional rendering binding.
  * Efficiently renders one of two branches based on a condition.
@@ -218,8 +218,9 @@ declare function createConditional(condition: () => boolean, renderTrue: () => F
 type KeyFn<T> = (item: T, index: number) => string | number;
 /**
  * Create a reactive list rendering binding with optional keying.
+ * The render callback receives signal accessors for the item and index.
  */
-declare function createList<T>(items: () => T[], renderItem: (item: T, index: number) => FictNode, createElementFn: CreateElementFn, getKey?: KeyFn<T>): BindingHandle;
+declare function createList<T>(items: () => T[], renderItem: (item: SignalAccessor<T>, index: SignalAccessor<number>) => FictNode, createElementFn: CreateElementFn, getKey?: KeyFn<T>): BindingHandle;
 
 interface ReactiveScope {
     run<T>(fn: () => T): T;
@@ -430,7 +431,7 @@ declare function createKeyedListContainer<T = unknown>(): KeyedListContainer<T>;
  * @param render - Function that creates the DOM nodes and sets up bindings
  * @returns New KeyedBlock
  */
-declare function createKeyedBlock<T>(key: string | number, item: T, index: number, render: (item: SignalAccessor<T>, index: SignalAccessor<number>, key: string | number) => Node[], needsIndex?: boolean): KeyedBlock<T>;
+declare function createKeyedBlock<T>(key: string | number, item: T, index: number, render: (item: SignalAccessor<T>, index: SignalAccessor<number>, key: string | number) => Node[], needsIndex?: boolean, hostRoot?: RootContext): KeyedBlock<T>;
 /**
  * Find the first node after the start marker (for getting current anchor)
  */

package/dist/slim.d.ts

@@ -104,19 +104,19 @@ declare function bindText(textNode: Text, getValue: () => unknown): Cleanup;
 /**
  * Bind a reactive value to an element's attribute.
  */
-declare function bindAttribute(el: HTMLElement, key: string, getValue: () => unknown): Cleanup;
+declare function bindAttribute(el: Element, key: string, getValue: () => unknown): Cleanup;
 /**
  * Bind a reactive value to an element's property.
  */
-declare function bindProperty(el: HTMLElement, key: string, getValue: () => unknown): Cleanup;
+declare function bindProperty(el: Element, key: string, getValue: () => unknown): Cleanup;
 /**
  * Bind a reactive style value to an existing element.
  */
-declare function bindStyle(el: HTMLElement, getValue: () => string | Record<string, string | number> | null | undefined): Cleanup;
+declare function bindStyle(el: Element, getValue: () => string | Record<string, string | number> | null | undefined): Cleanup;
 /**
  * Bind a reactive class value to an existing element.
  */
-declare function bindClass(el: HTMLElement, getValue: () => string | Record<string, boolean> | null | undefined): Cleanup;
+declare function bindClass(el: Element, getValue: () => string | Record<string, boolean> | null | undefined): Cleanup;
 /**
  * Insert reactive content into a parent element.
  * This is a simpler API than createChildBinding for basic cases.
@@ -126,10 +126,10 @@ declare function bindClass(el: HTMLElement, getValue: () => string | Record<stri
  * @param markerOrCreateElement - Optional marker node to insert before, or createElementFn
  * @param createElementFn - Optional function to create DOM elements (when marker is provided)
  */
-declare function insert(parent: HTMLElement | DocumentFragment, getValue: () => FictNode, markerOrCreateElement?: Node | CreateElementFn, createElementFn?: CreateElementFn): Cleanup;
+declare function insert(parent: ParentNode & Node, getValue: () => FictNode, markerOrCreateElement?: Node | CreateElementFn, createElementFn?: CreateElementFn): Cleanup;
 declare global {
-    interface HTMLElement {
-        _$host?: HTMLElement;
+    interface Element {
+        _$host?: Element;
         [key: `$$${string}`]: EventListener | [EventListener, unknown] | undefined;
         [key: `$$${string}Data`]: unknown;
     }
@@ -172,7 +172,7 @@ declare function clearDelegatedEvents(doc?: Document): void;
  * bindEvent(button, 'click', handler, { capture: true, passive: true, once: true })
  * ```
  */
-declare function bindEvent(el: HTMLElement, eventName: string, handler: EventListenerOrEventListenerObject | null | undefined, options?: boolean | AddEventListenerOptions): Cleanup;
+declare function bindEvent(el: Element, eventName: string, handler: EventListenerOrEventListenerObject | null | undefined, options?: boolean | AddEventListenerOptions): Cleanup;
 /**
  * Bind a ref to an element.
  * Supports both callback refs and ref objects.
@@ -194,7 +194,7 @@ declare function bindEvent(el: HTMLElement, eventName: string, handler: EventLis
  * bindRef(el, () => props.ref)
  * ```
  */
-declare function bindRef(el: HTMLElement, ref: unknown): Cleanup;
+declare function bindRef(el: Element, ref: unknown): Cleanup;
 /**
  * Create a conditional rendering binding.
  * Efficiently renders one of two branches based on a condition.
@@ -218,8 +218,9 @@ declare function createConditional(condition: () => boolean, renderTrue: () => F
 type KeyFn<T> = (item: T, index: number) => string | number;
 /**
  * Create a reactive list rendering binding with optional keying.
+ * The render callback receives signal accessors for the item and index.
  */
-declare function createList<T>(items: () => T[], renderItem: (item: T, index: number) => FictNode, createElementFn: CreateElementFn, getKey?: KeyFn<T>): BindingHandle;
+declare function createList<T>(items: () => T[], renderItem: (item: SignalAccessor<T>, index: SignalAccessor<number>) => FictNode, createElementFn: CreateElementFn, getKey?: KeyFn<T>): BindingHandle;
 
 interface ReactiveScope {
     run<T>(fn: () => T): T;
@@ -430,7 +431,7 @@ declare function createKeyedListContainer<T = unknown>(): KeyedListContainer<T>;
  * @param render - Function that creates the DOM nodes and sets up bindings
  * @returns New KeyedBlock
  */
-declare function createKeyedBlock<T>(key: string | number, item: T, index: number, render: (item: SignalAccessor<T>, index: SignalAccessor<number>, key: string | number) => Node[], needsIndex?: boolean): KeyedBlock<T>;
+declare function createKeyedBlock<T>(key: string | number, item: T, index: number, render: (item: SignalAccessor<T>, index: SignalAccessor<number>, key: string | number) => Node[], needsIndex?: boolean, hostRoot?: RootContext): KeyedBlock<T>;
 /**
  * Find the first node after the start marker (for getting current anchor)
  */