verstak 0.94.25032 → 0.95.25044

package/README.md

@@ -39,7 +39,7 @@ visual components for (re)rendering. All that is done in
 automatic, seamless, and fine-grained way, because Verstak
 **takes full care of tracking dependencies** between visual
 components (reactive functions) and application state
-(triggering objects).
+(observable objects).
 
 Example application: https://nevod.io ([source code](https://gitlab.com/nezaboodka/nevod.web.public/-/blob/master/README.md)).
 

package/build/dist/source/components/Button.v.js

@@ -1,14 +1,14 @@
-import { ReactiveTreeNode, Mode } from "reactronic";
-import { Division, JustText, OnClick } from "verstak";
-import { triggeringModel } from "./common/Utils.js";
+import { ReactiveTreeNode, Mode, derivative } from "reactronic";
+import { Block, JustText, OnClick } from "verstak";
+import { observableModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Button(declaration) {
-    return (Division(ReactiveTreeNode.withBasis(declaration, {
+    return (Block(derivative(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = triggeringModel({
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = observableModel({
                 icon: "fa-solid fa-square",
                 label: ReactiveTreeNode.current.key,
             }));

package/build/dist/source/components/Icon.v.d.ts

@@ -1,3 +1,3 @@
-import { ReactiveTreeNode, ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNodeDecl } from "reactronic";
 import { El } from "verstak";
-export declare function Icon(name: string, declaration?: ReactiveTreeNodeDecl<El<HTMLElement, void>>): ReactiveTreeNode<El<HTMLElement, void>>;
+export declare function Icon(name: string, declaration?: ReactiveTreeNodeDecl<El<HTMLElement, void>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, void>>;

package/build/dist/source/components/Icon.v.js

@@ -1,8 +1,8 @@
-import { ReactiveTreeNode, Mode } from "reactronic";
-import { Division } from "verstak";
+import { Mode, derivative } from "reactronic";
+import { Block } from "verstak";
 import { Theme } from "./Theme.js";
 export function Icon(name, declaration) {
-    return (Division(ReactiveTreeNode.withBasis(declaration, {
+    return (Block(derivative(declaration, {
         mode: Mode.autonomous,
         triggers: { name },
         script: el => {

package/build/dist/source/components/Image.v.d.ts

@@ -1,6 +1,6 @@
-import { ReactiveTreeNode, ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNodeDecl } from "reactronic";
 import { El } from "verstak";
 export type ImageModel = {
     source?: string;
 };
-export declare function Image(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, ImageModel>>): ReactiveTreeNode<El<HTMLElement, ImageModel>>;
+export declare function Image(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, ImageModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, ImageModel>>;

package/build/dist/source/components/Image.v.js

@@ -1,12 +1,12 @@
-import { ReactiveTreeNode, Mode } from "reactronic";
-import { Division } from "verstak";
-import { triggeringModel } from "./common/Utils.js";
+import { Mode, derivative } from "reactronic";
+import { Block } from "verstak";
+import { observableModel } from "./common/Utils.js";
 export function Image(declaration) {
-    return (Division(ReactiveTreeNode.withBasis(declaration, {
+    return (Block(derivative(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = triggeringModel({ source: undefined }));
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = observableModel({ source: undefined }));
         },
         script: el => {
             const m = el.model;

package/build/dist/source/components/Input.v.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveTreeNode, ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNodeDecl } from "reactronic";
 import { FocusModel, El } from "verstak";
 import { ValuesOrRefs } from "./common/Utils.js";
 export type InputModel<T = string> = FocusModel & {
@@ -12,5 +12,5 @@ export type InputModel<T = string> = FocusModel & {
     isHotText: boolean;
     inputStyle: string;
 };
-export declare function Input(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, InputModel>>): ReactiveTreeNode<El<HTMLElement, InputModel<string>>>;
+export declare function Input(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, InputModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, InputModel<string>>>;
 export declare function composeInputModel<T>(props?: Partial<ValuesOrRefs<InputModel<T>>>): InputModel<T>;

package/build/dist/source/components/Input.v.js

@@ -1,10 +1,10 @@
-import { ReactiveTreeNode, Mode } from "reactronic";
-import { Division, JustText, OnFocus, rowBreak, Fragment, KeyboardModifiers, Horizontal, Vertical } from "verstak";
-import { triggeringModel } from "./common/Utils.js";
+import { Mode, derivative } from "reactronic";
+import { Block, JustText, OnFocus, rowBreak, Fragment, KeyboardModifiers, Horizontal, Vertical } from "verstak";
+import { observableModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Input(declaration) {
-    return (Division(ReactiveTreeNode.withBasis(declaration, {
+    return (Block(derivative(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
@@ -29,7 +29,7 @@ export function Input(declaration) {
 }
 export function composeInputModel(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    return triggeringModel({
+    return observableModel({
         icon: props === null || props === void 0 ? void 0 : props.icon,
         text: (_a = props === null || props === void 0 ? void 0 : props.text) !== null && _a !== void 0 ? _a : "",
         options: (_b = props === null || props === void 0 ? void 0 : props.options) !== null && _b !== void 0 ? _b : [],
@@ -79,7 +79,7 @@ function InputField(model, styling) {
     }));
 }
 function InputPopup(model, styling) {
-    return (Division({
+    return (Block({
         key: InputPopup.name,
         script: el => {
             el.useStylingPreset(styling.popup);

package/build/dist/source/components/RealTimeClock.d.ts

@@ -1,5 +1,5 @@
-import { ObservableObject } from "reactronic";
-export declare class RealTimeClock extends ObservableObject {
+import { SxObject } from "reactronic";
+export declare class RealTimeClock extends SxObject {
     hour: number;
     minute: number;
     second: number;

package/build/dist/source/components/RealTimeClock.js

@@ -7,8 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { ObservableObject, atomic, reactive } from "reactronic";
-export class RealTimeClock extends ObservableObject {
+import { SxObject, transaction, reaction } from "reactronic";
+export class RealTimeClock extends SxObject {
     constructor(interval = 1000) {
         super();
         this.hour = 0;
@@ -45,19 +45,19 @@ export class RealTimeClock extends ObservableObject {
     }
 }
 __decorate([
-    atomic,
+    transaction,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Boolean]),
     __metadata("design:returntype", void 0)
 ], RealTimeClock.prototype, "pause", null);
 __decorate([
-    atomic,
+    transaction,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], RealTimeClock.prototype, "tick", null);
 __decorate([
-    reactive,
+    reaction,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)

package/build/dist/source/components/Spinner.v.d.ts

@@ -1,9 +1,9 @@
-import { ReactiveTreeNode, ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNodeDecl } from "reactronic";
 import { El } from "verstak";
 import { ValuesOrRefs } from "./common/Utils.js";
 export type SpinnerModel = {
     active: boolean;
     color: string;
 };
-export declare function Spinner(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, SpinnerModel>>): ReactiveTreeNode<El<HTMLElement, SpinnerModel>>;
+export declare function Spinner(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, SpinnerModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, SpinnerModel>>;
 export declare function composeSpinnerModel<T>(props?: Partial<ValuesOrRefs<SpinnerModel>>): SpinnerModel;

package/build/dist/source/components/Spinner.v.js

@@ -1,8 +1,8 @@
-import { ReactiveTreeNode, Mode } from "reactronic";
-import { Division, JustText } from "verstak";
-import { triggeringModel } from "./common/Utils.js";
+import { Mode, derivative } from "reactronic";
+import { Block, JustText } from "verstak";
+import { observableModel } from "./common/Utils.js";
 export function Spinner(declaration) {
-    return (Division(ReactiveTreeNode.withBasis(declaration, {
+    return (Block(derivative(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
@@ -16,7 +16,7 @@ export function Spinner(declaration) {
 }
 export function composeSpinnerModel(props) {
     var _a, _b;
-    return triggeringModel({
+    return observableModel({
         active: (_a = props === null || props === void 0 ? void 0 : props.active) !== null && _a !== void 0 ? _a : false,
         color: (_b = props === null || props === void 0 ? void 0 : props.color) !== null && _b !== void 0 ? _b : "",
     });

package/build/dist/source/components/Theme.js

@@ -1,4 +1,4 @@
-import { runAtomically, ReactiveTreeVariable, Isolation } from "reactronic";
+import { runTransactional, ReactiveTreeVariable, Isolation } from "reactronic";
 import { DefaultButtonStyling } from "./theme/Button.s.js";
 import { DefaultInputStyling } from "./theme/Input.s.js";
 import { DefaultIconStyling } from "./theme/Icon.s.js";
@@ -27,4 +27,4 @@ export class Theme {
         Theme.gCurrent.value = value;
     }
 }
-Theme.gCurrent = new ReactiveTreeVariable(runAtomically({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));
+Theme.gCurrent = new ReactiveTreeVariable(runTransactional({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));

package/build/dist/source/components/Toggle.v.js

@@ -1,14 +1,14 @@
-import { ReactiveTreeNode, Mode } from "reactronic";
-import { Division, JustText, OnClick } from "verstak";
-import { triggeringModel } from "./common/Utils.js";
+import { ReactiveTreeNode, Mode, derivative } from "reactronic";
+import { Block, JustText, OnClick } from "verstak";
+import { observableModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Toggle(declaration) {
-    return (Division(ReactiveTreeNode.withBasis(declaration, {
+    return (Block(derivative(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = triggeringModel({
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = observableModel({
                 label: ReactiveTreeNode.current.key,
                 checked: true,
                 color: "green"

package/build/dist/source/components/api.d.ts

@@ -6,5 +6,5 @@ export * from "./Spinner.v.js";
 export * from "./Toggle.v.js";
 export * from "./Markdown.v.js";
 export * from "./Theme.js";
-export { triggeringModel } from "./common/Utils.js";
+export { observableModel } from "./common/Utils.js";
 export { RealTimeClock } from "./RealTimeClock.js";

package/build/dist/source/components/api.js

@@ -6,5 +6,5 @@ export * from "./Spinner.v.js";
 export * from "./Toggle.v.js";
 export * from "./Markdown.v.js";
 export * from "./Theme.js";
-export { triggeringModel } from "./common/Utils.js";
+export { observableModel } from "./common/Utils.js";
 export { RealTimeClock } from "./RealTimeClock.js";

package/build/dist/source/components/common/Utils.d.ts

@@ -2,4 +2,4 @@ import { Ref } from "reactronic";
 export type ValuesOrRefs<T> = {
     [K in keyof T]: T[K] | Ref<T[K]>;
 };
-export declare function triggeringModel<T extends Object>(modelProps: ValuesOrRefs<T>): T;
+export declare function observableModel<T extends Object>(modelProps: ValuesOrRefs<T>): T;

package/build/dist/source/components/common/Utils.js

@@ -1,8 +1,8 @@
-import { ObservableObject, Ref, runAtomically, Isolation } from "reactronic";
-export function triggeringModel(modelProps) {
-    return runAtomically({ isolation: Isolation.disjoinFromOuterTransaction }, () => new TriggeringComposition(modelProps));
+import { SxObject, Ref, runTransactional, Isolation } from "reactronic";
+export function observableModel(modelProps) {
+    return runTransactional({ isolation: Isolation.disjoinFromOuterTransaction }, () => new ObservableComposition(modelProps));
 }
-class TriggeringComposition extends ObservableObject {
+class ObservableComposition extends SxObject {
     constructor(composition) {
         super();
         convertValuesToFieldsAndRefsToGetSet(this, composition);

package/build/dist/source/components/theme/Button.s.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultButtonStyling extends Styling {
@@ -33,17 +33,17 @@ export class DefaultButtonStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "label", null);

package/build/dist/source/components/theme/Icon.s.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultIconStyling extends Styling {
@@ -20,7 +20,7 @@ export class DefaultIconStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultIconStyling.prototype, "main", null);

package/build/dist/source/components/theme/Input.s.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultInputStyling extends Styling {
@@ -47,22 +47,22 @@ export class DefaultInputStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultInputStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultInputStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultInputStyling.prototype, "field", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultInputStyling.prototype, "popup", null);

package/build/dist/source/components/theme/Styling.d.ts

@@ -1,4 +1,4 @@
-import { ObservableObject } from "reactronic";
+import { SxObject } from "reactronic";
 export type BasicAbstractTheme = {
     fillColor: string;
     textColor: string;
@@ -10,7 +10,7 @@ export type BasicAbstractTheme = {
     outlinePadding: string;
     shadow: string;
 };
-export declare class Styling extends ObservableObject {
+export declare class Styling extends SxObject {
     protected readonly $: BasicAbstractTheme;
     constructor($: BasicAbstractTheme);
 }

package/build/dist/source/components/theme/Styling.js

@@ -7,14 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { ObservableObject, observable } from "reactronic";
-export class Styling extends ObservableObject {
+import { SxObject, signal } from "reactronic";
+export class Styling extends SxObject {
     constructor($) {
         super();
         this.$ = $;
     }
 }
 __decorate([
-    observable(false),
+    signal(false),
     __metadata("design:type", Object)
 ], Styling.prototype, "$", void 0);

package/build/dist/source/components/theme/Toggle.s.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultToggleStyling extends Styling {
@@ -32,17 +32,17 @@ export class DefaultToggleStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "label", null);

package/build/dist/source/core/El.d.ts

@@ -31,7 +31,7 @@ export type El<T = any, M = any> = {
     useStylingPreset(stylingPresetName: string, enabled?: boolean): void;
 };
 export declare enum ElKind {
-    division = 0,
+    block = 0,
     table = 1,
     text = 2,
     group = 3,

package/build/dist/source/core/El.js

@@ -1,6 +1,6 @@
 export var ElKind;
 (function (ElKind) {
-    ElKind[ElKind["division"] = 0] = "division";
+    ElKind[ElKind["block"] = 0] = "block";
     ElKind[ElKind["table"] = 1] = "table";
     ElKind[ElKind["text"] = 2] = "text";
     ElKind[ElKind["group"] = 3] = "group";

package/build/dist/source/core/ElDriver.d.ts

@@ -29,7 +29,7 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     constructor(node: ReactiveTreeNode<El<T, M>>);
     prepareForUpdate(): void;
     get index(): number;
-    get isDivision(): boolean;
+    get isBlock(): boolean;
     get isTable(): boolean;
     get isAuxiliary(): boolean;
     get kind(): ElKind;

package/build/dist/source/core/ElDriver.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { ReactiveTreeNode, BaseDriver, Transaction, observable, ObservableObject } from "reactronic";
+import { ReactiveTreeNode, BaseDriver, Transaction, signal, SxObject } from "reactronic";
 import { ElKind, Horizontal, Vertical, Direction } from "./El.js";
 import { equalElCoords, parseElCoords } from "./ElUtils.js";
 export class ElDriver extends BaseDriver {
@@ -45,7 +45,7 @@ export class ElImpl {
         this._hasStylingPresets = false;
     }
     get index() { return this.node.slot.index; }
-    get isDivision() { return this.kind === ElKind.division; }
+    get isBlock() { return this.kind === ElKind.block; }
     get isTable() { return this.kind === ElKind.table; }
     get isAuxiliary() { return this.kind > ElKind.text; }
     get kind() { return this._kind; }
@@ -535,7 +535,7 @@ export class ElImpl {
             native.className = enabled ? styleName : "";
     }
 }
-class Size extends ObservableObject {
+class Size extends SxObject {
     constructor() {
         super();
         this.raw = { min: "", max: "" };
@@ -561,27 +561,27 @@ export class ElLayoutInfo {
     }
 }
 __decorate([
-    observable,
+    signal,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "effectiveSizePx", void 0);
 __decorate([
-    observable,
+    signal,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "contentSizeXpx", void 0);
 __decorate([
-    observable,
+    signal,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "contentSizeYpx", void 0);
 __decorate([
-    observable,
+    signal,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "borderSizeYpx", void 0);
 __decorate([
-    observable,
+    signal,
     __metadata("design:type", Number)
 ], ElLayoutInfo.prototype, "borderSizeXpx", void 0);
 __decorate([
-    observable,
+    signal,
     __metadata("design:type", Boolean)
 ], ElLayoutInfo.prototype, "isUpdateFinished", void 0);
 var ElLayoutInfoFlags;
@@ -708,7 +708,7 @@ export const Constants = {
     wrapper: "wrapper",
     splitter: "splitter",
     group: "group",
-    layouts: ["division", "table", "text", "group", "", "", ""],
+    layouts: ["block", "table", "text", "group", "", "", ""],
     keyAttrName: "key",
     kindAttrName: "kind",
     ownReactiveTreeNodeKey: Symbol("own-reactive-tree-node"),

package/build/dist/source/core/Elements.d.ts

@@ -1,11 +1,11 @@
-import { ReactiveTreeNode, ReactiveTreeNodeDecl, ReactiveTreeNodeDriver, Script, Mode, MergedItem, ScriptAsync } from "reactronic";
+import { ReactiveTreeNode, ReactiveTreeNodeDecl, ReactiveTreeNodeDriver, Script, Mode, LinkedItem, ScriptAsync } from "reactronic";
 import { El, ElPlace } from "./El.js";
 import { CursorCommandDriver } from "./ElDriver.js";
 import { HtmlDriver } from "./WebDriver.js";
 export declare function Window(script?: Script<El<HTMLBodyElement>>, scriptAsync?: ScriptAsync<El<HTMLBodyElement>>, key?: string, mode?: Mode, preparation?: Script<El<HTMLBodyElement>>, preparationAsync?: ScriptAsync<El<HTMLBodyElement>>, finalization?: Script<El<HTMLBodyElement>>, triggers?: unknown, basis?: ReactiveTreeNodeDecl<El<HTMLBodyElement>>): ReactiveTreeNode<El<HTMLBodyElement>>;
 export declare function Window(declaration?: ReactiveTreeNodeDecl<El<HTMLBodyElement>>): ReactiveTreeNode<El<HTMLBodyElement>>;
-export declare function Division<M = unknown>(script?: Script<El<HTMLElement, M>>, scriptAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, preparation?: Script<El<HTMLElement, M>>, preparationAsync?: ScriptAsync<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Division<M = unknown>(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Block<M = unknown>(script?: Script<El<HTMLElement, M>>, scriptAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, preparation?: Script<El<HTMLElement, M>>, preparationAsync?: ScriptAsync<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Block<M = unknown>(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
 export declare function Table<M = unknown>(script?: Script<El<HTMLElement, M>>, scriptAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, preparation?: Script<El<HTMLElement, M>>, preparationAsync?: ScriptAsync<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
 export declare function Table<M = unknown>(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
 export declare function row<T = void>(builder?: (element: void) => T, shiftCursorDown?: number): void;
@@ -20,9 +20,9 @@ export declare function Group<M = unknown>(declaration?: ReactiveTreeNodeDecl<El
 export declare function Fragment<M = unknown>(script: Script<El<void, M>>): ReactiveTreeNode<El<void, M>>;
 export declare function PseudoElement<M = unknown>(script?: Script<El<void, M>>, scriptAsync?: ScriptAsync<El<void, M>>, key?: string, mode?: Mode, preparation?: Script<El<void, M>>, preparationAsync?: ScriptAsync<El<void, M>>, finalization?: Script<El<void, M>>, triggers?: unknown, basis?: ReactiveTreeNodeDecl<El<void, M>>): ReactiveTreeNode<El<void, M>>;
 export declare function PseudoElement<M = unknown>(declaration?: ReactiveTreeNodeDecl<El<void, M>>): ReactiveTreeNode<El<void, M>>;
-export declare class DivisionDriver<T extends HTMLElement> extends HtmlDriver<T> {
+export declare class BlockDriver<T extends HTMLElement> extends HtmlDriver<T> {
     runScript(node: ReactiveTreeNode<El<T>>): void | Promise<void>;
-    declareChild(ownerNode: ReactiveTreeNode<El<T, any>>, childDriver: ReactiveTreeNodeDriver<any>, childDeclaration?: ReactiveTreeNodeDecl<any> | undefined, childBasis?: ReactiveTreeNodeDecl<any> | undefined): MergedItem<ReactiveTreeNode> | undefined;
+    declareChild(ownerNode: ReactiveTreeNode<El<T, any>>, childDriver: ReactiveTreeNodeDriver<any>, childDeclaration?: ReactiveTreeNodeDecl<any> | undefined, childBasis?: ReactiveTreeNodeDecl<any> | undefined): LinkedItem<ReactiveTreeNode> | undefined;
 }
 export declare function isSplitViewPartition(childDriver: ReactiveTreeNodeDriver): boolean;
 export declare class PartitionDriver<T extends HTMLElement> extends HtmlDriver<T> {
@@ -30,7 +30,7 @@ export declare class PartitionDriver<T extends HTMLElement> extends HtmlDriver<T
     provideHost(node: ReactiveTreeNode<El<T, any>>): ReactiveTreeNode<El<T, any>>;
 }
 export declare const Drivers: {
-    division: DivisionDriver<HTMLElement>;
+    block: BlockDriver<HTMLElement>;
     table: HtmlDriver<HTMLElement, any>;
     text: HtmlDriver<HTMLElement, any>;
     group: HtmlDriver<HTMLElement, any>;