@manyducks.co/dolla 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/jsx-dev-runtime.d.ts

@@ -1,2 +1,2 @@
 export function jsxDEV(element: any, props: any, key: any, isStaticChildren: any, source: any, self: any): import("./markup.ts").Markup;
-export { Fragment } from "./views/fragment.ts";
+export { Passthrough as Fragment } from "./views/passthrough.ts";

package/dist/jsx-dev-runtime.js

@@ -1,5 +1,5 @@
-import { j as s } from "./fragment-DHJiX0-a.js";
-import { F as m } from "./fragment-DHJiX0-a.js";
+import { r as s } from "./passthrough-DrtCifRF.js";
+import { P as m } from "./passthrough-DrtCifRF.js";
 function d(n, r, t, e, a, l) {
   const i = { ...o(["children", "key"], r) }, c = Array.isArray(r.children) ? r.children : [r.children];
   return s(n, i, ...c);

package/dist/jsx-dev-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.js","sources":["../src/jsx-dev-runtime.js"],"sourcesContent":["import { createMarkup } from \"./markup.ts\";\nexport { Fragment } from \"./views/fragment.ts\";\n\nexport function jsxDEV(element, props, key, isStaticChildren, source, self) {\n  const attributes = { ...omit([\"children\", \"key\"], props) };\n  const children = Array.isArray(props.children) ? props.children : [props.children];\n\n  return createMarkup(element, attributes, ...children);\n}\n\nfunction omit(keys, object) {\n  const result = {};\n  for (const key in object) {\n    if (!keys.includes(key)) {\n      result[key] = object[key];\n    }\n  }\n  return result;\n}\n"],"names":["jsxDEV","element","props","key","isStaticChildren","source","self","attributes","omit","children","createMarkup","keys","object","result"],"mappings":";;AAGO,SAASA,EAAOC,GAASC,GAAOC,GAAKC,GAAkBC,GAAQC,GAAM;AAC1E,QAAMC,IAAa,EAAE,GAAGC,EAAK,CAAC,YAAY,KAAK,GAAGN,CAAK,EAAG,GACpDO,IAAW,MAAM,QAAQP,EAAM,QAAQ,IAAIA,EAAM,WAAW,CAACA,EAAM,QAAQ;AAEjF,SAAOQ,EAAaT,GAASM,GAAY,GAAGE,CAAQ;AACtD;AAEA,SAASD,EAAKG,GAAMC,GAAQ;AAC1B,QAAMC,IAAS,CAAE;AACjB,aAAWV,KAAOS;AAChB,IAAKD,EAAK,SAASR,CAAG,MACpBU,EAAOV,CAAG,IAAIS,EAAOT,CAAG;AAG5B,SAAOU;AACT;"}
+{"version":3,"file":"jsx-dev-runtime.js","sources":["../src/jsx-dev-runtime.js"],"sourcesContent":["import { createMarkup } from \"./markup.ts\";\nexport { Passthrough as Fragment } from \"./views/passthrough.ts\";\n\nexport function jsxDEV(element, props, key, isStaticChildren, source, self) {\n  const attributes = { ...omit([\"children\", \"key\"], props) };\n  const children = Array.isArray(props.children) ? props.children : [props.children];\n\n  return createMarkup(element, attributes, ...children);\n}\n\nfunction omit(keys, object) {\n  const result = {};\n  for (const key in object) {\n    if (!keys.includes(key)) {\n      result[key] = object[key];\n    }\n  }\n  return result;\n}\n"],"names":["jsxDEV","element","props","key","isStaticChildren","source","self","attributes","omit","children","createMarkup","keys","object","result"],"mappings":";;AAGO,SAASA,EAAOC,GAASC,GAAOC,GAAKC,GAAkBC,GAAQC,GAAM;AAC1E,QAAMC,IAAa,EAAE,GAAGC,EAAK,CAAC,YAAY,KAAK,GAAGN,CAAK,EAAG,GACpDO,IAAW,MAAM,QAAQP,EAAM,QAAQ,IAAIA,EAAM,WAAW,CAACA,EAAM,QAAQ;AAEjF,SAAOQ,EAAaT,GAASM,GAAY,GAAGE,CAAQ;AACtD;AAEA,SAASD,EAAKG,GAAMC,GAAQ;AAC1B,QAAMC,IAAS,CAAE;AACjB,aAAWV,KAAOS;AAChB,IAAKD,EAAK,SAASR,CAAG,MACpBU,EAAOV,CAAG,IAAIS,EAAOT,CAAG;AAG5B,SAAOU;AACT;"}

