sibujs 4.6.0 → 4.7.0

package/dist/{tagFactory-DFstCLQV.d.cts → tagFactory-8qL9LCIx.d.cts}

@@ -1,4 +1,5 @@
 import { A as Accessor } from './signal-EotCj4hS.cjs';
+import { N as NodeChildren } from './types-CJFViL6Q.cjs';
 
 /**
  * derived creates a derived reactive signal whose value updates when dependencies change.
@@ -60,31 +61,60 @@ type DerivedAccessor<T> = Accessor<T> & {
     dispose: () => void;
 };
 
+declare const SVG_NS = "http://www.w3.org/2000/svg";
 /**
- * Canonical disposer/teardown signature used across the framework.
- *
- * Returned by `effect()`, `track()`, widget `bind()` methods, and other
- * subscription/lifecycle helpers. All disposers MUST be idempotent — calling
- * twice should be a no-op rather than an error.
+ * A style declaration map: camelCase or kebab-case property names to values.
+ * Each value may be a getter, which binds that one property reactively.
  */
-type Dispose = () => void;
-type NodeChild = Node | Element | Text | Comment | string | number | boolean | (() => NodeChild) | null | undefined;
-type NodeChildren = NodeChild | NodeChild[] | NodeChild[][] | (() => NodeChild | NodeChild[]);
-
-declare const SVG_NS = "http://www.w3.org/2000/svg";
-interface TagProps {
-    id?: string;
-    class?: string | (() => string) | Record<string, boolean | (() => boolean)>;
-    style?: Record<string, string | number | (() => string | number)> | string | (() => string);
+type StyleMap = Record<string, string | number | (() => string | number)>;
+/**
+ * A style map produced by a whole-`style` getter. The getter already runs
+ * reactively, so its values are plain; a `null` / `undefined` value leaves the
+ * property unset (and removes it if an earlier run set it).
+ */
+type StyleObject = Record<string, string | number | null | undefined>;
+/**
+ * Listeners for the `on` prop. Known DOM event names get their specific event
+ * type from the DOM lib (`keydown` → `KeyboardEvent`, `click` → the lib's
+ * `MouseEvent` / `PointerEvent`), so a handler may declare it without a cast;
+ * any other name (custom events) receives an `Event`. That fallback is
+ * method-typed, so a handler declaring a narrower event
+ * (`(e: CustomEvent<Detail>) => …`) is still accepted for a custom name.
+ */
+type TagEventHandlers = {
+    [K in keyof HTMLElementEventMap]?: (ev: HTMLElementEventMap[K]) => void;
+} & {
+    [event: string]: {
+        handle(ev: Event): void;
+    }["handle"] | undefined;
+};
+/**
+ * Props accepted by a tag factory. `El` is the element the factory creates;
+ * it types `onElement`.
+ */
+interface TagProps<El extends Element = HTMLElement> {
+    id?: string | (() => string);
+    class?: string | (() => string | null | undefined | false) | Record<string, boolean | (() => boolean)>;
+    style?: StyleMap | string | (() => string | StyleObject);
+    /**
+     * Receives the created element. Accepts what `ref()` returns under `strict`
+     * (`ref<HTMLInputElement>()` is a `Ref<HTMLInputElement | undefined>`) as
+     * well as a `{ current: Element | null }` box.
+     */
     ref?: {
-        current: Element | null;
+        current: Element | null | undefined;
     };
     nodes?: NodeChildren;
-    on?: Record<string, (ev: Event) => void>;
+    on?: TagEventHandlers;
     /** Called with the element after creation — useful for imperative bindings */
-    onElement?: (el: HTMLElement) => void;
+    onElement?(el: El): void;
     [attr: string]: unknown;
 }
+/**
+ * A tag factory: builds one `El` per call. See {@link tagFactory} for the
+ * accepted calling conventions.
+ */
+type TagFunction<El extends Element, Props extends TagProps<El> = TagProps<El>> = (first?: Props | NodeChildren, second?: NodeChildren) => El;
 /**
  * Factory for creating HTML or SVG elements with reactive props and nodes.
  *
@@ -111,7 +141,16 @@ interface TagProps {
  *   ])
  *
  * `children` overrides `props.nodes` when both are present.
+ *
+ * The returned factory is typed by the tag: `tagFactory("div")` builds
+ * `HTMLDivElement`s, `tagFactory("circle", SVG_NS)` builds `SVGCircleElement`s.
+ * A tag name TypeScript does not know builds `HTMLElement`s (which is what
+ * `document.createElement` returns for it), or `Element`s in another namespace.
  */
-declare const tagFactory: (tag: string, ns?: string) => (first?: TagProps | NodeChildren, second?: NodeChildren) => Element;
+declare function tagFactory<K extends keyof HTMLElementTagNameMap>(tag: K, ns?: undefined): TagFunction<HTMLElementTagNameMap[K]>;
+declare function tagFactory<K extends keyof SVGElementTagNameMap>(tag: K, ns: typeof SVG_NS): TagFunction<SVGElementTagNameMap[K]>;
+declare function tagFactory(tag: string, ns?: undefined): TagFunction<HTMLElement>;
+declare function tagFactory(tag: string, ns: typeof SVG_NS): TagFunction<SVGElement>;
+declare function tagFactory(tag: string, ns?: string): TagFunction<Element>;
 
-export { type DerivedAccessor as D, type NodeChild as N, SVG_NS as S, type TagProps as T, type NodeChildren as a, type Dispose as b, derived as d, tagFactory as t };
+export { type DerivedAccessor as D, SVG_NS as S, type TagProps as T, type TagFunction as a, type StyleMap as b, type StyleObject as c, type TagEventHandlers as d, derived as e, tagFactory as t };

package/dist/{tagFactory-DkaNVUNV.d.ts → tagFactory-BL2fymez.d.ts}

@@ -1,4 +1,5 @@
 import { A as Accessor } from './signal-EotCj4hS.js';
+import { N as NodeChildren } from './types-CJFViL6Q.js';
 
 /**
  * derived creates a derived reactive signal whose value updates when dependencies change.
@@ -60,31 +61,60 @@ type DerivedAccessor<T> = Accessor<T> & {
     dispose: () => void;
 };
 
+declare const SVG_NS = "http://www.w3.org/2000/svg";
 /**
- * Canonical disposer/teardown signature used across the framework.
- *
- * Returned by `effect()`, `track()`, widget `bind()` methods, and other
- * subscription/lifecycle helpers. All disposers MUST be idempotent — calling
- * twice should be a no-op rather than an error.
+ * A style declaration map: camelCase or kebab-case property names to values.
+ * Each value may be a getter, which binds that one property reactively.
  */
-type Dispose = () => void;
-type NodeChild = Node | Element | Text | Comment | string | number | boolean | (() => NodeChild) | null | undefined;
-type NodeChildren = NodeChild | NodeChild[] | NodeChild[][] | (() => NodeChild | NodeChild[]);
-
-declare const SVG_NS = "http://www.w3.org/2000/svg";
-interface TagProps {
-    id?: string;
-    class?: string | (() => string) | Record<string, boolean | (() => boolean)>;
-    style?: Record<string, string | number | (() => string | number)> | string | (() => string);
+type StyleMap = Record<string, string | number | (() => string | number)>;
+/**
+ * A style map produced by a whole-`style` getter. The getter already runs
+ * reactively, so its values are plain; a `null` / `undefined` value leaves the
+ * property unset (and removes it if an earlier run set it).
+ */
+type StyleObject = Record<string, string | number | null | undefined>;
+/**
+ * Listeners for the `on` prop. Known DOM event names get their specific event
+ * type from the DOM lib (`keydown` → `KeyboardEvent`, `click` → the lib's
+ * `MouseEvent` / `PointerEvent`), so a handler may declare it without a cast;
+ * any other name (custom events) receives an `Event`. That fallback is
+ * method-typed, so a handler declaring a narrower event
+ * (`(e: CustomEvent<Detail>) => …`) is still accepted for a custom name.
+ */
+type TagEventHandlers = {
+    [K in keyof HTMLElementEventMap]?: (ev: HTMLElementEventMap[K]) => void;
+} & {
+    [event: string]: {
+        handle(ev: Event): void;
+    }["handle"] | undefined;
+};
+/**
+ * Props accepted by a tag factory. `El` is the element the factory creates;
+ * it types `onElement`.
+ */
+interface TagProps<El extends Element = HTMLElement> {
+    id?: string | (() => string);
+    class?: string | (() => string | null | undefined | false) | Record<string, boolean | (() => boolean)>;
+    style?: StyleMap | string | (() => string | StyleObject);
+    /**
+     * Receives the created element. Accepts what `ref()` returns under `strict`
+     * (`ref<HTMLInputElement>()` is a `Ref<HTMLInputElement | undefined>`) as
+     * well as a `{ current: Element | null }` box.
+     */
     ref?: {
-        current: Element | null;
+        current: Element | null | undefined;
     };
     nodes?: NodeChildren;
-    on?: Record<string, (ev: Event) => void>;
+    on?: TagEventHandlers;
     /** Called with the element after creation — useful for imperative bindings */
-    onElement?: (el: HTMLElement) => void;
+    onElement?(el: El): void;
     [attr: string]: unknown;
 }
+/**
+ * A tag factory: builds one `El` per call. See {@link tagFactory} for the
+ * accepted calling conventions.
+ */
+type TagFunction<El extends Element, Props extends TagProps<El> = TagProps<El>> = (first?: Props | NodeChildren, second?: NodeChildren) => El;
 /**
  * Factory for creating HTML or SVG elements with reactive props and nodes.
  *
@@ -111,7 +141,16 @@ interface TagProps {
  *   ])
  *
  * `children` overrides `props.nodes` when both are present.
+ *
+ * The returned factory is typed by the tag: `tagFactory("div")` builds
+ * `HTMLDivElement`s, `tagFactory("circle", SVG_NS)` builds `SVGCircleElement`s.
+ * A tag name TypeScript does not know builds `HTMLElement`s (which is what
+ * `document.createElement` returns for it), or `Element`s in another namespace.
  */
-declare const tagFactory: (tag: string, ns?: string) => (first?: TagProps | NodeChildren, second?: NodeChildren) => Element;
+declare function tagFactory<K extends keyof HTMLElementTagNameMap>(tag: K, ns?: undefined): TagFunction<HTMLElementTagNameMap[K]>;
+declare function tagFactory<K extends keyof SVGElementTagNameMap>(tag: K, ns: typeof SVG_NS): TagFunction<SVGElementTagNameMap[K]>;
+declare function tagFactory(tag: string, ns?: undefined): TagFunction<HTMLElement>;
+declare function tagFactory(tag: string, ns: typeof SVG_NS): TagFunction<SVGElement>;
+declare function tagFactory(tag: string, ns?: string): TagFunction<Element>;
 
-export { type DerivedAccessor as D, type NodeChild as N, SVG_NS as S, type TagProps as T, type NodeChildren as a, type Dispose as b, derived as d, tagFactory as t };
+export { type DerivedAccessor as D, SVG_NS as S, type TagProps as T, type TagFunction as a, type StyleMap as b, type StyleObject as c, type TagEventHandlers as d, derived as e, tagFactory as t };

package/dist/testing.cjs

@@ -754,7 +754,7 @@ function forEachSubscriber(signal, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.6.0" : "dev";
+var _runtimeVersion = true ? "4.7.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -810,6 +810,14 @@ var getSubscriberCount2 = API.getSubscriberCount;
 var getSubscriberDeps2 = API.getSubscriberDeps;
 var forEachSubscriber2 = API.forEachSubscriber;
 
+// src/core/devtoolsHook.ts
+function emitDevtools(hook, event, payload) {
+  try {
+    hook.emit(event, payload);
+  } catch {
+  }
+}
+
 // src/core/ssr-context.ts
 var SSR_KEY = /* @__PURE__ */ Symbol.for("sibujs.ssr.v1");
 function detectSSRShared() {
@@ -964,12 +972,17 @@ function effect(effectFn, options) {
   try {
     retrack2(ctx.bodyFn, ctx.subscriber);
     if (ctx.rerunPending) drainReruns(ctx);
+  } catch (err) {
+    ctx.disposed = true;
+    if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
+    cleanup2(ctx.subscriber);
+    throw err;
   } finally {
     ctx.running = false;
     ctx.rerunPending = false;
   }
   const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook) hook.emit("effect:create", { effectFn });
+  if (hook) emitDevtools(hook, "effect:create", { effectFn });
   return () => disposeEffect(ctx);
 }
 

package/dist/testing.js

@@ -3,9 +3,9 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-XC4MEKGA.js";
+} from "./chunk-WEQ3DMVL.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-5Q4R7HCL.js";
+import "./chunk-JWKYU5GV.js";
 import {
   dispose,
   replaceChildrenSafely,

package/dist/types-CJFViL6Q.d.cts

@@ -0,0 +1,26 @@
+/**
+ * Canonical disposer/teardown signature used across the framework.
+ *
+ * Returned by `effect()`, `track()`, widget `bind()` methods, and other
+ * subscription/lifecycle helpers. All disposers MUST be idempotent — calling
+ * twice should be a no-op rather than an error.
+ */
+type Dispose = () => void;
+/**
+ * A component: a function from its props to the DOM node it renders.
+ *
+ * `P` defaults to `void`, so a prop-less component is written and called
+ * without arguments (`const App: Component = () => div("hi")`, then `App()`).
+ * `R` is the root the component returns. It defaults to `Element`, so HTML and
+ * SVG roots both fit; narrow it (`Component<Props, HTMLDivElement>`) to expose
+ * the specific root type to callers.
+ *
+ * Every framework API that takes a component (`mount`, `lazy`, `Suspense`,
+ * `Portal`, `registerComponent`, `DynamicComponent`, the HOC helpers) accepts
+ * a `Component`, and every tag factory's result fits its return type.
+ */
+type Component<P = void, R extends Node = Element> = (props: P) => R;
+type NodeChild = Node | Element | Text | Comment | string | number | boolean | (() => NodeChild) | null | undefined;
+type NodeChildren = NodeChild | NodeChild[] | NodeChild[][] | (() => NodeChild | NodeChild[]);
+
+export type { Component as C, Dispose as D, NodeChildren as N, NodeChild as a };

package/dist/types-CJFViL6Q.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Canonical disposer/teardown signature used across the framework.
+ *
+ * Returned by `effect()`, `track()`, widget `bind()` methods, and other
+ * subscription/lifecycle helpers. All disposers MUST be idempotent — calling
+ * twice should be a no-op rather than an error.
+ */
+type Dispose = () => void;
+/**
+ * A component: a function from its props to the DOM node it renders.
+ *
+ * `P` defaults to `void`, so a prop-less component is written and called
+ * without arguments (`const App: Component = () => div("hi")`, then `App()`).
+ * `R` is the root the component returns. It defaults to `Element`, so HTML and
+ * SVG roots both fit; narrow it (`Component<Props, HTMLDivElement>`) to expose
+ * the specific root type to callers.
+ *
+ * Every framework API that takes a component (`mount`, `lazy`, `Suspense`,
+ * `Portal`, `registerComponent`, `DynamicComponent`, the HOC helpers) accepts
+ * a `Component`, and every tag factory's result fits its return type.
+ */
+type Component<P = void, R extends Node = Element> = (props: P) => R;
+type NodeChild = Node | Element | Text | Comment | string | number | boolean | (() => NodeChild) | null | undefined;
+type NodeChildren = NodeChild | NodeChild[] | NodeChild[][] | (() => NodeChild | NodeChild[]);
+
+export type { Component as C, Dispose as D, NodeChildren as N, NodeChild as a };

package/dist/ui.cjs

@@ -834,7 +834,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.6.0" : "dev";
+var _runtimeVersion = true ? "4.7.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -890,6 +890,14 @@ var getSubscriberCount2 = API.getSubscriberCount;
 var getSubscriberDeps2 = API.getSubscriberDeps;
 var forEachSubscriber2 = API.forEachSubscriber;
 
+// src/core/devtoolsHook.ts
+function emitDevtools(hook, event, payload) {
+  try {
+    hook.emit(event, payload);
+  } catch {
+  }
+}
+
 // src/core/signals/derived.ts
 function derived(getter, options) {
   devAssert(typeof getter === "function", "derived: argument must be a getter function.");
@@ -916,17 +924,17 @@ function derived(getter, options) {
     cs._d = false;
     cs._init = true;
   };
-  track2(() => {
-    let threw = true;
-    try {
+  try {
+    track2(() => {
       cs._v = getter();
       cs._d = false;
       cs._init = true;
-      threw = false;
-    } finally {
-      if (threw) cs._d = true;
-    }
-  }, markDirty);
+    }, markDirty);
+  } catch (err) {
+    disposed = true;
+    cleanup2(markDirty);
+    throw err;
+  }
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
   const validate = () => {
     if (!cs._d || disposed || pendingError !== void 0) return;
@@ -945,7 +953,7 @@ function derived(getter, options) {
       if (disposed) cleanup2(markDirty);
     }
     if (hook && !disposed && !Object.is(oldValue, cs._v)) {
-      hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
+      emitDevtools(hook, "computed:update", { signal: cs, oldValue, newValue: cs._v });
     }
   };
   cs._validate = validate;
@@ -996,7 +1004,7 @@ function derived(getter, options) {
       }
     }
   };
-  if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
+  if (hook) emitDevtools(hook, "computed:create", { signal: cs, name: debugName, getter: computedGetter });
   return computedGetter;
 }
 
@@ -1083,7 +1091,7 @@ function signal(initial, options) {
       state2.__v++;
       if (DEV) {
         const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-        if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
+        if (hook) emitDevtools(hook, "signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       }
       if (!enqueueBatchedSignal(state2)) {
         notifySubscribers2(state2);
@@ -1097,7 +1105,7 @@ function signal(initial, options) {
       state2.value = newValue;
       state2.__v++;
       const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-      if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
+      if (hook) emitDevtools(hook, "signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       if (!enqueueBatchedSignal(state2)) {
         notifySubscribers2(state2);
       }
@@ -1116,7 +1124,7 @@ function signal(initial, options) {
   }
   if (DEV) {
     const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-    if (hook) hook.emit("signal:create", { signal: state2, name: debugName, getter: get, initial });
+    if (hook) emitDevtools(hook, "signal:create", { signal: state2, name: debugName, getter: get, initial });
   }
   return [get, set];
 }
@@ -3182,12 +3190,17 @@ function effect(effectFn, options) {
   try {
     retrack2(ctx.bodyFn, ctx.subscriber);
     if (ctx.rerunPending) drainReruns(ctx);
+  } catch (err) {
+    ctx.disposed = true;
+    if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
+    cleanup2(ctx.subscriber);
+    throw err;
   } finally {
     ctx.running = false;
     ctx.rerunPending = false;
   }
   const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook) hook.emit("effect:create", { effectFn });
+  if (hook) emitDevtools(hook, "effect:create", { effectFn });
   return () => disposeEffect(ctx);
 }
 

package/dist/ui.d.cts

@@ -1,5 +1,6 @@
 export { A as AttributeSource, a as AttributeValue, B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, b as FocusTrap, c as FormConfig, d as FormField, e as FormReturn, I as IntersectionResult, M as MaskOptions, P as PaginationResult, T as Toast, f as ToastInstance, V as ValidatorFn, g as VirtualList, h as VirtualListProps, _ as __resetDialogStack, i as announce, j as aria, k as bindAttrs, l as bindBoolAttr, m as bindData, n as bindField, o as creditCardMask, p as custom, q as dateMask, r as defineElement, s as dialog, t as email, u as eventBus, v as focus, w as form, x as hotkey, y as infiniteScroll, z as inputMask, D as intersection, E as lazyLoad, G as matchesPattern, H as max, J as maxLength, K as min, L as minLength, N as pagination, O as phoneMask, Q as removeScopedStyle, R as required, S as scopedStyle, U as ssnMask, W as svgElement, X as timeMask, Y as toast, Z as withScopedStyle, $ as zipMask } from './customElement-MmInOW1U.cjs';
-export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, W as WithDefaultsProps, b as assertType, c as compose, d as createGuard, e as createSlots, f as defineComponent, g as defineSlottedComponent, h as defineStrictComponent, v as validateProps, i as validators, w as withBoundary, j as withDefaults, k as withProps, l as withWrapper } from './contracts-DRIuclVT.cjs';
+export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, W as WithDefaultsProps, b as assertType, c as compose, d as createGuard, e as createSlots, f as defineComponent, g as defineSlottedComponent, h as defineStrictComponent, v as validateProps, i as validators, w as withBoundary, j as withDefaults, k as withProps, l as withWrapper } from './contracts-CTOJXu-x.cjs';
+import './types-CJFViL6Q.cjs';
 
 /** The parts of a form-action handle available for every action signature. */
 interface FormActionState<TArgs extends unknown[], TResult> {

package/dist/ui.d.ts

@@ -1,5 +1,6 @@
 export { A as AttributeSource, a as AttributeValue, B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, b as FocusTrap, c as FormConfig, d as FormField, e as FormReturn, I as IntersectionResult, M as MaskOptions, P as PaginationResult, T as Toast, f as ToastInstance, V as ValidatorFn, g as VirtualList, h as VirtualListProps, _ as __resetDialogStack, i as announce, j as aria, k as bindAttrs, l as bindBoolAttr, m as bindData, n as bindField, o as creditCardMask, p as custom, q as dateMask, r as defineElement, s as dialog, t as email, u as eventBus, v as focus, w as form, x as hotkey, y as infiniteScroll, z as inputMask, D as intersection, E as lazyLoad, G as matchesPattern, H as max, J as maxLength, K as min, L as minLength, N as pagination, O as phoneMask, Q as removeScopedStyle, R as required, S as scopedStyle, U as ssnMask, W as svgElement, X as timeMask, Y as toast, Z as withScopedStyle, $ as zipMask } from './customElement-MmInOW1U.js';
-export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, W as WithDefaultsProps, b as assertType, c as compose, d as createGuard, e as createSlots, f as defineComponent, g as defineSlottedComponent, h as defineStrictComponent, v as validateProps, i as validators, w as withBoundary, j as withDefaults, k as withProps, l as withWrapper } from './contracts-DRIuclVT.js';
+export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, W as WithDefaultsProps, b as assertType, c as compose, d as createGuard, e as createSlots, f as defineComponent, g as defineSlottedComponent, h as defineStrictComponent, v as validateProps, i as validators, w as withBoundary, j as withDefaults, k as withProps, l as withWrapper } from './contracts-CLqzJnOV.js';
+import './types-CJFViL6Q.js';
 
 /** The parts of a form-action handle available for every action signature. */
 interface FormActionState<TArgs extends unknown[], TResult> {

package/dist/ui.js

@@ -38,7 +38,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-SXXVZMKZ.js";
+} from "./chunk-2BPG2XDA.js";
 import {
   RenderProp,
   assertType,
@@ -57,23 +57,23 @@ import {
 } from "./chunk-TUCPL2HB.js";
 import {
   createId
-} from "./chunk-3ISI6ACU.js";
-import "./chunk-47M47FOM.js";
-import "./chunk-QE4TTDU3.js";
+} from "./chunk-BC2SECJD.js";
+import "./chunk-FNJXNGYZ.js";
+import "./chunk-RUSSKG6G.js";
 import "./chunk-2INLLLMZ.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-XC4MEKGA.js";
+} from "./chunk-WEQ3DMVL.js";
 import "./chunk-7XHATCIH.js";
 import "./chunk-5HZXGZ6T.js";
 import {
   batch,
   signal
-} from "./chunk-D33YTSX5.js";
-import "./chunk-5Q4R7HCL.js";
+} from "./chunk-FQRUXCEE.js";
+import "./chunk-JWKYU5GV.js";
 import {
   registerDisposer,
   unregisterDisposer

package/dist/widgets.cjs

@@ -709,7 +709,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.6.0" : "dev";
+var _runtimeVersion = true ? "4.7.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -765,6 +765,14 @@ var getSubscriberCount2 = API.getSubscriberCount;
 var getSubscriberDeps2 = API.getSubscriberDeps;
 var forEachSubscriber2 = API.forEachSubscriber;
 
+// src/core/devtoolsHook.ts
+function emitDevtools(hook, event, payload) {
+  try {
+    hook.emit(event, payload);
+  } catch {
+  }
+}
+
 // src/core/signals/derived.ts
 function derived(getter, options) {
   devAssert(typeof getter === "function", "derived: argument must be a getter function.");
@@ -791,17 +799,17 @@ function derived(getter, options) {
     cs._d = false;
     cs._init = true;
   };
-  track2(() => {
-    let threw = true;
-    try {
+  try {
+    track2(() => {
       cs._v = getter();
       cs._d = false;
       cs._init = true;
-      threw = false;
-    } finally {
-      if (threw) cs._d = true;
-    }
-  }, markDirty);
+    }, markDirty);
+  } catch (err) {
+    disposed = true;
+    cleanup2(markDirty);
+    throw err;
+  }
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
   const validate = () => {
     if (!cs._d || disposed || pendingError !== void 0) return;
@@ -820,7 +828,7 @@ function derived(getter, options) {
       if (disposed) cleanup2(markDirty);
     }
     if (hook && !disposed && !Object.is(oldValue, cs._v)) {
-      hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
+      emitDevtools(hook, "computed:update", { signal: cs, oldValue, newValue: cs._v });
     }
   };
   cs._validate = validate;
@@ -871,7 +879,7 @@ function derived(getter, options) {
       }
     }
   };
