sibujs 1.5.0 → 2.0.0

package/dist/index.d.cts

@@ -1,6 +1,7 @@
-import { T as TagProps, N as NodeChildren, a as NodeChild } from './tagFactory-DaJ0YWX6.cjs';
-export { S as SVG_NS, t as tagFactory } from './tagFactory-DaJ0YWX6.cjs';
+import { T as TagProps, N as NodeChildren, a as NodeChild } from './tagFactory-S17H2qxu.cjs';
+export { D as Dispose, S as SVG_NS, t as tagFactory } from './tagFactory-S17H2qxu.cjs';
 import { R as ReactiveSignal } from './signal-BnWpq6WB.cjs';
+export { T as TrustedHTML, t as trustHTML } from './ssr-CrVNy6Pa.cjs';
 
 type reactive<T> = T | (() => T);
 interface AnchorProps extends TagProps {
@@ -734,14 +735,29 @@ interface EffectOptions {
  * ```
  */
 declare function on<T>(deps: () => T, handler: (value: T, prev: T | undefined) => void): () => void;
+/** Registers a function to run before the effect re-runs or is disposed.
+ *  Called with the same signature inside every invocation. */
+type OnCleanup = (fn: () => void) => void;
+/** The user's effect body — may accept an `onCleanup` callback to register
+ *  teardown that runs before the next re-run or on dispose. */
+type EffectBody = (onCleanup: OnCleanup) => void;
 /**
  * effect runs the provided effectFn immediately and re-runs it whenever
  * any reactive dependency changes.
  * Returns a cleanup function to stop further executions.
  *
  * In SSR mode, effect is a no-op — side effects should not run on the server.
+ *
+ * @example addEventListener pattern with built-in teardown:
+ * ```ts
+ * effect((onCleanup) => {
+ *   const handler = (e: Event) => { ... };
+ *   window.addEventListener("resize", handler);
+ *   onCleanup(() => window.removeEventListener("resize", handler));
+ * });
+ * ```
  */
-declare function effect(effectFn: () => void, options?: EffectOptions): () => void;
+declare function effect(effectFn: EffectBody | (() => void), options?: EffectOptions): () => void;
 
 /**
  * derived creates a derived reactive signal whose value updates when dependencies change.
@@ -755,6 +771,9 @@ declare function effect(effectFn: () => void, options?: EffectOptions): () => vo
  */
 declare function derived<T>(getter: () => T, options?: {
     name?: string;
+    /** Custom equality — when the recomputed value equals the previous,
+     *  downstream subscribers are not notified. Defaults to `Object.is`. */
+    equals?: (a: T, b: T) => boolean;
 }): Accessor<T>;
 
 /**
@@ -1044,7 +1063,8 @@ type CleanupFn = () => void;
 declare function onMount(callback: () => undefined | CleanupFn, element?: HTMLElement): void;
 /**
  * Runs a callback when the given element is removed from the DOM.
- * Uses MutationObserver to watch for disconnection.
+ * Uses a shared MutationObserver to watch for disconnection, plus
+ * `registerDisposer` so explicit dispose() paths also trigger the callback.
  *
  * @param callback Function to run on unmount
  * @param element The element to watch for removal
@@ -1095,14 +1115,32 @@ declare function onCleanup(callback: CleanupFn, element: Node): void;
  * ```
  */
 interface Context<T> {
-    /** Set the context value globally. Affects all consumers. */
-    provide(value: T): void;
+    /**
+     * Set the context value globally. Affects all consumers.
+     *
+     * Returns a `restore` function that re-sets the context to the value it
+     * had *before* this `provide` call. Useful for scoped overrides:
+     *
+     * ```ts
+     * const restore = Theme.provide("dark");
+     * try { renderChild(); } finally { restore(); }
+     * ```
+     *
+     * Callers that don't need scoping can ignore the return value — existing
+     * semantics are preserved.
+     */
+    provide(value: T): () => void;
     /** Get a reactive getter for the current context value. */
     use(): () => T;
     /** Get the current value directly (non-reactive). */
     get(): T;
     /** Update the provided value reactively. */
     set(value: T): void;
+    /**
+     * Run `fn` with the context temporarily set to `value`, then restore the
+     * previous value (even if `fn` throws). Returns the result of `fn`.
+     */
+    withContext<R>(value: T, fn: () => R): R;
 }
 /**
  * Creates a new context with an optional default value.
@@ -1158,6 +1196,11 @@ declare function strictEffect(fn: () => void): () => void;
  * During server-side rendering, side effects (effect, watch, onMount)
  * should not run. This module provides a flag to enable/disable SSR mode.
  *
+ * Concurrency: on Node we back the flag with AsyncLocalStorage so
+ * simultaneous requests get independent SSR scopes. On runtimes without
+ * AsyncLocalStorage (browser, some edge runtimes) we fall back to a
+ * module-global boolean.
+ *
  * Usage:
  *   enableSSR();        // Call before rendering on the server
  *   renderToString(...);
@@ -1165,13 +1208,30 @@ declare function strictEffect(fn: () => void): () => void;
  *
  * Or use the scoped helper:
  *   withSSR(() => renderToString(...));
+ *   runInSSRContext(() => renderToString(...));
+ */
+/**
+ * Per-request SSR store. Currently holds the SSR flag plus a
+ * suspense-id counter so concurrent streaming renders never collide.
  */
+interface SSRStore {
+    ssr: boolean;
+    suspenseIdCounter: number;
+}
+/** Returns the active store (ALS or fallback). */
+declare function getSSRStore(): SSRStore;
 /** Returns true when running in SSR mode. */
 declare function isSSR(): boolean;
 /** Enable SSR mode. Side effects (effect, watch, onMount) become no-ops. */
 declare function enableSSR(): void;
 /** Disable SSR mode. Side effects resume normal behavior. */
 declare function disableSSR(): void;
+/**
+ * Run `fn` inside a fresh request-scoped SSR context. On Node this uses
+ * AsyncLocalStorage so concurrent requests never share state; elsewhere
+ * it falls back to mutating the module-global store.
+ */
+declare function runInSSRContext<T>(fn: () => T): T;
 /**
  * Run a function in SSR mode. Automatically enables/disables SSR around the callback.
  * Returns whatever the callback returns.
@@ -1256,7 +1316,9 @@ declare function nextTick(): Promise<void>;
  * each(() => heavyFilter(items, deferredQuery()), row => li(row.name));
  * ```
  */
-declare function defer<T>(getter: () => T): () => T;
+declare function defer<T>(getter: () => T): (() => T) & {
+    dispose: () => void;
+};
 interface TransitionState {
     pending: () => boolean;
     start: (fn: () => void | Promise<void>) => void;
@@ -1306,6 +1368,7 @@ declare function untracked<T>(fn: () => T): T;
  */
 declare function bindDynamic(el: HTMLElement, nameGetter: string | (() => string), valueGetter: string | (() => unknown)): () => void;
 
+declare function takePendingError(node: Element): Error | undefined;
 type Component = () => HTMLElement;
 type LazyImport = () => Promise<{
     default: Component;
@@ -1471,4 +1534,4 @@ interface LoadingProps {
  */
 declare function Loading(props?: LoadingProps): HTMLElement;
 
-export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, type MediaProps, NodeChild, NodeChildren, type OptionProps, Portal, type Ref, type SelectProps, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, type TextareaProps, type TypedTagFunction, type VideoProps, __resetIdCounter, a, abbr, action, address, area, array, article, aside, asyncDerived, audio, autoResize, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, copyOnClick, createId, customElement, data, datalist, dd, deepEqual, deepSignal, defer, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, nav, nextTick, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerComponent, registerDisposer, resolveComponent, rp, rt, ruby, s, samp, script, section, select, setGlobalErrorHandler, show, signal, slot, small, source, span, stop, store, strict, strictEffect, strong, style, sub, summary, sup, svg, symbol, table, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track, transition, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };
+export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectBody, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, type MediaProps, NodeChild, NodeChildren, type OnCleanup, type OptionProps, Portal, type Ref, type SSRStore, type SelectProps, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, type TextareaProps, type TypedTagFunction, type VideoProps, __resetIdCounter, a, abbr, action, address, area, array, article, aside, asyncDerived, audio, autoResize, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, copyOnClick, createId, customElement, data, datalist, dd, deepEqual, deepSignal, defer, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSSRStore, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, nav, nextTick, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerComponent, registerDisposer, resolveComponent, rp, rt, ruby, runInSSRContext, s, samp, script, section, select, setGlobalErrorHandler, show, signal, slot, small, source, span, stop, store, strict, strictEffect, strong, style, sub, summary, sup, svg, symbol, table, takePendingError, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track, transition, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import { T as TagProps, N as NodeChildren, a as NodeChild } from './tagFactory-DaJ0YWX6.js';
-export { S as SVG_NS, t as tagFactory } from './tagFactory-DaJ0YWX6.js';
+import { T as TagProps, N as NodeChildren, a as NodeChild } from './tagFactory-S17H2qxu.js';
+export { D as Dispose, S as SVG_NS, t as tagFactory } from './tagFactory-S17H2qxu.js';
 import { R as ReactiveSignal } from './signal-BnWpq6WB.js';
+export { T as TrustedHTML, t as trustHTML } from './ssr-CrVNy6Pa.js';
 
 type reactive<T> = T | (() => T);
 interface AnchorProps extends TagProps {
@@ -734,14 +735,29 @@ interface EffectOptions {
  * ```
  */
 declare function on<T>(deps: () => T, handler: (value: T, prev: T | undefined) => void): () => void;
+/** Registers a function to run before the effect re-runs or is disposed.
+ *  Called with the same signature inside every invocation. */
+type OnCleanup = (fn: () => void) => void;
+/** The user's effect body — may accept an `onCleanup` callback to register
+ *  teardown that runs before the next re-run or on dispose. */
+type EffectBody = (onCleanup: OnCleanup) => void;
 /**
  * effect runs the provided effectFn immediately and re-runs it whenever
  * any reactive dependency changes.
  * Returns a cleanup function to stop further executions.
  *
  * In SSR mode, effect is a no-op — side effects should not run on the server.
+ *
+ * @example addEventListener pattern with built-in teardown:
+ * ```ts
+ * effect((onCleanup) => {
+ *   const handler = (e: Event) => { ... };
+ *   window.addEventListener("resize", handler);
+ *   onCleanup(() => window.removeEventListener("resize", handler));
+ * });
+ * ```
  */
-declare function effect(effectFn: () => void, options?: EffectOptions): () => void;
+declare function effect(effectFn: EffectBody | (() => void), options?: EffectOptions): () => void;
 
 /**
  * derived creates a derived reactive signal whose value updates when dependencies change.
@@ -755,6 +771,9 @@ declare function effect(effectFn: () => void, options?: EffectOptions): () => vo
  */
 declare function derived<T>(getter: () => T, options?: {
     name?: string;
+    /** Custom equality — when the recomputed value equals the previous,
+     *  downstream subscribers are not notified. Defaults to `Object.is`. */
+    equals?: (a: T, b: T) => boolean;
 }): Accessor<T>;
 
 /**
@@ -1044,7 +1063,8 @@ type CleanupFn = () => void;
 declare function onMount(callback: () => undefined | CleanupFn, element?: HTMLElement): void;
 /**
  * Runs a callback when the given element is removed from the DOM.
- * Uses MutationObserver to watch for disconnection.
+ * Uses a shared MutationObserver to watch for disconnection, plus
+ * `registerDisposer` so explicit dispose() paths also trigger the callback.
  *
  * @param callback Function to run on unmount
  * @param element The element to watch for removal
@@ -1095,14 +1115,32 @@ declare function onCleanup(callback: CleanupFn, element: Node): void;
  * ```
  */
 interface Context<T> {
-    /** Set the context value globally. Affects all consumers. */
-    provide(value: T): void;
+    /**
+     * Set the context value globally. Affects all consumers.
+     *
+     * Returns a `restore` function that re-sets the context to the value it
+     * had *before* this `provide` call. Useful for scoped overrides:
+     *
+     * ```ts
+     * const restore = Theme.provide("dark");
+     * try { renderChild(); } finally { restore(); }
+     * ```
+     *
+     * Callers that don't need scoping can ignore the return value — existing
+     * semantics are preserved.
+     */
+    provide(value: T): () => void;
     /** Get a reactive getter for the current context value. */
     use(): () => T;
     /** Get the current value directly (non-reactive). */
     get(): T;
     /** Update the provided value reactively. */
     set(value: T): void;
+    /**
+     * Run `fn` with the context temporarily set to `value`, then restore the
+     * previous value (even if `fn` throws). Returns the result of `fn`.
+     */
+    withContext<R>(value: T, fn: () => R): R;
 }
 /**
  * Creates a new context with an optional default value.
@@ -1158,6 +1196,11 @@ declare function strictEffect(fn: () => void): () => void;
  * During server-side rendering, side effects (effect, watch, onMount)
  * should not run. This module provides a flag to enable/disable SSR mode.
  *
+ * Concurrency: on Node we back the flag with AsyncLocalStorage so
+ * simultaneous requests get independent SSR scopes. On runtimes without
+ * AsyncLocalStorage (browser, some edge runtimes) we fall back to a
+ * module-global boolean.
+ *
  * Usage:
  *   enableSSR();        // Call before rendering on the server
  *   renderToString(...);
@@ -1165,13 +1208,30 @@ declare function strictEffect(fn: () => void): () => void;
  *
  * Or use the scoped helper:
  *   withSSR(() => renderToString(...));
+ *   runInSSRContext(() => renderToString(...));
+ */
+/**
+ * Per-request SSR store. Currently holds the SSR flag plus a
+ * suspense-id counter so concurrent streaming renders never collide.
  */
+interface SSRStore {
+    ssr: boolean;
+    suspenseIdCounter: number;
+}
+/** Returns the active store (ALS or fallback). */
+declare function getSSRStore(): SSRStore;
 /** Returns true when running in SSR mode. */
 declare function isSSR(): boolean;
 /** Enable SSR mode. Side effects (effect, watch, onMount) become no-ops. */
 declare function enableSSR(): void;
 /** Disable SSR mode. Side effects resume normal behavior. */
 declare function disableSSR(): void;
+/**
+ * Run `fn` inside a fresh request-scoped SSR context. On Node this uses
+ * AsyncLocalStorage so concurrent requests never share state; elsewhere
+ * it falls back to mutating the module-global store.
+ */
+declare function runInSSRContext<T>(fn: () => T): T;
 /**
  * Run a function in SSR mode. Automatically enables/disables SSR around the callback.
  * Returns whatever the callback returns.
@@ -1256,7 +1316,9 @@ declare function nextTick(): Promise<void>;
  * each(() => heavyFilter(items, deferredQuery()), row => li(row.name));
  * ```
  */
-declare function defer<T>(getter: () => T): () => T;
+declare function defer<T>(getter: () => T): (() => T) & {
+    dispose: () => void;
+};
 interface TransitionState {
     pending: () => boolean;
     start: (fn: () => void | Promise<void>) => void;
@@ -1306,6 +1368,7 @@ declare function untracked<T>(fn: () => T): T;
  */
 declare function bindDynamic(el: HTMLElement, nameGetter: string | (() => string), valueGetter: string | (() => unknown)): () => void;
 
+declare function takePendingError(node: Element): Error | undefined;
 type Component = () => HTMLElement;
 type LazyImport = () => Promise<{
     default: Component;
@@ -1471,4 +1534,4 @@ interface LoadingProps {
  */
 declare function Loading(props?: LoadingProps): HTMLElement;
 
-export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, type MediaProps, NodeChild, NodeChildren, type OptionProps, Portal, type Ref, type SelectProps, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, type TextareaProps, type TypedTagFunction, type VideoProps, __resetIdCounter, a, abbr, action, address, area, array, article, aside, asyncDerived, audio, autoResize, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, copyOnClick, createId, customElement, data, datalist, dd, deepEqual, deepSignal, defer, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, nav, nextTick, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerComponent, registerDisposer, resolveComponent, rp, rt, ruby, s, samp, script, section, select, setGlobalErrorHandler, show, signal, slot, small, source, span, stop, store, strict, strictEffect, strong, style, sub, summary, sup, svg, symbol, table, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track, transition, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };
+export { type Accessor, type ActionFn, type AnchorProps, type ArrayActions, type AsyncDerivedState, type AudioProps, type ButtonProps, type Context, DynamicComponent, type EffectBody, type EffectOptions, ErrorBoundary, type ErrorBoundaryProps, ErrorDisplay, type ErrorDisplayProps, type ErrorSeverity, type FormProps, Fragment, type ImgProps, type InputProps, type InputType, KeepAlive, type KeepAliveOptions, type LabelProps, Loading, type LoadingProps, type LongPressOptions, type MediaProps, NodeChild, NodeChildren, type OnCleanup, type OptionProps, Portal, type Ref, type SSRStore, type SelectProps, type SignalOptions, type SlotFn, type Slots, type StoreActions, Suspense, type SuspenseProps, TagProps, type TextareaProps, type TypedTagFunction, type VideoProps, __resetIdCounter, a, abbr, action, address, area, array, article, aside, asyncDerived, audio, autoResize, b, base, batch, bdi, bdo, bindDynamic, blockquote, body, br, button, canvas, caption, catchError, catchErrorAsync, center, checkLeaks, circle, cite, clickOutside, clipPath, code, col, colgroup, context, copyOnClick, createId, customElement, data, datalist, dd, deepEqual, deepSignal, defer, defs, del, derived, details, dfn, dialog, disableSSR, dispose, div, dl, dt, each, effect, ellipse, em, embed, enableSSR, enqueueBatchedSignal, fieldset, figcaption, figure, font, footer, form, g, getSSRStore, getSlot, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, isBatching, isSSR, kbd, label, lazy, legend, li, line, linearGradient, link, longPress, main, map, mark, marker, marquee, mask, match, math, menu, meta, meter, mount, nav, nextTick, noscript, object, ol, on, onCleanup, onMount, onUnmount, optgroup, option, output, p, param, path, pattern, picture, polygon, polyline, portal, pre, progress, q, radialGradient, reactiveArray, rect, ref, registerComponent, registerDisposer, resolveComponent, rp, rt, ruby, runInSSRContext, s, samp, script, section, select, setGlobalErrorHandler, show, signal, slot, small, source, span, stop, store, strict, strictEffect, strong, style, sub, summary, sup, svg, symbol, table, takePendingError, tbody, td, template, text, textarea, tfoot, th, thead, time, title, tr, track, transition, trapFocus, tspan, u, ul, unregisterComponent, untracked, use, var_, video, watch, when, withSSR, writable };

package/dist/index.js

@@ -38,12 +38,13 @@ import {
   store,
   strict,
   strictEffect,
+  takePendingError,
   transition,
   trapFocus,
   unregisterComponent,
   when,
   writable
-} from "./chunk-JCDUJN2F.js";
+} from "./chunk-ND2664SF.js";
 import {
   __resetIdCounter,
   createId
@@ -185,47 +186,54 @@ import {
   use,
   var_,
   video
-} from "./chunk-P3XWXJZU.js";
+} from "./chunk-R73P76YZ.js";
 import {
   watch
-} from "./chunk-GJPXRJ45.js";
+} from "./chunk-ITX6OO3F.js";
+import {
+  trustHTML
+} from "./chunk-JYD2PWXH.js";
 import {
   context
-} from "./chunk-6BMPXPUW.js";
+} from "./chunk-GTBNNBJ6.js";
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-SFKNRVCU.js";
+} from "./chunk-KLRMB5ZS.js";
+import {
+  bindDynamic
+} from "./chunk-DFPFITST.js";
+import {
+  derived
+} from "./chunk-54EDRCEF.js";
 import {
-  bindDynamic,
   checkLeaks,
   dispose,
   registerDisposer
-} from "./chunk-5ZYQ6KDD.js";
-import {
-  derived
-} from "./chunk-XHK6BDAJ.js";
-import "./chunk-CMBFNA7L.js";
+} from "./chunk-2UPRY23K.js";
+import "./chunk-UCS6AMJ7.js";
 import {
   effect,
   on
-} from "./chunk-VQNQZCWJ.js";
+} from "./chunk-HB24TBAF.js";
 import {
   disableSSR,
   enableSSR,
+  getSSRStore,
   isSSR,
+  runInSSRContext,
   withSSR
-} from "./chunk-EUZND3CB.js";
+} from "./chunk-2RA7SHDA.js";
 import {
   batch,
   enqueueBatchedSignal,
   isBatching,
   signal
-} from "./chunk-NZIIMDWI.js";
+} from "./chunk-CC65Y57T.js";
 import {
   untracked
-} from "./chunk-K4G4ZQNR.js";
-import "./chunk-5X6PP2UK.js";
+} from "./chunk-VLPPXTYG.js";
+import "./chunk-LMLD24FC.js";
 export {
   DynamicComponent,
   ErrorBoundary,
@@ -306,6 +314,7 @@ export {
   footer,
   form,
   g,
+  getSSRStore,
   getSlot,
   h1,
   h2,
@@ -378,6 +387,7 @@ export {
   rp,
   rt,
   ruby,
+  runInSSRContext,
   s,
   samp,
   script,
@@ -403,6 +413,7 @@ export {
   symbol,
   table,
   tagFactory,
+  takePendingError,
   tbody,
   td,
   template,
@@ -417,6 +428,7 @@ export {
   track,
   transition,
   trapFocus,
+  trustHTML,
   tspan,
   u,
   ul,

package/dist/{introspect-BumjnBKr.d.cts → introspect-BWNjNw64.d.cts}

@@ -102,6 +102,13 @@ interface DevToolsConfig {
     maxEvents?: number;
     enabled?: boolean;
     maxSignals?: number;
+    /**
+     * When true, attach the devtools API and data providers onto
+     * `globalThis.__SIBU__` (and the deprecated legacy `__SIBU_DEVTOOLS__*`
+     * aliases) so the browser extension / panel can read them. Defaults to
+     * `false` — production and tests should leave this off.
+     */
+    expose?: boolean;
 }
 interface ComponentEntry {
     element: HTMLElement;
@@ -134,6 +141,7 @@ declare function initDevTools(config?: DevToolsConfig): {
     setEnabled: (v: boolean) => void;
     snapshot: () => Record<string, unknown>;
     highlightElement: (name: string) => void;
+    getElementHTML: (name: string, max?: number) => string | null;
     destroy: () => void;
 };
 declare function devState<T>(name: string, initial: T): [() => T, (value: T | ((prev: T) => T)) => void];
@@ -150,6 +158,12 @@ declare function devState<T>(name: string, initial: T): [() => T, (value: T | ((
  * The utilities integrate with bundlers that expose a `module.hot` or
  * `import.meta.hot` API (Webpack, Vite, Parcel, etc.).
  */
+/**
+ * Remove a single HMR module entry (state + registry) by id.
+ * Call this from `import.meta.hot.accept()` / `module.hot.dispose()` handlers
+ * when the module is being fully replaced or torn down.
+ */
+declare function clearHMRModule(id: string): void;
 /**
  * Create an HMR-aware state that persists across module reloads.
  * During development, state is stored in a global map keyed by a unique `id`.
@@ -228,6 +242,12 @@ declare function createHMRBoundary(id: string): {
  * Clear all HMR state (useful for a full page refresh or test teardown).
  */
 declare function clearHMRState(): void;
+/**
+ * Register HMR helpers under `__SIBU__.hmr` so devtools panels can reach them.
+ * Call this explicitly from your app bootstrap when you want the exposure —
+ * nothing is attached by default, matching initDevTools({ expose: true }).
+ */
+declare function exposeHMR(): void;
 /**
  * Check if HMR is available in the current environment.
  * Returns `true` when any of the common bundler HMR APIs are detected
@@ -468,10 +488,10 @@ declare function inspectSignal(getter: () => unknown): ReactiveNodeInfo | null;
  *
  * Set maxDepth to limit traversal (default: 10).
  */
-declare function walkDependencyGraph(getter: () => unknown, maxDepth?: number): {
+declare function walkDependencyGraph(getter: () => unknown, maxDepth?: number, visited?: WeakSet<ReactiveSignal>): {
     name: string | undefined;
     subscribers: number;
     downstream: ReturnType<typeof walkDependencyGraph>[];
 };
 
-export { measureRender as A, perfTracker as B, registerHMR as C, type DevToolsEvent as D, runCleanups as E, startMeasure as F, trackCleanup as G, walkDependencyGraph as H, withErrorTracking as I, type ProfilerResult as P, type ReactiveNodeInfo as R, SibuError as S, type DevtoolsOverlayOptions as a, clearDebugValues as b, checkLeaks as c, clearHMRState as d, clearPerformanceData as e, createDevtoolsOverlay as f, createErrorReporter as g, createHMRBoundary as h, createProfiler as i, debugLog as j, debugValue as k, devState as l, disableDebug as m, enableDebug as n, formatError as o, getActiveDevTools as p, getDebugValues as q, getDependencies as r, getPerformanceReport as s, getSignalName as t, getSubscriberCount as u, hmrState as v, initDevTools as w, inspectSignal as x, isDebugEnabled as y, isHMRAvailable as z };
+export { isDebugEnabled as A, isHMRAvailable as B, measureRender as C, type DevToolsEvent as D, perfTracker as E, registerHMR as F, runCleanups as G, startMeasure as H, trackCleanup as I, walkDependencyGraph as J, withErrorTracking as K, type ProfilerResult as P, type ReactiveNodeInfo as R, SibuError as S, type DevtoolsOverlayOptions as a, clearDebugValues as b, checkLeaks as c, clearHMRModule as d, clearHMRState as e, clearPerformanceData as f, createDevtoolsOverlay as g, createErrorReporter as h, createHMRBoundary as i, createProfiler as j, debugLog as k, debugValue as l, devState as m, disableDebug as n, enableDebug as o, exposeHMR as p, formatError as q, getActiveDevTools as r, getDebugValues as s, getDependencies as t, getPerformanceReport as u, getSignalName as v, getSubscriberCount as w, hmrState as x, initDevTools as y, inspectSignal as z };

package/dist/{introspect-CZrlcaYy.d.ts → introspect-cY2pg9pW.d.ts}

@@ -102,6 +102,13 @@ interface DevToolsConfig {
     maxEvents?: number;
     enabled?: boolean;
     maxSignals?: number;
+    /**
+     * When true, attach the devtools API and data providers onto
+     * `globalThis.__SIBU__` (and the deprecated legacy `__SIBU_DEVTOOLS__*`
+     * aliases) so the browser extension / panel can read them. Defaults to
+     * `false` — production and tests should leave this off.
+     */
+    expose?: boolean;
 }
 interface ComponentEntry {
     element: HTMLElement;
@@ -134,6 +141,7 @@ declare function initDevTools(config?: DevToolsConfig): {
     setEnabled: (v: boolean) => void;
     snapshot: () => Record<string, unknown>;
     highlightElement: (name: string) => void;
+    getElementHTML: (name: string, max?: number) => string | null;
     destroy: () => void;
 };
 declare function devState<T>(name: string, initial: T): [() => T, (value: T | ((prev: T) => T)) => void];
@@ -150,6 +158,12 @@ declare function devState<T>(name: string, initial: T): [() => T, (value: T | ((
  * The utilities integrate with bundlers that expose a `module.hot` or
  * `import.meta.hot` API (Webpack, Vite, Parcel, etc.).
  */
+/**
+ * Remove a single HMR module entry (state + registry) by id.
+ * Call this from `import.meta.hot.accept()` / `module.hot.dispose()` handlers
+ * when the module is being fully replaced or torn down.
+ */
+declare function clearHMRModule(id: string): void;
 /**
  * Create an HMR-aware state that persists across module reloads.
  * During development, state is stored in a global map keyed by a unique `id`.
@@ -228,6 +242,12 @@ declare function createHMRBoundary(id: string): {
  * Clear all HMR state (useful for a full page refresh or test teardown).
  */
 declare function clearHMRState(): void;
+/**
+ * Register HMR helpers under `__SIBU__.hmr` so devtools panels can reach them.
+ * Call this explicitly from your app bootstrap when you want the exposure —
+ * nothing is attached by default, matching initDevTools({ expose: true }).
+ */
+declare function exposeHMR(): void;
 /**
  * Check if HMR is available in the current environment.
  * Returns `true` when any of the common bundler HMR APIs are detected
@@ -468,10 +488,10 @@ declare function inspectSignal(getter: () => unknown): ReactiveNodeInfo | null;
  *
  * Set maxDepth to limit traversal (default: 10).
  */
-declare function walkDependencyGraph(getter: () => unknown, maxDepth?: number): {
+declare function walkDependencyGraph(getter: () => unknown, maxDepth?: number, visited?: WeakSet<ReactiveSignal>): {
     name: string | undefined;
     subscribers: number;
     downstream: ReturnType<typeof walkDependencyGraph>[];
 };
 
-export { measureRender as A, perfTracker as B, registerHMR as C, type DevToolsEvent as D, runCleanups as E, startMeasure as F, trackCleanup as G, walkDependencyGraph as H, withErrorTracking as I, type ProfilerResult as P, type ReactiveNodeInfo as R, SibuError as S, type DevtoolsOverlayOptions as a, clearDebugValues as b, checkLeaks as c, clearHMRState as d, clearPerformanceData as e, createDevtoolsOverlay as f, createErrorReporter as g, createHMRBoundary as h, createProfiler as i, debugLog as j, debugValue as k, devState as l, disableDebug as m, enableDebug as n, formatError as o, getActiveDevTools as p, getDebugValues as q, getDependencies as r, getPerformanceReport as s, getSignalName as t, getSubscriberCount as u, hmrState as v, initDevTools as w, inspectSignal as x, isDebugEnabled as y, isHMRAvailable as z };
+export { isDebugEnabled as A, isHMRAvailable as B, measureRender as C, type DevToolsEvent as D, perfTracker as E, registerHMR as F, runCleanups as G, startMeasure as H, trackCleanup as I, walkDependencyGraph as J, withErrorTracking as K, type ProfilerResult as P, type ReactiveNodeInfo as R, SibuError as S, type DevtoolsOverlayOptions as a, clearDebugValues as b, checkLeaks as c, clearHMRModule as d, clearHMRState as e, clearPerformanceData as f, createDevtoolsOverlay as g, createErrorReporter as h, createHMRBoundary as i, createProfiler as j, debugLog as k, debugValue as l, devState as m, disableDebug as n, enableDebug as o, exposeHMR as p, formatError as q, getActiveDevTools as r, getDebugValues as s, getDependencies as t, getPerformanceReport as u, getSignalName as v, getSubscriberCount as w, hmrState as x, initDevTools as y, inspectSignal as z };