package/dist/jsx-runtime.d.ts

@@ -6,4 +6,4 @@ export function jsx(element: any, props: any, key: any): import("./markup.ts").M
  * JSX function for elements with static children.
  */
 export function jsxs(element: any, props: any, key: any): import("./markup.ts").Markup;
-export { Fragment } from "./views/fragment.ts";
+export { Passthrough as Fragment } from "./views/passthrough.ts";

package/dist/jsx-runtime.js

@@ -1,5 +1,5 @@
-import { j as t } from "./fragment-DHJiX0-a.js";
-import { F as l } from "./fragment-DHJiX0-a.js";
+import { r as t } from "./passthrough-DrtCifRF.js";
+import { P as l } from "./passthrough-DrtCifRF.js";
 function d(n, e, r) {
   return t(n, e ? { ...u(["children", "key"], e) } : void 0, e.children);
 }

package/dist/jsx-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.js","sources":["../src/jsx-runtime.js"],"sourcesContent":["import { createMarkup } from \"./markup.ts\";\nexport { Fragment } from \"./views/fragment.ts\";\n\n/**\n * JSX function for elements with dynamic children.\n */\nexport function jsx(element, props, key) {\n  return createMarkup(element, props ? { ...omit([\"children\", \"key\"], props) } : undefined, ...[props.children]);\n}\n\n/**\n * JSX function for elements with static children.\n */\nexport function jsxs(element, props, key) {\n  return createMarkup(element, props ? { ...omit([\"children\", \"key\"], props) } : undefined, props.children);\n}\n\nfunction omit(keys, object) {\n  const result = {};\n  for (const key in object) {\n    if (!keys.includes(key)) {\n      result[key] = object[key];\n    }\n  }\n  return result;\n}\n"],"names":["jsx","element","props","key","createMarkup","omit","jsxs","keys","object","result"],"mappings":";;AAMO,SAASA,EAAIC,GAASC,GAAOC,GAAK;AACvC,SAAOC,EAAaH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAeA,EAAM,QAAS;AAC/G;AAKO,SAASI,EAAKL,GAASC,GAAOC,GAAK;AACxC,SAAOC,EAAaH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAWA,EAAM,QAAQ;AAC1G;AAEA,SAASG,EAAKE,GAAMC,GAAQ;AAC1B,QAAMC,IAAS,CAAE;AACjB,aAAWN,KAAOK;AAChB,IAAKD,EAAK,SAASJ,CAAG,MACpBM,EAAON,CAAG,IAAIK,EAAOL,CAAG;AAG5B,SAAOM;AACT;"}
+{"version":3,"file":"jsx-runtime.js","sources":["../src/jsx-runtime.js"],"sourcesContent":["import { createMarkup } from \"./markup.ts\";\nexport { Passthrough as Fragment } from \"./views/passthrough.ts\";\n\n/**\n * JSX function for elements with dynamic children.\n */\nexport function jsx(element, props, key) {\n  return createMarkup(element, props ? { ...omit([\"children\", \"key\"], props) } : undefined, ...[props.children]);\n}\n\n/**\n * JSX function for elements with static children.\n */\nexport function jsxs(element, props, key) {\n  return createMarkup(element, props ? { ...omit([\"children\", \"key\"], props) } : undefined, props.children);\n}\n\nfunction omit(keys, object) {\n  const result = {};\n  for (const key in object) {\n    if (!keys.includes(key)) {\n      result[key] = object[key];\n    }\n  }\n  return result;\n}\n"],"names":["jsx","element","props","key","createMarkup","omit","jsxs","keys","object","result"],"mappings":";;AAMO,SAASA,EAAIC,GAASC,GAAOC,GAAK;AACvC,SAAOC,EAAaH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAeA,EAAM,QAAS;AAC/G;AAKO,SAASI,EAAKL,GAASC,GAAOC,GAAK;AACxC,SAAOC,EAAaH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAWA,EAAM,QAAQ;AAC1G;AAEA,SAASG,EAAKE,GAAMC,GAAQ;AAC1B,QAAMC,IAAS,CAAE;AACjB,aAAWN,KAAOK;AAChB,IAAKD,EAAK,SAASJ,CAAG,MACpBM,EAAON,CAAG,IAAIK,EAAOL,CAAG;AAG5B,SAAOM;AACT;"}

