defuss 3.4.7 → 3.4.8

package/dist/{dom-DIfHWdHZ.cjs → dom-D--m76Im.cjs}

@@ -271,6 +271,20 @@ function unregisterComponent(el) {
   componentRegistry.delete(el);
 }
 
+function reactive(config, target) {
+  const stores = Array.isArray(config.store) ? config.store : [config.store];
+  const ref = target instanceof HTMLElement ? { current: target } : target;
+  const update = () => {
+    dequery(ref).jsx(config.render());
+  };
+  update();
+  const unsubscribes = stores.map((s) => s.subscribe(update));
+  return () => {
+    unsubscribes.forEach((unsub) => unsub());
+    config.cleanup?.();
+  };
+}
+
 const emptyImpl = (nodes) => {
   nodes.forEach((el) => {
     const element = el;
@@ -1040,6 +1054,15 @@ class CallChainImpl {
     }
     return this;
   }
+  // --- Reactive ---
+  reactive(config) {
+    this._nodes.forEach((el) => {
+      if (el instanceof HTMLElement) {
+        reactive(config, el);
+      }
+    });
+    return this;
+  }
 }
 function dequery(selectorRefOrEl, options = getDefaultDequeryOptions()) {
   if (typeof selectorRefOrEl === "function") {
@@ -2598,6 +2621,7 @@ exports.parseEventPropName = parseEventPropName;
 exports.performTransition = performTransition;
 exports.processAllFormElements = processAllFormElements;
 exports.queueCallback = queueCallback;
+exports.reactive = reactive;
 exports.registerComponent = registerComponent;
 exports.registerDelegatedEvent = registerDelegatedEvent;
 exports.removeDelegatedEvent = removeDelegatedEvent;

package/dist/{dom-DhkFpQzW.mjs → dom-_OdBXxSy.mjs}

@@ -269,6 +269,20 @@ function unregisterComponent(el) {
   componentRegistry.delete(el);
 }
 
+function reactive(config, target) {
+  const stores = Array.isArray(config.store) ? config.store : [config.store];
+  const ref = target instanceof HTMLElement ? { current: target } : target;
+  const update = () => {
+    dequery(ref).jsx(config.render());
+  };
+  update();
+  const unsubscribes = stores.map((s) => s.subscribe(update));
+  return () => {
+    unsubscribes.forEach((unsub) => unsub());
+    config.cleanup?.();
+  };
+}
+
 const emptyImpl = (nodes) => {
   nodes.forEach((el) => {
     const element = el;
@@ -1038,6 +1052,15 @@ class CallChainImpl {
     }
     return this;
   }
+  // --- Reactive ---
+  reactive(config) {
+    this._nodes.forEach((el) => {
+      if (el instanceof HTMLElement) {
+        reactive(config, el);
+      }
+    });
+    return this;
+  }
 }
 function dequery(selectorRefOrEl, options = getDefaultDequeryOptions()) {
   if (typeof selectorRefOrEl === "function") {
@@ -2542,4 +2565,4 @@ function htmlStringToVNodes(html, Parser) {
   return vNodes;
 }
 
-export { $, registerDelegatedEvent as A, removeDelegatedEvent as B, CAPTURE_ONLY_EVENTS as C, DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE as D, removeDelegatedEventByKey as E, Fragment as F, render as G, renderInto as H, renderIsomorphicAsync as I, renderIsomorphicSync as J, unregisterComponent as K, updateDom as L, createStore as M, CallChainImpl as N, addElementEvent as O, areDomNodesEqual as P, checkElementVisibility as Q, REF_ATTRIBUTE_NAME as R, clearElementEvents as S, deepEquals as T, dequery as U, domNodeToVNode as V, emptyImpl as W, XLINK_ATTRIBUTE_NAME as X, getAllFormValues as Y, getDefaultDequeryOptions as Z, getEventMap as _, CLASS_ATTRIBUTE_NAME as a, getMimeType as a0, htmlStringToVNodes as a1, isDequery as a2, isDequeryOptionsObject as a3, isHTML as a4, isMarkup as a5, isSVG as a6, parseDOM as a7, processAllFormElements as a8, queueCallback as a9, removeElementEvent as aa, renderMarkup as ab, replaceDomWithVdom as ac, scrollHelper as ad, shallowEquals as ae, updateDomWithVdom as af, waitForDOM as ag, webstorage as ah, DEFAULT_TRANSITION_CONFIG as b, XMLNS_ATTRIBUTE_NAME as c, applyStyles as d, clearDelegatedEvents as e, clearDelegatedEventsDeep as f, createInPlaceErrorMessageVNode as g, createRef as h, getComponentInstance as i, getRegisteredEventKeys as j, getRegisteredEventTypes as k, getRenderer as l, getTransitionStyles as m, globalScopeDomApis as n, handleLifecycleEventsForOnMount as o, isComponentRoot as p, isJSX as q, isRef as r, jsx as s, jsxDEV as t, jsxs as u, nsMap as v, observeUnmount as w, parseEventPropName as x, performTransition as y, registerComponent as z };
+export { $, getTransitionStyles as A, globalScopeDomApis as B, CAPTURE_ONLY_EVENTS as C, DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE as D, handleLifecycleEventsForOnMount as E, Fragment as F, htmlStringToVNodes as G, isComponentRoot as H, isDequery as I, isDequeryOptionsObject as J, isHTML as K, isJSX as L, isMarkup as M, isRef as N, isSVG as O, jsx as P, jsxDEV as Q, REF_ATTRIBUTE_NAME as R, jsxs as S, nsMap as T, observeUnmount as U, parseDOM as V, parseEventPropName as W, XLINK_ATTRIBUTE_NAME as X, performTransition as Y, processAllFormElements as Z, queueCallback as _, CLASS_ATTRIBUTE_NAME as a, reactive as a0, registerComponent as a1, registerDelegatedEvent as a2, removeDelegatedEvent as a3, removeDelegatedEventByKey as a4, removeElementEvent as a5, render as a6, renderInto as a7, renderIsomorphicAsync as a8, renderIsomorphicSync as a9, renderMarkup as aa, replaceDomWithVdom as ab, scrollHelper as ac, shallowEquals as ad, unregisterComponent as ae, updateDom as af, updateDomWithVdom as ag, waitForDOM as ah, webstorage as ai, CallChainImpl as b, DEFAULT_TRANSITION_CONFIG as c, XMLNS_ATTRIBUTE_NAME as d, addElementEvent as e, applyStyles as f, areDomNodesEqual as g, checkElementVisibility as h, clearDelegatedEvents as i, clearDelegatedEventsDeep as j, clearElementEvents as k, createInPlaceErrorMessageVNode as l, createRef as m, createStore as n, deepEquals as o, dequery as p, domNodeToVNode as q, emptyImpl as r, getAllFormValues as s, getComponentInstance as t, getDefaultDequeryOptions as u, getEventMap as v, getMimeType as w, getRegisteredEventKeys as x, getRegisteredEventTypes as y, getRenderer as z };

package/dist/{index-CDeQTFKH.d.ts → index-CeFAHwJi.d.ts}

@@ -20,6 +20,34 @@ interface PersistenceProviderImpl<T> {
 type PersistenceProviderType = "session" | "local" | "memory";
 type PersistenceProviderOptions = MemoryProviderOptions;
 
+type Listener<T> = (newValue: T, oldValue?: T, changedKey?: string) => void;
+type EqualsFn<T> = (a: T, b: T) => boolean;
+interface StoreOptions<T> {
+    /** Custom equality function. Default: Object.is (shallow identity) */
+    equals?: EqualsFn<T>;
+}
+interface Store<T> {
+    value: T;
+    /** Get value at path, or entire store if no path */
+    get: <D = T>(path?: string) => D;
+    /** Set value at path, or replace entire store if no path */
+    set: <D = T>(pathOrValue: string | D, value?: D) => void;
+    /** Get entire store value (clearer API than get()) */
+    getRaw: () => T;
+    /** Replace entire store value (clearer API than set(value)) */
+    setRaw: (value: T) => void;
+    /** Reset store to initial value or provided value */
+    reset: (value?: T) => void;
+    subscribe: (listener: Listener<T>) => () => void;
+    persist: (key: string, provider?: PersistenceProviderType) => void;
+    restore: (key: string, provider?: PersistenceProviderType) => void;
+}
+/** Shallow identity comparison (opt-in for performance) */
+declare const shallowEquals: <T>(a: T, b: T) => boolean;
+/** Deep equality via JSON (default - backward compatible) */
+declare const deepEquals: <T>(a: T, b: T) => boolean;
+declare const createStore: <T>(initialValue: T, options?: StoreOptions<T>) => Store<T>;
+
 type TransitionType = "fade" | "slide-left" | "slide-right" | "shake" | "none";
 interface TransitionStyles {
     enter: Record<string, string>;
@@ -169,6 +197,11 @@ declare class CallChainImpl<NT = DequerySyncMethodReturnType, ET extends Dequery
     debug(cb: (chain: CallChainImpl<NT, ET>) => void): ET;
     dispose(): void;
     ready(callback?: () => void): ET;
+    reactive(config: {
+        store: Store<any> | Store<any>[];
+        render: () => JSX.Element;
+        cleanup?: () => void;
+    }): ET;
 }
 type Dequery<NT> = CallChainImpl<NT, any>;
 declare function dequery<T extends EventTarget>(selectorRefOrEl: T, options?: DequeryOptions<T> & ElementCreationOptions): Dequery<T>;
@@ -184,34 +217,6 @@ declare function isDequery(obj: unknown): obj is CallChainImpl;
 declare function isDequeryOptionsObject(o: object): boolean;
 declare function getDefaultDequeryOptions<NT>(): DequeryOptions<NT>;
 
-type Listener<T> = (newValue: T, oldValue?: T, changedKey?: string) => void;
-type EqualsFn<T> = (a: T, b: T) => boolean;
-interface StoreOptions<T> {
-    /** Custom equality function. Default: Object.is (shallow identity) */
-    equals?: EqualsFn<T>;
-}
-interface Store<T> {
-    value: T;
-    /** Get value at path, or entire store if no path */
-    get: <D = T>(path?: string) => D;
-    /** Set value at path, or replace entire store if no path */
-    set: <D = T>(pathOrValue: string | D, value?: D) => void;
-    /** Get entire store value (clearer API than get()) */
-    getRaw: () => T;
-    /** Replace entire store value (clearer API than set(value)) */
-    setRaw: (value: T) => void;
-    /** Reset store to initial value or provided value */
-    reset: (value?: T) => void;
-    subscribe: (listener: Listener<T>) => () => void;
-    persist: (key: string, provider?: PersistenceProviderType) => void;
-    restore: (key: string, provider?: PersistenceProviderType) => void;
-}
-/** Shallow identity comparison (opt-in for performance) */
-declare const shallowEquals: <T>(a: T, b: T) => boolean;
-/** Deep equality via JSON (default - backward compatible) */
-declare const deepEquals: <T>(a: T, b: T) => boolean;
-declare const createStore: <T>(initialValue: T, options?: StoreOptions<T>) => Store<T>;
-
 declare global {
     var __defuss_document: Document;
     var __defuss_window: Window;
@@ -1320,5 +1325,5 @@ declare function updateDom<NT>(input: string | RenderInput | Ref<NodeType> | Nod
 declare const isRef: <NT extends Node | Element | Text | null = HTMLElement, ST = any>(obj: any) => obj is Ref<NT, ST>;
 declare function createRef<NT extends DOMElement = DOMElement, ST = any>(refUpdateFn?: RefUpdateFn<ST>, defaultState?: ST): Ref<NT, ST>;
 
-export { CLASS_ATTRIBUTE_NAME as C, DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE as D, XLINK_ATTRIBUTE_NAME as a3, XMLNS_ATTRIBUTE_NAME as a4, applyStyles as a5, createInPlaceErrorMessageVNode as a6, createRef as a7, getRenderer as a8, getTransitionStyles as a9, createStore as aO, deepEquals as aP, dequery as aQ, emptyImpl as aR, getAllFormValues as aS, getDefaultDequeryOptions as aT, isDequery as aU, isDequeryOptionsObject as aV, render as aW, scrollHelper as aX, shallowEquals as aY, globalScopeDomApis as aa, handleLifecycleEventsForOnMount as ab, isJSX as ac, isRef as ad, jsx as ae, jsxDEV as af, jsxs as ag, nsMap as ah, observeUnmount as ai, performTransition as aj, renderInto as ak, renderIsomorphicAsync as al, renderIsomorphicSync as am, updateDom as an, $ as ar, CallChainImpl as at, DEFAULT_TRANSITION_CONFIG as h, Fragment as p, REF_ATTRIBUTE_NAME as u };
-export type { VNodeRef as $, AllHTMLElements as A, RenderResultNode as B, ElementProps as E, FC as F, Globals as G, SyncRenderResult as H, TransitionStyles as I, JsxRuntimeHookFn as J, KeyFrameProperties as K, TransitionType as L, Maybe as M, NodeType as N, OneOrMany as O, ParentElementInputAsync as P, TransitionsEasing as Q, RenderInput as R, SyncRenderInput as S, TransitionConfig as T, UnmountHandler as U, VAttributes as V, VNode as W, VNodeAttributes as X, VNodeChild as Y, VNodeChildren as Z, VNodeKey as _, RenderResult as a, VNodeRefCallback as a0, VNodeRefObject as a1, VNodeType as a2, EqualsFn as aA, EventMapFor as aB, EventMapForAny as aC, FormFieldValue as aD, FormKeyValues as aE, Listener as aF, MemoryStorage as aG, MiddlewareFn as aH, Position as aI, Store as aJ, StoreOptions as aK, TargetOf as aL, UnionToIntersection as aM, WebStorage as aN, PersistenceProviderType as ao, PersistenceProviderOptions as ap, PersistenceProviderImpl as aq, AnyEventHandler as as, DOMPropValue as au, Dequery as av, DequeryOptions as aw, DequerySyncMethodReturnType as ax, Dimensions as ay, ElementCreationOptions as az, ParentElementInput as b, AsyncDefussChild as c, AsyncFC as d, AsyncFunctionComponent as e, CSSProperties as f, Children as g, DOMElement as i, DefussChild as j, DefussChildren as k, DefussClassValue as l, DefussKey as m, DomAbstractionImpl as n, FontFaceProperties as o, FunctionComponent as q, JsxSourceInfo as r, MountHandler as s, Props as t, Ref as v, RefUpdateFn as w, RefUpdateRenderFn as x, RefUpdateRenderFnInput as y, RenderNodeInput as z };
+export { $, Fragment as B, CLASS_ATTRIBUTE_NAME as C, DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE as D, REF_ATTRIBUTE_NAME as Z, dequery as aA, emptyImpl as aB, getAllFormValues as aC, getDefaultDequeryOptions as aD, getRenderer as aE, getTransitionStyles as aF, globalScopeDomApis as aG, handleLifecycleEventsForOnMount as aH, isDequery as aI, isDequeryOptionsObject as aJ, isJSX as aK, isRef as aL, jsx as aM, jsxDEV as aN, jsxs as aO, nsMap as aP, observeUnmount as aQ, performTransition as aR, render as aS, renderInto as aT, renderIsomorphicAsync as aU, renderIsomorphicSync as aV, scrollHelper as aW, shallowEquals as aX, updateDom as aY, XLINK_ATTRIBUTE_NAME as at, XMLNS_ATTRIBUTE_NAME as au, applyStyles as av, createInPlaceErrorMessageVNode as aw, createRef as ax, createStore as ay, deepEquals as az, CallChainImpl as f, DEFAULT_TRANSITION_CONFIG as h };
+export type { AllHTMLElements as A, ElementCreationOptions as E, FC as F, FunctionComponent as G, Globals as H, JsxSourceInfo as I, JsxRuntimeHookFn as J, KeyFrameProperties as K, Listener as L, Maybe as M, MemoryStorage as N, MiddlewareFn as O, MountHandler as P, NodeType as Q, OneOrMany as R, ParentElementInput as S, ParentElementInputAsync as T, PersistenceProviderImpl as U, PersistenceProviderOptions as V, PersistenceProviderType as W, Position as X, Props as Y, Ref as _, AnyEventHandler as a, RefUpdateFn as a0, RefUpdateRenderFn as a1, RefUpdateRenderFnInput as a2, RenderInput as a3, RenderNodeInput as a4, RenderResult as a5, RenderResultNode as a6, Store as a7, StoreOptions as a8, SyncRenderInput as a9, SyncRenderResult as aa, TargetOf as ab, TransitionConfig as ac, TransitionStyles as ad, TransitionType as ae, TransitionsEasing as af, UnionToIntersection as ag, UnmountHandler as ah, VAttributes as ai, VNode as aj, VNodeAttributes as ak, VNodeChild as al, VNodeChildren as am, VNodeKey as an, VNodeRef as ao, VNodeRefCallback as ap, VNodeRefObject as aq, VNodeType as ar, WebStorage as as, AsyncDefussChild as b, AsyncFC as c, AsyncFunctionComponent as d, CSSProperties as e, Children as g, DOMElement as i, DOMPropValue as j, DefussChild as k, DefussChildren as l, DefussClassValue as m, DefussKey as n, Dequery as o, DequeryOptions as p, DequerySyncMethodReturnType as q, Dimensions as r, DomAbstractionImpl as s, ElementProps as t, EqualsFn as u, EventMapFor as v, EventMapForAny as w, FontFaceProperties as x, FormFieldValue as y, FormKeyValues as z };

package/dist/index.cjs

@@ -1,11 +1,78 @@
 'use strict';
 
-var dom = require('./dom-DIfHWdHZ.cjs');
-var mount = require('./mount-C9aDnSHs.cjs');
+var dom = require('./dom-D--m76Im.cjs');
+var mount = require('./mount-CY0wDye_.cjs');
 require('defuss-runtime');
 
 const inDevMode = typeof process !== "undefined" && process.env ? process.env.NODE_ENV !== "production" : false;
 
+function computed(stores, fn) {
+  const storeList = Array.isArray(stores) ? stores : [stores];
+  let value = fn(...storeList.map((s) => s.value));
+  const listeners = [];
+  const recalculate = () => {
+    const oldValue = value;
+    value = fn(...storeList.map((s) => s.value));
+    if (value !== oldValue) {
+      listeners.forEach((l) => l(value, oldValue));
+    }
+  };
+  storeList.map((s) => s.subscribe(recalculate));
+  return {
+    get value() {
+      return value;
+    },
+    get: () => value,
+    set: () => {
+      throw new Error("Computed stores are read-only");
+    },
+    getRaw: () => value,
+    setRaw: () => {
+      throw new Error("Computed stores are read-only");
+    },
+    reset: () => {
+    },
+    subscribe: (listener) => {
+      listeners.push(listener);
+      return () => {
+        const idx = listeners.indexOf(listener);
+        if (idx >= 0) listeners.splice(idx, 1);
+      };
+    },
+    persist: () => {
+    },
+    restore: () => {
+    }
+  };
+}
+
+const Reactive = ({
+  store,
+  render,
+  cleanup,
+  tag = "div",
+  className,
+  ref = dom.createRef(),
+  ...props
+}) => {
+  const reactiveRef = ref || dom.createRef();
+  let cleanupFn;
+  return /* @__PURE__ */ dom.jsx(
+    "tag",
+    {
+      ref: reactiveRef,
+      class: className,
+      ...props,
+      onMount: () => {
+        cleanupFn = dom.reactive({ store, render, cleanup }, reactiveRef);
+      },
+      onUnmount: () => {
+        cleanupFn?.();
+      }
+    }
+  );
+};
+
 const VARIABLE_REGEX = /{([^}]*)}/g;
 const DOUBLE_BRACE_REGEX = /\{\{([^}]*)\}\}/g;
 const interpolate = (template, replacements) => {
@@ -764,6 +831,7 @@ exports.parseEventPropName = dom.parseEventPropName;
 exports.performTransition = dom.performTransition;
 exports.processAllFormElements = dom.processAllFormElements;
 exports.queueCallback = dom.queueCallback;
+exports.reactive = dom.reactive;
 exports.registerComponent = dom.registerComponent;
 exports.registerDelegatedEvent = dom.registerDelegatedEvent;
 exports.removeDelegatedEvent = dom.removeDelegatedEvent;
@@ -785,6 +853,7 @@ exports.webstorage = dom.webstorage;
 exports.mount = mount.mount;
 exports.unmount = mount.unmount;
 exports.Async = Async;
+exports.Reactive = Reactive;
 exports.Redirect = Redirect;
 exports.Route = Route;
 exports.Router = Router;
@@ -794,6 +863,7 @@ exports.Suspense = Suspense;
 exports.T = T;
 exports.Trans = Trans;
 exports.changeLanguage = changeLanguage;
+exports.computed = computed;
 exports.createI18n = createI18n;
 exports.createTrans = createTrans;
 exports.getLanguage = getLanguage;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { ao as PersistenceProviderType, ap as PersistenceProviderOptions, aq as PersistenceProviderImpl, W as VNode, X as VNodeAttributes, N as NodeType, R as RenderInput, G as Globals, t as Props, v as Ref, i as DOMElement, Y as VNodeChild, F as FC, T as TransitionConfig, c as AsyncDefussChild } from './index-CDeQTFKH.js';
-export { ar as $, A as AllHTMLElements, as as AnyEventHandler, d as AsyncFC, e as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, f as CSSProperties, at as CallChainImpl, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, au as DOMPropValue, j as DefussChild, k as DefussChildren, l as DefussClassValue, m as DefussKey, av as Dequery, aw as DequeryOptions, ax as DequerySyncMethodReturnType, ay as Dimensions, n as DomAbstractionImpl, az as ElementCreationOptions, E as ElementProps, aA as EqualsFn, aB as EventMapFor, aC as EventMapForAny, o as FontFaceProperties, aD as FormFieldValue, aE as FormKeyValues, p as Fragment, q as FunctionComponent, J as JsxRuntimeHookFn, r as JsxSourceInfo, K as KeyFrameProperties, aF as Listener, M as Maybe, aG as MemoryStorage, aH as MiddlewareFn, s as MountHandler, O as OneOrMany, b as ParentElementInput, P as ParentElementInputAsync, aI as Position, u as REF_ATTRIBUTE_NAME, w as RefUpdateFn, x as RefUpdateRenderFn, y as RefUpdateRenderFnInput, z as RenderNodeInput, a as RenderResult, B as RenderResultNode, aJ as Store, aK as StoreOptions, S as SyncRenderInput, H as SyncRenderResult, aL as TargetOf, I as TransitionStyles, L as TransitionType, Q as TransitionsEasing, aM as UnionToIntersection, U as UnmountHandler, V as VAttributes, Z as VNodeChildren, _ as VNodeKey, $ as VNodeRef, a0 as VNodeRefCallback, a1 as VNodeRefObject, a2 as VNodeType, aN as WebStorage, a3 as XLINK_ATTRIBUTE_NAME, a4 as XMLNS_ATTRIBUTE_NAME, a5 as applyStyles, a6 as createInPlaceErrorMessageVNode, a7 as createRef, aO as createStore, aP as deepEquals, aQ as dequery, aR as emptyImpl, aS as getAllFormValues, aT as getDefaultDequeryOptions, a8 as getRenderer, a9 as getTransitionStyles, aa as globalScopeDomApis, ab as handleLifecycleEventsForOnMount, aU as isDequery, aV as isDequeryOptionsObject, ac as isJSX, ad as isRef, ae as jsx, af as jsxDEV, ag as jsxs, ah as nsMap, ai as observeUnmount, aj as performTransition, aW as render, ak as renderInto, al as renderIsomorphicAsync, am as renderIsomorphicSync, aX as scrollHelper, aY as shallowEquals, an as updateDom } from './index-CDeQTFKH.js';
+import { W as PersistenceProviderType, V as PersistenceProviderOptions, U as PersistenceProviderImpl, aj as VNode, ak as VNodeAttributes, Q as NodeType, a3 as RenderInput, H as Globals, a7 as Store, _ as Ref, F as FC, t as ElementProps, Y as Props, i as DOMElement, al as VNodeChild, ac as TransitionConfig, b as AsyncDefussChild } from './index-CeFAHwJi.js';
+export { $, A as AllHTMLElements, a as AnyEventHandler, c as AsyncFC, d as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, e as CSSProperties, f as CallChainImpl, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, j as DOMPropValue, k as DefussChild, l as DefussChildren, m as DefussClassValue, n as DefussKey, o as Dequery, p as DequeryOptions, q as DequerySyncMethodReturnType, r as Dimensions, s as DomAbstractionImpl, E as ElementCreationOptions, u as EqualsFn, v as EventMapFor, w as EventMapForAny, x as FontFaceProperties, y as FormFieldValue, z as FormKeyValues, B as Fragment, G as FunctionComponent, J as JsxRuntimeHookFn, I as JsxSourceInfo, K as KeyFrameProperties, L as Listener, M as Maybe, N as MemoryStorage, O as MiddlewareFn, P as MountHandler, R as OneOrMany, S as ParentElementInput, T as ParentElementInputAsync, X as Position, Z as REF_ATTRIBUTE_NAME, a0 as RefUpdateFn, a1 as RefUpdateRenderFn, a2 as RefUpdateRenderFnInput, a4 as RenderNodeInput, a5 as RenderResult, a6 as RenderResultNode, a8 as StoreOptions, a9 as SyncRenderInput, aa as SyncRenderResult, ab as TargetOf, ad as TransitionStyles, ae as TransitionType, af as TransitionsEasing, ag as UnionToIntersection, ah as UnmountHandler, ai as VAttributes, am as VNodeChildren, an as VNodeKey, ao as VNodeRef, ap as VNodeRefCallback, aq as VNodeRefObject, ar as VNodeType, as as WebStorage, at as XLINK_ATTRIBUTE_NAME, au as XMLNS_ATTRIBUTE_NAME, av as applyStyles, aw as createInPlaceErrorMessageVNode, ax as createRef, ay as createStore, az as deepEquals, aA as dequery, aB as emptyImpl, aC as getAllFormValues, aD as getDefaultDequeryOptions, aE as getRenderer, aF as getTransitionStyles, aG as globalScopeDomApis, aH as handleLifecycleEventsForOnMount, aI as isDequery, aJ as isDequeryOptionsObject, aK as isJSX, aL as isRef, aM as jsx, aN as jsxDEV, aO as jsxs, aP as nsMap, aQ as observeUnmount, aR as performTransition, aS as render, aT as renderInto, aU as renderIsomorphicAsync, aV as renderIsomorphicSync, aW as scrollHelper, aX as shallowEquals, aY as updateDom } from './index-CeFAHwJi.js';
 export { CAPTURE_ONLY_EVENTS, ComponentInstance, DelegatedEventOptions, DelegatedPhase, ParsedEventProp, clearDelegatedEvents, clearDelegatedEventsDeep, getComponentInstance, getRegisteredEventKeys, getRegisteredEventTypes, isComponentRoot, mount, parseEventPropName, registerComponent, registerDelegatedEvent, removeDelegatedEvent, removeDelegatedEventByKey, unmount, unregisterComponent } from './render/index.js';
 import 'csstype';
 
@@ -69,6 +69,91 @@ declare function htmlStringToVNodes(html: string, Parser: typeof DOMParser): Arr
 
 declare const queueCallback: <T extends any[]>(cb: (...args: T) => void) => (...args: T) => void;
 
+/**
+ * Creates a computed (derived) store from other stores.
+ * The computed value is recalculated when any dependency store changes.
+ *
+ * @example
+ * ```ts
+ * const countStore = createStore({ count: 0 });
+ * const doubled = computed(countStore, (v) => v.count * 2);
+ *
+ * // Or with multiple stores:
+ * const a = createStore({ value: 1 });
+ * const b = createStore({ value: 2 });
+ * const sum = computed([a, b], (av, bv) => av.value + bv.value);
+ * ```
+ */
+declare function computed<T>(stores: Store<any> | Store<any>[], fn: (...values: any[]) => T): Store<T>;
+
+/**
+ * Configuration for reactive rendering.
+ */
+interface ReactiveConfig {
+    /** One or more stores to subscribe to. */
+    store: Store<any> | Store<any>[];
+    /** Render function that returns JSX to render into the target. */
+    render: () => JSX.Element;
+    /** Optional cleanup function called on unmount. */
+    cleanup?: () => void;
+}
+/**
+ * Core reactive utility - subscribes to store(s) and re-renders JSX on changes.
+ * Returns a cleanup function to unsubscribe all stores and call optional cleanup.
+ *
+ * @example
+ * ```ts
+ * const store = createStore({ count: 0 });
+ * const ref = createRef<HTMLDivElement>();
+ *
+ * // In onMount:
+ * const cleanup = reactive({
+ *   store,
+ *   render: () => <div>Count: {store.value.count}</div>,
+ *   cleanup: () => console.log("unmounted")
+ * }, ref);
+ *
+ * // Later, to clean up:
+ * cleanup();
+ * ```
+ */
+declare function reactive(config: ReactiveConfig, target: Ref<HTMLElement> | HTMLElement): () => void;
+
+/**
+ * Props for the Reactive component.
+ */
+interface ReactiveProps extends ElementProps<HTMLDivElement> {
+    /** One or more stores to subscribe to. */
+    store: ReactiveConfig["store"];
+    /** Render function that returns JSX to render into the component. */
+    render: ReactiveConfig["render"];
+    /** Optional cleanup function called on unmount. */
+    cleanup?: ReactiveConfig["cleanup"];
+    /** Wrapper element tag name. Default: "div". */
+    tag?: string;
+}
+/**
+ * A component that automatically re-renders when its store(s) change.
+ * Handles subscription setup on mount and cleanup on unmount.
+ *
+ * @example
+ * ```tsx
+ * import { Reactive, createStore } from "defuss";
+ *
+ * const store = createStore({ count: 0 });
+ *
+ * <Reactive store={store} render={() => (
+ *   <div>
+ *     <p>Count: {store.value.count}</p>
+ *     <button onClick={() => store.set({ count: store.value.count + 1 })}>
+ *       Increment
+ *     </button>
+ *   </div>
+ * )}/>
+ * ```
+ */
+declare const Reactive: FC<ReactiveProps>;
+
 type Resolve<T> = T extends infer U ? U : never;
 type TranslationKeys<T, Prefix extends string = ""> = Resolve<{
     [K in keyof T]: T[K] extends Record<string, unknown> ? TranslationKeys<T[K], `${Prefix}${K & string}.`> : `${Prefix}${K & string}`;
@@ -485,5 +570,5 @@ declare const Suspense: ({ fallback, ref, children, class: _class, className, id
     children: (VNode<VNodeAttributes> | VNode<VNodeAttributes> | Promise<VNode<VNodeAttributes> | null>)[];
 };
 
-export { Async, AsyncDefussChild, DOMElement, FC, Globals, NodeType, PersistenceProviderImpl, PersistenceProviderOptions, PersistenceProviderType, Props, Redirect, Ref, RenderInput, Route, Router, RouterSlot, RouterSlotId, Suspense, T, Trans, TransitionConfig, VNode, VNodeAttributes, VNodeChild, addElementEvent, areDomNodesEqual, changeLanguage, checkElementVisibility, clearElementEvents, createI18n, createTrans, domNodeToVNode, getEventMap, getLanguage, getMimeType, getRouterState, htmlStringToVNodes, i18n, inDevMode, isHTML, isMarkup, isSVG, loadLanguage, matchRouteRegistrations, parseDOM, processAllFormElements, queueCallback, removeElementEvent, renderMarkup, replaceDomWithVdom, setupRouter, t, tokenizePath, updateDomWithVdom, waitForDOM, webstorage };
-export type { AsyncProps, AsyncState, AsyncStateRef, BeforeLeaveHookFn, I18nStore, LeaveHookFn, MatchRouteRegistrationsOpts, OnHandleRouteChangeFn, OnLanguageChangeListener, OnRouteChangeFn, RedirectProps, Replacements, Resolve, RouteComponentProps, RouteContext, RouteHandler, RouteParams, RouteProps, RouteRegistration, RouteRequest, RouterConfig, RouterSlotProps, RouterStrategy, TokenizedPath, TransProps, TransRef, TranslationKeys, TranslationObject, Translations, ValidChild };
+export { Async, AsyncDefussChild, DOMElement, ElementProps, FC, Globals, NodeType, PersistenceProviderImpl, PersistenceProviderOptions, PersistenceProviderType, Props, Reactive, Redirect, Ref, RenderInput, Route, Router, RouterSlot, RouterSlotId, Store, Suspense, T, Trans, TransitionConfig, VNode, VNodeAttributes, VNodeChild, addElementEvent, areDomNodesEqual, changeLanguage, checkElementVisibility, clearElementEvents, computed, createI18n, createTrans, domNodeToVNode, getEventMap, getLanguage, getMimeType, getRouterState, htmlStringToVNodes, i18n, inDevMode, isHTML, isMarkup, isSVG, loadLanguage, matchRouteRegistrations, parseDOM, processAllFormElements, queueCallback, reactive, removeElementEvent, renderMarkup, replaceDomWithVdom, setupRouter, t, tokenizePath, updateDomWithVdom, waitForDOM, webstorage };
+export type { AsyncProps, AsyncState, AsyncStateRef, BeforeLeaveHookFn, I18nStore, LeaveHookFn, MatchRouteRegistrationsOpts, OnHandleRouteChangeFn, OnLanguageChangeListener, OnRouteChangeFn, ReactiveConfig, ReactiveProps, RedirectProps, Replacements, Resolve, RouteComponentProps, RouteContext, RouteHandler, RouteParams, RouteProps, RouteRegistration, RouteRequest, RouterConfig, RouterSlotProps, RouterStrategy, TokenizedPath, TransProps, TransRef, TranslationKeys, TranslationObject, Translations, ValidChild };

package/dist/index.mjs

@@ -1,10 +1,77 @@
-import { M as createStore, s as jsx, h as createRef, $, r as isRef } from './dom-DhkFpQzW.mjs';
-export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, N as CallChainImpl, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, b as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, c as XMLNS_ATTRIBUTE_NAME, O as addElementEvent, d as applyStyles, P as areDomNodesEqual, Q as checkElementVisibility, e as clearDelegatedEvents, f as clearDelegatedEventsDeep, S as clearElementEvents, g as createInPlaceErrorMessageVNode, T as deepEquals, U as dequery, V as domNodeToVNode, W as emptyImpl, Y as getAllFormValues, i as getComponentInstance, Z as getDefaultDequeryOptions, _ as getEventMap, a0 as getMimeType, j as getRegisteredEventKeys, k as getRegisteredEventTypes, l as getRenderer, m as getTransitionStyles, n as globalScopeDomApis, o as handleLifecycleEventsForOnMount, a1 as htmlStringToVNodes, p as isComponentRoot, a2 as isDequery, a3 as isDequeryOptionsObject, a4 as isHTML, q as isJSX, a5 as isMarkup, a6 as isSVG, t as jsxDEV, u as jsxs, v as nsMap, w as observeUnmount, a7 as parseDOM, x as parseEventPropName, y as performTransition, a8 as processAllFormElements, a9 as queueCallback, z as registerComponent, A as registerDelegatedEvent, B as removeDelegatedEvent, E as removeDelegatedEventByKey, aa as removeElementEvent, G as render, H as renderInto, I as renderIsomorphicAsync, J as renderIsomorphicSync, ab as renderMarkup, ac as replaceDomWithVdom, ad as scrollHelper, ae as shallowEquals, K as unregisterComponent, L as updateDom, af as updateDomWithVdom, ag as waitForDOM, ah as webstorage } from './dom-DhkFpQzW.mjs';
-export { m as mount, u as unmount } from './mount-0BKlcRFL.mjs';
+import { m as createRef, P as jsx, a0 as reactive, n as createStore, $, N as isRef } from './dom-_OdBXxSy.mjs';
+export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, b as CallChainImpl, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, c as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, d as XMLNS_ATTRIBUTE_NAME, e as addElementEvent, f as applyStyles, g as areDomNodesEqual, h as checkElementVisibility, i as clearDelegatedEvents, j as clearDelegatedEventsDeep, k as clearElementEvents, l as createInPlaceErrorMessageVNode, o as deepEquals, p as dequery, q as domNodeToVNode, r as emptyImpl, s as getAllFormValues, t as getComponentInstance, u as getDefaultDequeryOptions, v as getEventMap, w as getMimeType, x as getRegisteredEventKeys, y as getRegisteredEventTypes, z as getRenderer, A as getTransitionStyles, B as globalScopeDomApis, E as handleLifecycleEventsForOnMount, G as htmlStringToVNodes, H as isComponentRoot, I as isDequery, J as isDequeryOptionsObject, K as isHTML, L as isJSX, M as isMarkup, O as isSVG, Q as jsxDEV, S as jsxs, T as nsMap, U as observeUnmount, V as parseDOM, W as parseEventPropName, Y as performTransition, Z as processAllFormElements, _ as queueCallback, a1 as registerComponent, a2 as registerDelegatedEvent, a3 as removeDelegatedEvent, a4 as removeDelegatedEventByKey, a5 as removeElementEvent, a6 as render, a7 as renderInto, a8 as renderIsomorphicAsync, a9 as renderIsomorphicSync, aa as renderMarkup, ab as replaceDomWithVdom, ac as scrollHelper, ad as shallowEquals, ae as unregisterComponent, af as updateDom, ag as updateDomWithVdom, ah as waitForDOM, ai as webstorage } from './dom-_OdBXxSy.mjs';
+export { m as mount, u as unmount } from './mount-BcFWqQDc.mjs';
 import 'defuss-runtime';
 
 const inDevMode = typeof process !== "undefined" && process.env ? process.env.NODE_ENV !== "production" : false;
 
+function computed(stores, fn) {
+  const storeList = Array.isArray(stores) ? stores : [stores];
+  let value = fn(...storeList.map((s) => s.value));
+  const listeners = [];
+  const recalculate = () => {
+    const oldValue = value;
+    value = fn(...storeList.map((s) => s.value));
+    if (value !== oldValue) {
+      listeners.forEach((l) => l(value, oldValue));
+    }
+  };
+  storeList.map((s) => s.subscribe(recalculate));
+  return {
+    get value() {
+      return value;
+    },
+    get: () => value,
+    set: () => {
+      throw new Error("Computed stores are read-only");
+    },
+    getRaw: () => value,
+    setRaw: () => {
+      throw new Error("Computed stores are read-only");
+    },
+    reset: () => {
+    },
+    subscribe: (listener) => {
+      listeners.push(listener);
+      return () => {
+        const idx = listeners.indexOf(listener);
+        if (idx >= 0) listeners.splice(idx, 1);
+      };
+    },
+    persist: () => {
+    },
+    restore: () => {
+    }
+  };
+}
+
+const Reactive = ({
+  store,
+  render,
+  cleanup,
+  tag = "div",
+  className,
+  ref = createRef(),
+  ...props
+}) => {
+  const reactiveRef = ref || createRef();
+  let cleanupFn;
+  return /* @__PURE__ */ jsx(
+    "tag",
+    {
+      ref: reactiveRef,
+      class: className,
+      ...props,
+      onMount: () => {
+        cleanupFn = reactive({ store, render, cleanup }, reactiveRef);
+      },
+      onUnmount: () => {
+        cleanupFn?.();
+      }
+    }
+  );
+};
+
 const VARIABLE_REGEX = /{([^}]*)}/g;
 const DOUBLE_BRACE_REGEX = /\{\{([^}]*)\}\}/g;
 const interpolate = (template, replacements) => {
@@ -709,4 +776,4 @@ const Async = ({
 };
 const Suspense = Async;
 
-export { $, Async, Redirect, Route, Router, RouterSlot, RouterSlotId, Suspense, T, Trans, changeLanguage, createI18n, createRef, createStore, createTrans, getLanguage, getRouterState, i18n, inDevMode, isRef, jsx, loadLanguage, matchRouteRegistrations, setupRouter, t, tokenizePath };
+export { $, Async, Reactive, Redirect, Route, Router, RouterSlot, RouterSlotId, Suspense, T, Trans, changeLanguage, computed, createI18n, createRef, createStore, createTrans, getLanguage, getRouterState, i18n, inDevMode, isRef, jsx, loadLanguage, matchRouteRegistrations, reactive, setupRouter, t, tokenizePath };

package/dist/{mount-0BKlcRFL.mjs → mount-BcFWqQDc.mjs}

@@ -1,4 +1,4 @@
-import { J as renderIsomorphicSync, z as registerComponent, w as observeUnmount, K as unregisterComponent } from './dom-DhkFpQzW.mjs';
+import { a9 as renderIsomorphicSync, a1 as registerComponent, U as observeUnmount, ae as unregisterComponent } from './dom-_OdBXxSy.mjs';
 
 function mount(container, Component, initialProps) {
   while (container.firstChild) {

package/dist/{mount-C9aDnSHs.cjs → mount-CY0wDye_.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dom = require('./dom-DIfHWdHZ.cjs');
+var dom = require('./dom-D--m76Im.cjs');
 
 function mount(container, Component, initialProps) {
   while (container.firstChild) {

package/dist/render/client.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var dom = require('../dom-DIfHWdHZ.cjs');
-var mount = require('../mount-C9aDnSHs.cjs');
+var dom = require('../dom-D--m76Im.cjs');
+var mount = require('../mount-CY0wDye_.cjs');
 require('defuss-runtime');
 
 const renderSync = (virtualNode, parentDomElement = document.documentElement) => {

package/dist/render/client.d.ts

@@ -1,5 +1,5 @@
-import { W as VNode, R as RenderInput, P as ParentElementInputAsync, a as RenderResult, b as ParentElementInput } from '../index-CDeQTFKH.js';
-export { A as AllHTMLElements, c as AsyncDefussChild, d as AsyncFC, e as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, f as CSSProperties, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, i as DOMElement, j as DefussChild, k as DefussChildren, l as DefussClassValue, m as DefussKey, n as DomAbstractionImpl, E as ElementProps, F as FC, o as FontFaceProperties, p as Fragment, q as FunctionComponent, G as Globals, J as JsxRuntimeHookFn, r as JsxSourceInfo, K as KeyFrameProperties, M as Maybe, s as MountHandler, N as NodeType, O as OneOrMany, t as Props, u as REF_ATTRIBUTE_NAME, v as Ref, w as RefUpdateFn, x as RefUpdateRenderFn, y as RefUpdateRenderFnInput, z as RenderNodeInput, B as RenderResultNode, S as SyncRenderInput, H as SyncRenderResult, T as TransitionConfig, I as TransitionStyles, L as TransitionType, Q as TransitionsEasing, U as UnmountHandler, V as VAttributes, X as VNodeAttributes, Y as VNodeChild, Z as VNodeChildren, _ as VNodeKey, $ as VNodeRef, a0 as VNodeRefCallback, a1 as VNodeRefObject, a2 as VNodeType, a3 as XLINK_ATTRIBUTE_NAME, a4 as XMLNS_ATTRIBUTE_NAME, a5 as applyStyles, a6 as createInPlaceErrorMessageVNode, a7 as createRef, a8 as getRenderer, a9 as getTransitionStyles, aa as globalScopeDomApis, ab as handleLifecycleEventsForOnMount, ac as isJSX, ad as isRef, ae as jsx, af as jsxDEV, ag as jsxs, ah as nsMap, ai as observeUnmount, aj as performTransition, ak as renderInto, al as renderIsomorphicAsync, am as renderIsomorphicSync, an as updateDom } from '../index-CDeQTFKH.js';
+import { aj as VNode, a3 as RenderInput, T as ParentElementInputAsync, a5 as RenderResult, S as ParentElementInput } from '../index-CeFAHwJi.js';
+export { A as AllHTMLElements, b as AsyncDefussChild, c as AsyncFC, d as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, e as CSSProperties, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, i as DOMElement, k as DefussChild, l as DefussChildren, m as DefussClassValue, n as DefussKey, s as DomAbstractionImpl, t as ElementProps, F as FC, x as FontFaceProperties, B as Fragment, G as FunctionComponent, H as Globals, J as JsxRuntimeHookFn, I as JsxSourceInfo, K as KeyFrameProperties, M as Maybe, P as MountHandler, Q as NodeType, R as OneOrMany, Y as Props, Z as REF_ATTRIBUTE_NAME, _ as Ref, a0 as RefUpdateFn, a1 as RefUpdateRenderFn, a2 as RefUpdateRenderFnInput, a4 as RenderNodeInput, a6 as RenderResultNode, a9 as SyncRenderInput, aa as SyncRenderResult, ac as TransitionConfig, ad as TransitionStyles, ae as TransitionType, af as TransitionsEasing, ah as UnmountHandler, ai as VAttributes, ak as VNodeAttributes, al as VNodeChild, am as VNodeChildren, an as VNodeKey, ao as VNodeRef, ap as VNodeRefCallback, aq as VNodeRefObject, ar as VNodeType, at as XLINK_ATTRIBUTE_NAME, au as XMLNS_ATTRIBUTE_NAME, av as applyStyles, aw as createInPlaceErrorMessageVNode, ax as createRef, aE as getRenderer, aF as getTransitionStyles, aG as globalScopeDomApis, aH as handleLifecycleEventsForOnMount, aK as isJSX, aL as isRef, aM as jsx, aN as jsxDEV, aO as jsxs, aP as nsMap, aQ as observeUnmount, aR as performTransition, aT as renderInto, aU as renderIsomorphicAsync, aV as renderIsomorphicSync, aY as updateDom } from '../index-CeFAHwJi.js';
 export { CAPTURE_ONLY_EVENTS, ComponentInstance, DelegatedEventOptions, DelegatedPhase, ParsedEventProp, clearDelegatedEvents, clearDelegatedEventsDeep, getComponentInstance, getRegisteredEventKeys, getRegisteredEventTypes, isComponentRoot, mount, parseEventPropName, registerComponent, registerDelegatedEvent, removeDelegatedEvent, removeDelegatedEventByKey, unmount, unregisterComponent } from './index.js';
 import 'csstype';
 

package/dist/render/client.mjs

@@ -1,6 +1,6 @@
-import { x as parseEventPropName, A as registerDelegatedEvent, w as observeUnmount, n as globalScopeDomApis, I as renderIsomorphicAsync, J as renderIsomorphicSync } from '../dom-DhkFpQzW.mjs';
-export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, b as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, c as XMLNS_ATTRIBUTE_NAME, d as applyStyles, e as clearDelegatedEvents, f as clearDelegatedEventsDeep, g as createInPlaceErrorMessageVNode, h as createRef, i as getComponentInstance, j as getRegisteredEventKeys, k as getRegisteredEventTypes, l as getRenderer, m as getTransitionStyles, o as handleLifecycleEventsForOnMount, p as isComponentRoot, q as isJSX, r as isRef, s as jsx, t as jsxDEV, u as jsxs, v as nsMap, y as performTransition, z as registerComponent, B as removeDelegatedEvent, E as removeDelegatedEventByKey, H as renderInto, K as unregisterComponent, L as updateDom } from '../dom-DhkFpQzW.mjs';
-export { m as mount, u as unmount } from '../mount-0BKlcRFL.mjs';
+import { W as parseEventPropName, a2 as registerDelegatedEvent, U as observeUnmount, B as globalScopeDomApis, a8 as renderIsomorphicAsync, a9 as renderIsomorphicSync } from '../dom-_OdBXxSy.mjs';
+export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, c as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, d as XMLNS_ATTRIBUTE_NAME, f as applyStyles, i as clearDelegatedEvents, j as clearDelegatedEventsDeep, l as createInPlaceErrorMessageVNode, m as createRef, t as getComponentInstance, x as getRegisteredEventKeys, y as getRegisteredEventTypes, z as getRenderer, A as getTransitionStyles, E as handleLifecycleEventsForOnMount, H as isComponentRoot, L as isJSX, N as isRef, P as jsx, Q as jsxDEV, S as jsxs, T as nsMap, Y as performTransition, a1 as registerComponent, a3 as removeDelegatedEvent, a4 as removeDelegatedEventByKey, a7 as renderInto, ae as unregisterComponent, af as updateDom } from '../dom-_OdBXxSy.mjs';
+export { m as mount, u as unmount } from '../mount-BcFWqQDc.mjs';
 import 'defuss-runtime';
 
 const renderSync = (virtualNode, parentDomElement = document.documentElement) => {

package/dist/render/dev/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var dom = require('../../dom-DIfHWdHZ.cjs');
+var dom = require('../../dom-D--m76Im.cjs');
 require('defuss-runtime');
 
 

package/dist/render/dev/index.d.ts

@@ -1,2 +1,2 @@
-export { A as AllHTMLElements, c as AsyncDefussChild, d as AsyncFC, e as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, f as CSSProperties, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, i as DOMElement, j as DefussChild, k as DefussChildren, l as DefussClassValue, m as DefussKey, n as DomAbstractionImpl, E as ElementProps, F as FC, o as FontFaceProperties, p as Fragment, q as FunctionComponent, G as Globals, J as JsxRuntimeHookFn, r as JsxSourceInfo, K as KeyFrameProperties, M as Maybe, s as MountHandler, N as NodeType, O as OneOrMany, b as ParentElementInput, P as ParentElementInputAsync, t as Props, u as REF_ATTRIBUTE_NAME, v as Ref, w as RefUpdateFn, x as RefUpdateRenderFn, y as RefUpdateRenderFnInput, R as RenderInput, z as RenderNodeInput, a as RenderResult, B as RenderResultNode, S as SyncRenderInput, H as SyncRenderResult, T as TransitionConfig, I as TransitionStyles, L as TransitionType, Q as TransitionsEasing, U as UnmountHandler, V as VAttributes, W as VNode, X as VNodeAttributes, Y as VNodeChild, Z as VNodeChildren, _ as VNodeKey, $ as VNodeRef, a0 as VNodeRefCallback, a1 as VNodeRefObject, a2 as VNodeType, a3 as XLINK_ATTRIBUTE_NAME, a4 as XMLNS_ATTRIBUTE_NAME, a5 as applyStyles, a6 as createInPlaceErrorMessageVNode, a7 as createRef, a8 as getRenderer, a9 as getTransitionStyles, aa as globalScopeDomApis, ab as handleLifecycleEventsForOnMount, ac as isJSX, ad as isRef, ae as jsx, af as jsxDEV, ag as jsxs, ah as nsMap, ai as observeUnmount, aj as performTransition, aW as render, ak as renderInto, al as renderIsomorphicAsync, am as renderIsomorphicSync, an as updateDom } from '../../index-CDeQTFKH.js';
+export { A as AllHTMLElements, b as AsyncDefussChild, c as AsyncFC, d as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, e as CSSProperties, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, i as DOMElement, k as DefussChild, l as DefussChildren, m as DefussClassValue, n as DefussKey, s as DomAbstractionImpl, t as ElementProps, F as FC, x as FontFaceProperties, B as Fragment, G as FunctionComponent, H as Globals, J as JsxRuntimeHookFn, I as JsxSourceInfo, K as KeyFrameProperties, M as Maybe, P as MountHandler, Q as NodeType, R as OneOrMany, S as ParentElementInput, T as ParentElementInputAsync, Y as Props, Z as REF_ATTRIBUTE_NAME, _ as Ref, a0 as RefUpdateFn, a1 as RefUpdateRenderFn, a2 as RefUpdateRenderFnInput, a3 as RenderInput, a4 as RenderNodeInput, a5 as RenderResult, a6 as RenderResultNode, a9 as SyncRenderInput, aa as SyncRenderResult, ac as TransitionConfig, ad as TransitionStyles, ae as TransitionType, af as TransitionsEasing, ah as UnmountHandler, ai as VAttributes, aj as VNode, ak as VNodeAttributes, al as VNodeChild, am as VNodeChildren, an as VNodeKey, ao as VNodeRef, ap as VNodeRefCallback, aq as VNodeRefObject, ar as VNodeType, at as XLINK_ATTRIBUTE_NAME, au as XMLNS_ATTRIBUTE_NAME, av as applyStyles, aw as createInPlaceErrorMessageVNode, ax as createRef, aE as getRenderer, aF as getTransitionStyles, aG as globalScopeDomApis, aH as handleLifecycleEventsForOnMount, aK as isJSX, aL as isRef, aM as jsx, aN as jsxDEV, aO as jsxs, aP as nsMap, aQ as observeUnmount, aR as performTransition, aS as render, aT as renderInto, aU as renderIsomorphicAsync, aV as renderIsomorphicSync, aY as updateDom } from '../../index-CeFAHwJi.js';
 import 'csstype';

package/dist/render/dev/index.mjs

@@ -1,2 +1,2 @@
-export { a as CLASS_ATTRIBUTE_NAME, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, b as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, c as XMLNS_ATTRIBUTE_NAME, d as applyStyles, g as createInPlaceErrorMessageVNode, h as createRef, l as getRenderer, m as getTransitionStyles, n as globalScopeDomApis, o as handleLifecycleEventsForOnMount, q as isJSX, r as isRef, s as jsx, t as jsxDEV, u as jsxs, v as nsMap, w as observeUnmount, y as performTransition, G as render, H as renderInto, I as renderIsomorphicAsync, J as renderIsomorphicSync, L as updateDom } from '../../dom-DhkFpQzW.mjs';
+export { a as CLASS_ATTRIBUTE_NAME, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, c as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, d as XMLNS_ATTRIBUTE_NAME, f as applyStyles, l as createInPlaceErrorMessageVNode, m as createRef, z as getRenderer, A as getTransitionStyles, B as globalScopeDomApis, E as handleLifecycleEventsForOnMount, L as isJSX, N as isRef, P as jsx, Q as jsxDEV, S as jsxs, T as nsMap, U as observeUnmount, Y as performTransition, a6 as render, a7 as renderInto, a8 as renderIsomorphicAsync, a9 as renderIsomorphicSync, af as updateDom } from '../../dom-_OdBXxSy.mjs';
 import 'defuss-runtime';

package/dist/render/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var dom = require('../dom-DIfHWdHZ.cjs');
-var mount = require('../mount-C9aDnSHs.cjs');
+var dom = require('../dom-D--m76Im.cjs');
+var mount = require('../mount-CY0wDye_.cjs');
 require('defuss-runtime');
 
 

package/dist/render/index.d.ts

@@ -1,5 +1,5 @@
-import { W as VNode } from '../index-CDeQTFKH.js';
-export { A as AllHTMLElements, c as AsyncDefussChild, d as AsyncFC, e as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, f as CSSProperties, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, i as DOMElement, j as DefussChild, k as DefussChildren, l as DefussClassValue, m as DefussKey, n as DomAbstractionImpl, E as ElementProps, F as FC, o as FontFaceProperties, p as Fragment, q as FunctionComponent, G as Globals, J as JsxRuntimeHookFn, r as JsxSourceInfo, K as KeyFrameProperties, M as Maybe, s as MountHandler, N as NodeType, O as OneOrMany, b as ParentElementInput, P as ParentElementInputAsync, t as Props, u as REF_ATTRIBUTE_NAME, v as Ref, w as RefUpdateFn, x as RefUpdateRenderFn, y as RefUpdateRenderFnInput, R as RenderInput, z as RenderNodeInput, a as RenderResult, B as RenderResultNode, S as SyncRenderInput, H as SyncRenderResult, T as TransitionConfig, I as TransitionStyles, L as TransitionType, Q as TransitionsEasing, U as UnmountHandler, V as VAttributes, X as VNodeAttributes, Y as VNodeChild, Z as VNodeChildren, _ as VNodeKey, $ as VNodeRef, a0 as VNodeRefCallback, a1 as VNodeRefObject, a2 as VNodeType, a3 as XLINK_ATTRIBUTE_NAME, a4 as XMLNS_ATTRIBUTE_NAME, a5 as applyStyles, a6 as createInPlaceErrorMessageVNode, a7 as createRef, a8 as getRenderer, a9 as getTransitionStyles, aa as globalScopeDomApis, ab as handleLifecycleEventsForOnMount, ac as isJSX, ad as isRef, ae as jsx, af as jsxDEV, ag as jsxs, ah as nsMap, ai as observeUnmount, aj as performTransition, aW as render, ak as renderInto, al as renderIsomorphicAsync, am as renderIsomorphicSync, an as updateDom } from '../index-CDeQTFKH.js';
+import { aj as VNode } from '../index-CeFAHwJi.js';
+export { A as AllHTMLElements, b as AsyncDefussChild, c as AsyncFC, d as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, e as CSSProperties, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, i as DOMElement, k as DefussChild, l as DefussChildren, m as DefussClassValue, n as DefussKey, s as DomAbstractionImpl, t as ElementProps, F as FC, x as FontFaceProperties, B as Fragment, G as FunctionComponent, H as Globals, J as JsxRuntimeHookFn, I as JsxSourceInfo, K as KeyFrameProperties, M as Maybe, P as MountHandler, Q as NodeType, R as OneOrMany, S as ParentElementInput, T as ParentElementInputAsync, Y as Props, Z as REF_ATTRIBUTE_NAME, _ as Ref, a0 as RefUpdateFn, a1 as RefUpdateRenderFn, a2 as RefUpdateRenderFnInput, a3 as RenderInput, a4 as RenderNodeInput, a5 as RenderResult, a6 as RenderResultNode, a9 as SyncRenderInput, aa as SyncRenderResult, ac as TransitionConfig, ad as TransitionStyles, ae as TransitionType, af as TransitionsEasing, ah as UnmountHandler, ai as VAttributes, ak as VNodeAttributes, al as VNodeChild, am as VNodeChildren, an as VNodeKey, ao as VNodeRef, ap as VNodeRefCallback, aq as VNodeRefObject, ar as VNodeType, at as XLINK_ATTRIBUTE_NAME, au as XMLNS_ATTRIBUTE_NAME, av as applyStyles, aw as createInPlaceErrorMessageVNode, ax as createRef, aE as getRenderer, aF as getTransitionStyles, aG as globalScopeDomApis, aH as handleLifecycleEventsForOnMount, aK as isJSX, aL as isRef, aM as jsx, aN as jsxDEV, aO as jsxs, aP as nsMap, aQ as observeUnmount, aR as performTransition, aS as render, aT as renderInto, aU as renderIsomorphicAsync, aV as renderIsomorphicSync, aY as updateDom } from '../index-CeFAHwJi.js';
 import 'csstype';
 
 type DelegatedPhase = "bubble" | "capture";

package/dist/render/index.mjs

@@ -1,3 +1,3 @@
-export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, b as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, c as XMLNS_ATTRIBUTE_NAME, d as applyStyles, e as clearDelegatedEvents, f as clearDelegatedEventsDeep, g as createInPlaceErrorMessageVNode, h as createRef, i as getComponentInstance, j as getRegisteredEventKeys, k as getRegisteredEventTypes, l as getRenderer, m as getTransitionStyles, n as globalScopeDomApis, o as handleLifecycleEventsForOnMount, p as isComponentRoot, q as isJSX, r as isRef, s as jsx, t as jsxDEV, u as jsxs, v as nsMap, w as observeUnmount, x as parseEventPropName, y as performTransition, z as registerComponent, A as registerDelegatedEvent, B as removeDelegatedEvent, E as removeDelegatedEventByKey, G as render, H as renderInto, I as renderIsomorphicAsync, J as renderIsomorphicSync, K as unregisterComponent, L as updateDom } from '../dom-DhkFpQzW.mjs';
-export { m as mount, u as unmount } from '../mount-0BKlcRFL.mjs';
+export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, c as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, d as XMLNS_ATTRIBUTE_NAME, f as applyStyles, i as clearDelegatedEvents, j as clearDelegatedEventsDeep, l as createInPlaceErrorMessageVNode, m as createRef, t as getComponentInstance, x as getRegisteredEventKeys, y as getRegisteredEventTypes, z as getRenderer, A as getTransitionStyles, B as globalScopeDomApis, E as handleLifecycleEventsForOnMount, H as isComponentRoot, L as isJSX, N as isRef, P as jsx, Q as jsxDEV, S as jsxs, T as nsMap, U as observeUnmount, W as parseEventPropName, Y as performTransition, a1 as registerComponent, a2 as registerDelegatedEvent, a3 as removeDelegatedEvent, a4 as removeDelegatedEventByKey, a6 as render, a7 as renderInto, a8 as renderIsomorphicAsync, a9 as renderIsomorphicSync, ae as unregisterComponent, af as updateDom } from '../dom-_OdBXxSy.mjs';
+export { m as mount, u as unmount } from '../mount-BcFWqQDc.mjs';
 import 'defuss-runtime';

package/dist/render/server.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 var HappyDom = require('happy-dom');
-var dom = require('../dom-DIfHWdHZ.cjs');
+var dom = require('../dom-D--m76Im.cjs');
 var serializeHtml = require('w3c-xmlserializer');
-var mount = require('../mount-C9aDnSHs.cjs');
+var mount = require('../mount-CY0wDye_.cjs');
 require('defuss-runtime');
 
 function _interopNamespaceDefault(e) {

package/dist/render/server.d.ts

@@ -1,5 +1,5 @@
-import { G as Globals, R as RenderInput, P as ParentElementInputAsync, a as RenderResult, b as ParentElementInput } from '../index-CDeQTFKH.js';
-export { A as AllHTMLElements, c as AsyncDefussChild, d as AsyncFC, e as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, f as CSSProperties, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, i as DOMElement, j as DefussChild, k as DefussChildren, l as DefussClassValue, m as DefussKey, n as DomAbstractionImpl, E as ElementProps, F as FC, o as FontFaceProperties, p as Fragment, q as FunctionComponent, J as JsxRuntimeHookFn, r as JsxSourceInfo, K as KeyFrameProperties, M as Maybe, s as MountHandler, N as NodeType, O as OneOrMany, t as Props, u as REF_ATTRIBUTE_NAME, v as Ref, w as RefUpdateFn, x as RefUpdateRenderFn, y as RefUpdateRenderFnInput, z as RenderNodeInput, B as RenderResultNode, S as SyncRenderInput, H as SyncRenderResult, T as TransitionConfig, I as TransitionStyles, L as TransitionType, Q as TransitionsEasing, U as UnmountHandler, V as VAttributes, W as VNode, X as VNodeAttributes, Y as VNodeChild, Z as VNodeChildren, _ as VNodeKey, $ as VNodeRef, a0 as VNodeRefCallback, a1 as VNodeRefObject, a2 as VNodeType, a3 as XLINK_ATTRIBUTE_NAME, a4 as XMLNS_ATTRIBUTE_NAME, a5 as applyStyles, a6 as createInPlaceErrorMessageVNode, a7 as createRef, a8 as getRenderer, a9 as getTransitionStyles, aa as globalScopeDomApis, ab as handleLifecycleEventsForOnMount, ac as isJSX, ad as isRef, ae as jsx, af as jsxDEV, ag as jsxs, ah as nsMap, ai as observeUnmount, aj as performTransition, ak as renderInto, al as renderIsomorphicAsync, am as renderIsomorphicSync, an as updateDom } from '../index-CDeQTFKH.js';
+import { H as Globals, a3 as RenderInput, T as ParentElementInputAsync, a5 as RenderResult, S as ParentElementInput } from '../index-CeFAHwJi.js';
+export { A as AllHTMLElements, b as AsyncDefussChild, c as AsyncFC, d as AsyncFunctionComponent, C as CLASS_ATTRIBUTE_NAME, e as CSSProperties, g as Children, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, h as DEFAULT_TRANSITION_CONFIG, i as DOMElement, k as DefussChild, l as DefussChildren, m as DefussClassValue, n as DefussKey, s as DomAbstractionImpl, t as ElementProps, F as FC, x as FontFaceProperties, B as Fragment, G as FunctionComponent, J as JsxRuntimeHookFn, I as JsxSourceInfo, K as KeyFrameProperties, M as Maybe, P as MountHandler, Q as NodeType, R as OneOrMany, Y as Props, Z as REF_ATTRIBUTE_NAME, _ as Ref, a0 as RefUpdateFn, a1 as RefUpdateRenderFn, a2 as RefUpdateRenderFnInput, a4 as RenderNodeInput, a6 as RenderResultNode, a9 as SyncRenderInput, aa as SyncRenderResult, ac as TransitionConfig, ad as TransitionStyles, ae as TransitionType, af as TransitionsEasing, ah as UnmountHandler, ai as VAttributes, aj as VNode, ak as VNodeAttributes, al as VNodeChild, am as VNodeChildren, an as VNodeKey, ao as VNodeRef, ap as VNodeRefCallback, aq as VNodeRefObject, ar as VNodeType, at as XLINK_ATTRIBUTE_NAME, au as XMLNS_ATTRIBUTE_NAME, av as applyStyles, aw as createInPlaceErrorMessageVNode, ax as createRef, aE as getRenderer, aF as getTransitionStyles, aG as globalScopeDomApis, aH as handleLifecycleEventsForOnMount, aK as isJSX, aL as isRef, aM as jsx, aN as jsxDEV, aO as jsxs, aP as nsMap, aQ as observeUnmount, aR as performTransition, aT as renderInto, aU as renderIsomorphicAsync, aV as renderIsomorphicSync, aY as updateDom } from '../index-CeFAHwJi.js';
 export { CAPTURE_ONLY_EVENTS, ComponentInstance, DelegatedEventOptions, DelegatedPhase, ParsedEventProp, clearDelegatedEvents, clearDelegatedEventsDeep, getComponentInstance, getRegisteredEventKeys, getRegisteredEventTypes, isComponentRoot, mount, parseEventPropName, registerComponent, registerDelegatedEvent, removeDelegatedEvent, removeDelegatedEventByKey, unmount, unregisterComponent } from './index.js';
 import 'csstype';
 

package/dist/render/server.mjs

@@ -1,8 +1,8 @@
 import * as HappyDom from 'happy-dom';
-import { I as renderIsomorphicAsync, J as renderIsomorphicSync, n as globalScopeDomApis } from '../dom-DhkFpQzW.mjs';
-export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, b as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, c as XMLNS_ATTRIBUTE_NAME, d as applyStyles, e as clearDelegatedEvents, f as clearDelegatedEventsDeep, g as createInPlaceErrorMessageVNode, h as createRef, i as getComponentInstance, j as getRegisteredEventKeys, k as getRegisteredEventTypes, l as getRenderer, m as getTransitionStyles, o as handleLifecycleEventsForOnMount, p as isComponentRoot, q as isJSX, r as isRef, s as jsx, t as jsxDEV, u as jsxs, v as nsMap, w as observeUnmount, x as parseEventPropName, y as performTransition, z as registerComponent, A as registerDelegatedEvent, B as removeDelegatedEvent, E as removeDelegatedEventByKey, H as renderInto, K as unregisterComponent, L as updateDom } from '../dom-DhkFpQzW.mjs';
+import { a8 as renderIsomorphicAsync, a9 as renderIsomorphicSync, B as globalScopeDomApis } from '../dom-_OdBXxSy.mjs';
+export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, c as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, d as XMLNS_ATTRIBUTE_NAME, f as applyStyles, i as clearDelegatedEvents, j as clearDelegatedEventsDeep, l as createInPlaceErrorMessageVNode, m as createRef, t as getComponentInstance, x as getRegisteredEventKeys, y as getRegisteredEventTypes, z as getRenderer, A as getTransitionStyles, E as handleLifecycleEventsForOnMount, H as isComponentRoot, L as isJSX, N as isRef, P as jsx, Q as jsxDEV, S as jsxs, T as nsMap, U as observeUnmount, W as parseEventPropName, Y as performTransition, a1 as registerComponent, a2 as registerDelegatedEvent, a3 as removeDelegatedEvent, a4 as removeDelegatedEventByKey, a7 as renderInto, ae as unregisterComponent, af as updateDom } from '../dom-_OdBXxSy.mjs';
 import serializeHtml from 'w3c-xmlserializer';
-export { m as mount, u as unmount } from '../mount-0BKlcRFL.mjs';
+export { m as mount, u as unmount } from '../mount-BcFWqQDc.mjs';
 import 'defuss-runtime';
 
 const setupDomApis = (options = {}) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "defuss",
-  "version": "3.4.7",
+  "version": "3.4.8",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -132,4 +132,4 @@
     "happy-dom": "^20.5.0",
     "w3c-xmlserializer": "^5.0.0"
   }
-}
+}