-  if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
+  if (hook) emitDevtools(hook, "computed:create", { signal: cs, name: debugName, getter: computedGetter });
   return computedGetter;
 }
 
@@ -958,7 +966,7 @@ function signal(initial, options) {
       state2.__v++;
       if (DEV) {
         const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-        if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
+        if (hook) emitDevtools(hook, "signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       }
       if (!enqueueBatchedSignal(state2)) {
         notifySubscribers2(state2);
@@ -972,7 +980,7 @@ function signal(initial, options) {
       state2.value = newValue;
       state2.__v++;
       const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-      if (hook) hook.emit("signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
+      if (hook) emitDevtools(hook, "signal:update", { signal: state2, name: debugName, oldValue: prev, newValue });
       if (!enqueueBatchedSignal(state2)) {
         notifySubscribers2(state2);
       }
@@ -991,7 +999,7 @@ function signal(initial, options) {
   }
   if (DEV) {
     const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-    if (hook) hook.emit("signal:create", { signal: state2, name: debugName, getter: get, initial });
+    if (hook) emitDevtools(hook, "signal:create", { signal: state2, name: debugName, getter: get, initial });
   }
   return [get, set];
 }

package/dist/widgets.js

@@ -8,14 +8,14 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-HYXDKS4N.js";
-import "./chunk-UZQ6ALFS.js";
-import "./chunk-3ISI6ACU.js";
-import "./chunk-QE4TTDU3.js";
+} from "./chunk-Z3OHK6QT.js";
+import "./chunk-SLM3IA34.js";
+import "./chunk-BC2SECJD.js";
+import "./chunk-RUSSKG6G.js";
 import "./chunk-2INLLLMZ.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-D33YTSX5.js";
-import "./chunk-5Q4R7HCL.js";
+import "./chunk-FQRUXCEE.js";
+import "./chunk-JWKYU5GV.js";
 import "./chunk-NYNYSPK7.js";
 export {
   accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sibujs",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "description": "A function-based frontend framework with fine-grained reactivity and no virtual DOM. Tag factories return live DOM nodes you can hold and mutate, signals update only what changed, and nothing needs a compiler — it runs from a script tag or a bundler.",
   "keywords": [
     "frontend",
@@ -39,6 +39,7 @@
     "test:soak:gc": "node --expose-gc ./node_modules/vitest/vitest.mjs run -c vitest.soak.config.ts",
     "typecheck": "tsc --noEmit",
     "typecheck:tests": "tsc -p tsconfig.test.json",
+    "hooks:install": "node scripts/hooks/install.mjs",
     "certify:rc": "node scripts/certify/run.mjs",
     "build": "tsup index.ts data.ts browser.ts patterns.ts motion.ts ui.ts widgets.ts ssr.ts devtools.ts performance.ts ecosystem.ts plugins.ts build.ts testing.ts extras.ts --dts --format esm,cjs --out-dir dist --clean && tsup --config tsup.cdn.config.ts",
     "example:chess:build": "node scripts/build-example-chess.mjs",
@@ -49,7 +50,8 @@
     "bench:save": "node bench.mjs --save",
     "bench:check": "node bench.mjs --compare",
     "publish:npm": "node publish.mjs",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "prepare": "node scripts/hooks/install.mjs"
   },
   "types": "dist/index.d.ts",
   "exports": {