package/dist/markup.d.ts

@@ -13,7 +13,7 @@ export interface ElementContext {
     isSVG?: boolean;
 }
 /**
- * Markup is a set of element metadata that hasn't been rendered to a DOMHandle yet.
+ * Markup is a set of element metadata that hasn't been constructed into a MarkupNode yet.
  */
 export interface Markup {
     type: string | ViewFunction<any>;
@@ -21,17 +21,16 @@ export interface Markup {
     children?: Markup[];
 }
 /**
- * DOMHandle is the generic interface for an element that can be manipulated by the framework.
+ * A DOM node that has been constructed from a Markup object.
  */
-export interface DOMHandle {
+export interface MarkupNode {
     readonly node?: Node;
-    readonly connected: boolean;
-    connect(parent: Node, after?: Node): void;
-    disconnect(): void;
-    setChildren(children: DOMHandle[]): void;
+    readonly isMounted: boolean;
+    mount(parent: Node, after?: Node): void;
+    unmount(): void;
 }
 export declare function isMarkup(value: unknown): value is Markup;
-export declare function isDOMHandle(value: unknown): value is DOMHandle;
+export declare function isNode(value: unknown): value is MarkupNode;
 export declare function toMarkup(renderables: Renderable | Renderable[]): Markup[];
 export interface MarkupAttributes {
     $text: {
@@ -52,7 +51,7 @@ export interface MarkupAttributes {
         renderFn: (...items: any) => Renderable;
     };
     $outlet: {
-        $children: Signal<DOMHandle[]>;
+        $children: Signal<MarkupNode[]>;
     };
     $node: {
         value: Node;
@@ -65,6 +64,10 @@ export interface MarkupAttributes {
 }
 export declare function createMarkup<T extends keyof MarkupAttributes>(type: T, attributes: MarkupAttributes[T], ...children: Renderable[]): Markup;
 export declare function createMarkup<I>(type: ViewFunction<I>, attributes?: I, ...children: Renderable[]): Markup;
+/**
+ * Generate markup with HTML in a tagged template literal.
+ */
+export declare const html: (strings: TemplateStringsArray, ...values: any[]) => Markup | Markup[];
 /**
  * Displays content conditionally. When `predicate` holds a truthy value, `thenContent` is displayed; when `predicate` holds a falsy value, `elseContent` is displayed.
  */
@@ -77,7 +80,7 @@ export declare function repeat<T>(items: MaybeSignal<T[]>, keyFn: (value: T, ind
 /**
  * Render `content` into a `parent` node anywhere in the page, rather than at its position in the view.
  */
-export declare function portal(content: Renderable, parent: Node): Markup;
+export declare function portal(parent: Node, content: Renderable): Markup;
 /**
  * A special kind of signal exclusively for storing references to DOM nodes.
  */
@@ -86,9 +89,12 @@ export declare function isRef<T extends Node>(value: any): value is Ref<T>;
 export interface Ref<T extends Node> extends Signal<T | undefined> {
     node: T | undefined;
 }
-export declare function renderMarkupToDOM(markup: Markup | Markup[], elementContext: ElementContext): DOMHandle[];
 /**
- * Combines one or more DOMHandles into a single DOMHandle.
+ * Construct Markup metadata into a set of MarkupNodes.
+ */
+export declare function constructMarkup(elementContext: ElementContext, markup: Markup | Markup[]): MarkupNode[];
+/**
+ * Combines one or more MarkupNodes into a single MarkupNode.
  */
-export declare function getRenderHandle(handles: DOMHandle[]): DOMHandle;
+export declare function mergeNodes(nodes: MarkupNode[]): MarkupNode;
 export declare function isRenderable(value: unknown): value is Renderable;

package/dist/modules/dolla.d.ts

@@ -1,6 +1,7 @@
-import { createRef, isRef, type DOMHandle, type Markup } from "../markup.js";
+import { createRef, isRef, MarkupNode, type Markup } from "../markup.js";
 import { createSettableSignal, createSignal, derive, designalify, signalify, toSettableSignal, watch, type Signal } from "../signals.js";
-import { type ViewFunction } from "../view.js";
+import { type ViewFunction, type ViewNode } from "../view.js";
+import { type CrashViewProps } from "../views/default-crash-view.js";
 import { HTTP } from "./http.js";
 import { Language } from "./language.js";
 import { Render } from "./render.js";
@@ -39,10 +40,10 @@ export type LoggerOptions = {
 };
 export declare class Dolla {
     #private;
-    http: HTTP;
-    language: Language;
-    render: Render;
-    router: Router;
+    readonly http: HTTP;
+    readonly language: Language;
+    readonly render: Render;
+    readonly router: Router;
     constructor();
     createSignal: typeof createSignal;
     createSettableSignal: typeof createSettableSignal;
@@ -53,9 +54,25 @@ export declare class Dolla {
     watch: typeof watch;
     createRef: typeof createRef;
     isRef: typeof isRef;
+    /**
+     * True when the app is connected to a DOM node and displayed to the user.
+     */
     get isMounted(): boolean;
-    get env(): Environment;
-    set env(value: Environment);
+    /**
+     * Get the current environment that this app is running in.
+     * Environment affects which log messages will print and how much debugging info is included in the DOM.
+     */
+    getEnv(): Environment;
+    /**
+     * Sets the environment that this app is running in.
+     * Environment affects which log messages will print and how much debugging info is included in the DOM.
+     */
+    setEnv(value: Environment): void;
+    /**
+     * Sets the view that will be shown when the `crash` method is called on any logger.
+     * When a crash is reported the app will be unmounted and replaced with this crash page.
+     */
+    setCrashView(view: ViewFunction<CrashViewProps>): void;
     mount(selector: string, view?: ViewFunction<any>): Promise<void>;
     mount(element: HTMLElement, view?: ViewFunction<any>): Promise<void>;
     unmount(): Promise<void>;
@@ -83,5 +100,12 @@ export declare class Dolla {
     setLoggles(options: Partial<Loggles>): void;
     setLogFilter(filter: string | RegExp): void;
     createLogger(name: string | Signal<string>, options?: LoggerOptions): Logger;
-    constructView<P>(view: ViewFunction<P>, props: P, children?: Markup[]): DOMHandle;
+    /**
+     *
+     */
+    constructView<P>(view: ViewFunction<P>, props: P, children?: Markup[]): ViewNode;
+    /**
+     *
+     */
+    constructMarkup(markup: Markup | Markup[]): MarkupNode;
 }

package/dist/modules/router.d.ts

@@ -1,6 +1,5 @@
-import { type DOMHandle, type Markup } from "../markup.js";
 import { type Stringable } from "../types.js";
-import { type ViewFunction } from "../view.js";
+import { ViewNode, type ViewFunction } from "../view.js";
 import type { Dolla } from "./dolla.js";
 export interface RouteMatchContext {
     /**
@@ -41,7 +40,7 @@ export interface RouteConfig {
 }
 export interface RouteLayer {
     id: number;
-    markup: Markup;
+    view: ViewFunction<{}>;
 }
 /**
  * Object passed to redirect callbacks. Contains information useful for determining how to redirect.
@@ -101,7 +100,7 @@ export interface RouterSetupOptions {
 }
 export interface RouterElements {
     readonly rootElement?: HTMLElement;
-    readonly rootView?: DOMHandle;
+    readonly rootView?: ViewNode;
 }
 export declare class Router {
     #private;

package/dist/nodes/cond.d.ts

@@ -1,4 +1,4 @@
-import { type DOMHandle, type ElementContext, type Markup } from "../markup.js";
+import { type MarkupNode, type ElementContext, type Markup } from "../markup.js";
 import { type Signal, type StopFunction } from "../signals.js";
 import { type Renderable } from "../types.js";
 export interface ConditionalConfig {
@@ -7,21 +7,20 @@ export interface ConditionalConfig {
     elseContent?: Renderable;
     elementContext: ElementContext;
 }
-export declare class Conditional implements DOMHandle {
+export declare class Conditional implements MarkupNode {
     node: Node;
     endNode: Node;
     $predicate: Signal<any>;
     stopCallback?: StopFunction;
     thenContent?: Markup[];
     elseContent?: Markup[];
-    connectedContent: DOMHandle[];
+    connectedContent: MarkupNode[];
     elementContext: ElementContext;
     initialUpdateHappened: boolean;
     previousValue?: any;
     constructor(config: ConditionalConfig);
-    get connected(): boolean;
-    connect(parent: Node, after?: Node | undefined): void;
-    disconnect(): void;
+    get isMounted(): boolean;
+    mount(parent: Node, after?: Node | undefined): void;
+    unmount(): void;
     update(value: any): void;
-    setChildren(children: DOMHandle[]): Promise<void>;
 }

package/dist/nodes/html.d.ts

@@ -1,24 +1,23 @@
-import { type DOMHandle, type ElementContext, type Markup } from "../markup.js";
+import { type MarkupNode, type ElementContext, type Markup } from "../markup.js";
 import { type StopFunction } from "../signals.js";
 type HTMLOptions = {
     elementContext: ElementContext;
     tag: string;
-    props?: any;
+    props: Record<string, any>;
     children?: Markup[];
 };
-export declare class HTML implements DOMHandle {
+export declare class HTML implements MarkupNode {
     node: HTMLElement | SVGElement;
     props: Record<string, any>;
-    children: DOMHandle[];
+    children: MarkupNode[];
     stopCallbacks: StopFunction[];
     elementContext: ElementContext;
     uniqueId: string;
     canClickAway: boolean;
-    get connected(): boolean;
+    get isMounted(): boolean;
     constructor({ tag, props, children, elementContext }: HTMLOptions);
-    connect(parent: Node, after?: Node): void;
-    disconnect(): void;
-    setChildren(next: DOMHandle[]): void;
+    mount(parent: Node, after?: Node): void;
+    unmount(): void;
     getUpdateKey(type: string, value: string | number): string;
     applyProps(element: HTMLElement | SVGElement, props: Record<string, unknown>): void;
     applyStyles(element: HTMLElement | SVGElement, styles: string | Record<string, any>, stopCallbacks: StopFunction[]): () => void;

package/dist/nodes/observer.d.ts

@@ -1,4 +1,4 @@
-import { type DOMHandle, type ElementContext } from "../markup.js";
+import { type MarkupNode, type ElementContext } from "../markup.js";
 import { type Signal } from "../signals.js";
 import type { Renderable } from "../types.js";
 interface ObserverOptions {
@@ -9,21 +9,20 @@ interface ObserverOptions {
 /**
  * Displays dynamic children without a parent element.
  */
-export declare class Observer implements DOMHandle {
+export declare class Observer implements MarkupNode {
     node: Node;
     endNode: Node;
-    connectedViews: DOMHandle[];
+    connectedViews: MarkupNode[];
     renderFn: (...values: any) => Renderable;
     elementContext: ElementContext;
     observerControls: {
         start: () => void;
         stop: () => void;
     };
-    get connected(): boolean;
+    get isMounted(): boolean;
     constructor({ signals, renderFn, elementContext }: ObserverOptions);
-    connect(parent: Node, after?: Node): void;
-    disconnect(): void;
-    setChildren(): Promise<void>;
+    mount(parent: Node, after?: Node): void;
+    unmount(): void;
     cleanup(): void;
     update(...children: Renderable[]): void;
 }

package/dist/nodes/outlet.d.ts

@@ -1,23 +1,22 @@
-import { type DOMHandle, type ElementContext } from "../markup.js";
+import { type MarkupNode, type ElementContext } from "../markup.js";
 import { type Signal, type StopFunction } from "../signals.js";
 export interface OutletConfig {
-    $children: Signal<DOMHandle[]>;
+    $children: Signal<MarkupNode[]>;
     elementContext: ElementContext;
 }
 /**
  * Manages an array of DOMHandles.
  */
-export declare class Outlet implements DOMHandle {
+export declare class Outlet implements MarkupNode {
     node: Node;
     endNode: Node;
-    $children: Signal<DOMHandle[]>;
+    $children: Signal<MarkupNode[]>;
     stopCallback?: StopFunction;
-    connectedChildren: DOMHandle[];
+    connectedChildren: MarkupNode[];
     elementContext: ElementContext;
     constructor(config: OutletConfig);
-    get connected(): boolean;
-    connect(parent: Node, after?: Node | undefined): void;
-    disconnect(): void;
-    update(newChildren: DOMHandle[]): void;
-    setChildren(children: DOMHandle[]): void;
+    get isMounted(): boolean;
+    mount(parent: Node, after?: Node | undefined): void;
+    unmount(): void;
+    update(newChildren: MarkupNode[]): void;
 }

package/dist/nodes/portal.d.ts

@@ -1,4 +1,4 @@
-import { type DOMHandle, type ElementContext } from "../markup.js";
+import { type MarkupNode, type ElementContext } from "../markup.js";
 import { type Renderable } from "../types.js";
 interface PortalConfig {
     content: Renderable;
@@ -8,13 +8,12 @@ interface PortalConfig {
 /**
  * Renders content into a specified parent node.
  */
-export declare class Portal implements DOMHandle {
+export declare class Portal implements MarkupNode {
     config: PortalConfig;
-    handle?: DOMHandle;
-    get connected(): boolean;
+    handle?: MarkupNode;
+    get isMounted(): boolean;
     constructor(config: PortalConfig);
-    connect(_parent: Node, _after?: Node): void;
-    disconnect(): void;
-    setChildren(children: DOMHandle[]): void;
+    mount(_parent: Node, _after?: Node): void;
+    unmount(): void;
 }
 export {};

package/dist/nodes/repeat.d.ts

@@ -1,4 +1,4 @@
-import { type DOMHandle, type ElementContext } from "../markup.js";
+import { type MarkupNode, type ElementContext } from "../markup.js";
 import { type Signal, type SignalSetter, type StopFunction } from "../signals.js";
 import { type ViewContext, type ViewResult } from "../view.js";
 interface RepeatOptions<T> {
@@ -13,9 +13,9 @@ type ConnectedItem<T> = {
     setValue: SignalSetter<T>;
     $index: Signal<number>;
     setIndex: SignalSetter<number>;
-    handle: DOMHandle;
+    handle: MarkupNode;
 };
-export declare class Repeat<T> implements DOMHandle {
+export declare class Repeat<T> implements MarkupNode {
     node: Node;
     endNode: Node;
     $items: Signal<T[]>;
@@ -24,11 +24,10 @@ export declare class Repeat<T> implements DOMHandle {
     elementContext: ElementContext;
     renderFn: ($value: Signal<T>, $index: Signal<number>, ctx: ViewContext) => ViewResult;
     keyFn: (value: T, index: number) => string | number | symbol;
-    get connected(): boolean;
+    get isMounted(): boolean;
     constructor({ elementContext, $items, renderFn, keyFn }: RepeatOptions<T>);
-    connect(parent: Node, after?: Node): void;
-    disconnect(): void;
-    setChildren(): void;
+    mount(parent: Node, after?: Node): void;
+    unmount(): void;
     _cleanup(): void;
     _update(value: T[]): void;
 }

package/dist/nodes/text.d.ts

@@ -1,4 +1,4 @@
-import { type DOMHandle } from "../markup.js";
+import { type MarkupNode } from "../markup.js";
 import { type MaybeSignal, type StopFunction } from "../signals.js";
 interface Stringable {
     toString(): string;
@@ -6,15 +6,14 @@ interface Stringable {
 interface TextOptions {
     value: MaybeSignal<Stringable>;
 }
-export declare class Text implements DOMHandle {
+export declare class Text implements MarkupNode {
     node: globalThis.Text;
     value: MaybeSignal<Stringable>;
     stopCallback?: StopFunction;
-    get connected(): boolean;
+    get isMounted(): boolean;
     constructor({ value }: TextOptions);
-    connect(parent: Node, after?: Node | null): Promise<void>;
-    disconnect(): Promise<void>;
+    mount(parent: Node, after?: Node | null): Promise<void>;
+    unmount(): Promise<void>;
     update(value?: Stringable): void;
-    setChildren(): Promise<void>;
 }
 export {};