@lab206/dom 0.1.0

package/dist/h.d.ts

@@ -0,0 +1,26 @@
+import { type DynamicChild } from "./dynamic.js";
+export type Child = Node | DocumentFragment | string | number | boolean | null | undefined | (() => DynamicChild);
+export type FunctionComponent<P = Record<string, unknown>> = (props: P) => Node | DocumentFragment | null | undefined;
+export type Props = {
+    /** Static or reactive text content (sets textContent). */
+    text?: string | number | (() => string | number | boolean | null | undefined);
+    class?: string | (() => string | Record<string, boolean | undefined | null> | null | undefined);
+    className?: string | (() => string | Record<string, boolean | undefined | null> | null | undefined);
+    style?: Record<string, string | number | null | undefined> | (() => Record<string, string | number | null | undefined> | null | undefined);
+    /** ref callback with the created element */
+    ref?: (el: HTMLElement) => void;
+    children?: unknown;
+    [key: string]: unknown;
+};
+/**
+ * Create an element — or invoke a function component.
+ *
+ * Classic JSX (`jsxFactory: "h"`) compiles `<App />` to `h(App, props)`.
+ * Automatic runtime uses `jsx()` which also supports function types.
+ */
+export declare function h<K extends keyof HTMLElementTagNameMap>(tag: K, props?: Props | null, ...children: Child[]): HTMLElementTagNameMap[K];
+export declare function h(tag: string, props?: Props | null, ...children: Child[]): HTMLElement;
+export declare function h<P extends Record<string, unknown>>(tag: FunctionComponent<P>, props?: (P & Props) | null, ...children: Child[]): Node | DocumentFragment;
+/** Create a reactive or static text node. */
+export declare function text(value: string | number | (() => string | number | boolean | null | undefined)): Text;
+//# sourceMappingURL=h.d.ts.map

package/dist/h.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"h.d.ts","sourceRoot":"","sources":["../src/h.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAI9D,MAAM,MAAM,KAAK,GACb,IAAI,GACJ,gBAAgB,GAChB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,CAAC,MAAM,YAAY,CAAC,CAAC;AAEzB,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAC3D,KAAK,EAAE,CAAC,KACL,IAAI,GAAG,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;AAEhD,MAAM,MAAM,KAAK,GAAG;IAClB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAChG,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACpG,KAAK,CAAC,EACF,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAClD,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAClF,4CAA4C;IAC5C,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAWF;;;;;GAKG;AACH,wBAAgB,CAAC,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACrD,GAAG,EAAE,CAAC,EACN,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,EACpB,GAAG,QAAQ,EAAE,KAAK,EAAE,GACnB,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE5B,wBAAgB,CAAC,CACf,GAAG,EAAE,MAAM,EACX,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,EACpB,GAAG,QAAQ,EAAE,KAAK,EAAE,GACnB,WAAW,CAAC;AAEf,wBAAgB,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjD,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACzB,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,EAC1B,GAAG,QAAQ,EAAE,KAAK,EAAE,GACnB,IAAI,GAAG,gBAAgB,CAAC;AAmD3B,6CAA6C;AAC7C,wBAAgB,IAAI,CAClB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,GAC5E,IAAI,CAQN"}

package/dist/h.js

@@ -0,0 +1,164 @@
+import { bindAttr, bindClass, bindProp, bindStyle, bindText } from "./bind.js";
+import { bindDynamic } from "./dynamic.js";
+import { on } from "./on.js";
+import { createProps } from "./props.js";
+const RESERVED = new Set([
+    "text",
+    "class",
+    "className",
+    "style",
+    "ref",
+    "children",
+]);
+export function h(tag, props, ...children) {
+    // Function component (classic JSX: h(App, props, ...children))
+    if (typeof tag === "function") {
+        const raw = { ...(props ?? {}) };
+        if (children.length === 1) {
+            raw.children = children[0];
+        }
+        else if (children.length > 1) {
+            raw.children = children;
+        }
+        const result = tag(createProps(raw));
+        if (result == null) {
+            return document.createComment("powers");
+        }
+        return result;
+    }
+    if (typeof tag !== "string" || tag === "") {
+        throw new Error(`[powers/dom] h() expected a tag name string or component function, got: ${typeof tag}`);
+    }
+    const el = document.createElement(tag);
+    if (props) {
+        applyProps(el, props);
+    }
+    for (const child of children) {
+        appendChild(el, child);
+    }
+    // Also support props.children (automatic runtime path sometimes)
+    if (props?.children != null && children.length === 0) {
+        const c = props.children;
+        if (Array.isArray(c)) {
+            for (const item of c)
+                appendChild(el, item);
+        }
+        else {
+            appendChild(el, c);
+        }
+    }
+    return el;
+}
+/** Create a reactive or static text node. */
+export function text(value) {
+    const node = document.createTextNode("");
+    if (typeof value === "function") {
+        bindText(node, value);
+    }
+    else {
+        node.data = String(value);
+    }
+    return node;
+}
+function applyProps(el, props) {
+    for (const key of Object.keys(props)) {
+        if (RESERVED.has(key))
+            continue;
+        const value = props[key];
+        if (key.startsWith("on") && key.length > 2 && typeof value === "function") {
+            // onClick → click, onMouseDown → mousedown
+            const event = key.slice(2).toLowerCase();
+            on(el, event, value);
+            continue;
+        }
+        if (typeof value === "function") {
+            if (isDomProp(key)) {
+                bindProp(el, key, value);
+            }
+            else {
+                bindAttr(el, toAttrName(key), value);
+            }
+            continue;
+        }
+        if (isDomProp(key)) {
+            el[key] = value;
+        }
+        else if (value === true) {
+            el.setAttribute(toAttrName(key), "");
+        }
+        else if (value !== false && value != null) {
+            el.setAttribute(toAttrName(key), String(value));
+        }
+    }
+    const classValue = props.class ?? props.className;
+    if (classValue !== undefined) {
+        if (typeof classValue === "function") {
+            bindClass(el, classValue);
+        }
+        else if (classValue != null) {
+            el.className = classValue;
+        }
+    }
+    if (props.style !== undefined) {
+        if (typeof props.style === "function") {
+            bindStyle(el, props.style);
+        }
+        else if (props.style) {
+            bindStyle(el, () => props.style);
+        }
+    }
+    if (props.text !== undefined) {
+        if (typeof props.text === "function") {
+            bindText(el, props.text);
+        }
+        else {
+            el.textContent = String(props.text);
+        }
+    }
+    if (typeof props.ref === "function") {
+        props.ref(el);
+    }
+}
+function appendChild(parent, child) {
+    if (child == null || child === false || child === true)
+        return;
+    if (typeof child === "function") {
+        // May return text *or* DOM nodes (Tabs/Accordion content, etc.)
+        bindDynamic(parent, child);
+        return;
+    }
+    if (typeof child === "string" || typeof child === "number") {
+        parent.appendChild(document.createTextNode(String(child)));
+        return;
+    }
+    parent.appendChild(child);
+}
+const DOM_PROPS = new Set([
+    "value",
+    "checked",
+    "selected",
+    "disabled",
+    "hidden",
+    "readOnly",
+    "multiple",
+    "muted",
+    "controls",
+    "defaultValue",
+    "defaultChecked",
+    "innerHTML",
+    "tabIndex",
+    "spellcheck",
+]);
+function isDomProp(name) {
+    return DOM_PROPS.has(name);
+}
+function toAttrName(key) {
+    if (key.startsWith("aria")) {
+        return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+    }
+    if (key.startsWith("data") && key.length > 4 && key[4] !== "-") {
+        return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+    }
+    return key;
+}
+//# sourceMappingURL=h.js.map

package/dist/h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h.js","sourceRoot":"","sources":["../src/h.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @lab206/dom
+ *
+ * Thin, explicit DOM bindings over @lab206/core.
+ *
+ * Learn order:
+ *   mount → h / JSX → component → reactive props → Show / For
+ *
+ * Form controls in @lab206/ui use `bind={signal}` for two-way state —
+ * `bind` is intentionally not unwrapped by createProps (see props.ts).
+ */
+export { mount } from "./mount.js";
+export type { MountResult } from "./mount.js";
+export { h, text } from "./h.js";
+export type { Child, Props, FunctionComponent } from "./h.js";
+export { Fragment, normalizeChildren, appendChild } from "./fragment.js";
+export { bindText, bindAttr, bindProp, bindClass, bindStyle, } from "./bind.js";
+export { bindDynamic } from "./dynamic.js";
+export type { DynamicChild } from "./dynamic.js";
+export { on } from "./on.js";
+export { show } from "./show.js";
+export { list } from "./list.js";
+export type { ListOptions } from "./list.js";
+export { insert, remove } from "./insert.js";
+export { component, Show, For } from "./component.js";
+export type { Component, ComponentProps, ComponentSetup, } from "./component.js";
+export { createProps, mergeProps, splitProps, unwrapProp, getRawProp, isSignal, isReactiveProps, } from "./props.js";
+export type { ReactiveProps } from "./props.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACjC,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,GACV,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EACV,SAAS,EACT,cAAc,EACd,cAAc,GACf,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,23 @@
+/**
+ * @lab206/dom
+ *
+ * Thin, explicit DOM bindings over @lab206/core.
+ *
+ * Learn order:
+ *   mount → h / JSX → component → reactive props → Show / For
+ *
+ * Form controls in @lab206/ui use `bind={signal}` for two-way state —
+ * `bind` is intentionally not unwrapped by createProps (see props.ts).
+ */
+export { mount } from "./mount.js";
+export { h, text } from "./h.js";
+export { Fragment, normalizeChildren, appendChild } from "./fragment.js";
+export { bindText, bindAttr, bindProp, bindClass, bindStyle, } from "./bind.js";
+export { bindDynamic } from "./dynamic.js";
+export { on } from "./on.js";
+export { show } from "./show.js";
+export { list } from "./list.js";
+export { insert, remove } from "./insert.js";
+export { component, Show, For } from "./component.js";
+export { createProps, mergeProps, splitProps, unwrapProp, getRawProp, isSignal, isReactiveProps, } from "./props.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAGjC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,GACV,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAOtD,OAAO,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/dist/insert.d.ts

@@ -0,0 +1,5 @@
+/** Append or insert a node. Returns the node for chaining. */
+export declare function insert<T extends Node>(parent: ParentNode, child: T, anchor?: Node | null): T;
+/** Remove a node from its parent if attached. */
+export declare function remove(node: Node): void;
+//# sourceMappingURL=insert.d.ts.map

package/dist/insert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert.d.ts","sourceRoot":"","sources":["../src/insert.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,wBAAgB,MAAM,CAAC,CAAC,SAAS,IAAI,EACnC,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,CAAC,EACR,MAAM,GAAE,IAAI,GAAG,IAAW,GACzB,CAAC,CAGH;AAED,iDAAiD;AACjD,wBAAgB,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAEvC"}

package/dist/insert.js

@@ -0,0 +1,10 @@
+/** Append or insert a node. Returns the node for chaining. */
+export function insert(parent, child, anchor = null) {
+    parent.insertBefore(child, anchor);
+    return child;
+}
+/** Remove a node from its parent if attached. */
+export function remove(node) {
+    node.parentNode?.removeChild(node);
+}
+//# sourceMappingURL=insert.js.map

package/dist/insert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert.js","sourceRoot":"","sources":["../src/insert.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,MAAM,UAAU,MAAM,CACpB,MAAkB,EAClB,KAAQ,EACR,SAAsB,IAAI;IAE1B,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,iDAAiD;AACjD,MAAM,UAAU,MAAM,CAAC,IAAU;IAC/B,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;AACrC,CAAC"}

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Automatic JSX runtime for Powers.
+ *
+ * Vite / TypeScript:
+ *   jsx: "react-jsx"
+ *   jsxImportSource: "@lab206/dom"
+ *
+ * Function components receive **reactive props** via `createProps`
+ * (unless they already wrapped themselves with `component()`).
+ */
+import { type Props } from "./h.js";
+import { Fragment } from "./fragment.js";
+export { Fragment };
+export type FunctionComponent<P = Record<string, unknown>> = (props: P) => Node | DocumentFragment | null | undefined;
+/** Marker set on components that already apply createProps. */
+export declare const REACTIVE_PROPS: unique symbol;
+export declare function jsx(type: string | FunctionComponent<Record<string, unknown>>, props: (Props & {
+    children?: unknown;
+}) | null, _key?: string | number): Node | DocumentFragment;
+export declare function jsxs(type: string | FunctionComponent<Record<string, unknown>>, props: (Props & {
+    children?: unknown;
+}) | null, _key?: string | number): Node | DocumentFragment;
+export declare function jsxDEV(type: string | FunctionComponent<Record<string, unknown>>, props: (Props & {
+    children?: unknown;
+}) | null, _key?: string | number): Node | DocumentFragment;
+export declare namespace JSX {
+    type Element = Node | DocumentFragment;
+    type ElementType = string | FunctionComponent<any>;
+    interface ElementAttributesProperty {
+        props: unknown;
+    }
+    interface ElementChildrenAttribute {
+        children: unknown;
+    }
+    type LibraryManagedAttributes<C, P> = P;
+    interface IntrinsicAttributes {
+        key?: string | number;
+    }
+    type IntrinsicElements = {
+        [K in keyof HTMLElementTagNameMap]: Props & {
+            children?: unknown;
+        } & {
+            [attr: string]: unknown;
+        };
+    } & {
+        [elemName: string]: Props & {
+            children?: unknown;
+            [attr: string]: unknown;
+        };
+    };
+}
+//# sourceMappingURL=jsx-runtime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAK,KAAK,KAAK,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAqB,MAAM,eAAe,CAAC;AAG5D,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAC3D,KAAK,EAAE,CAAC,KACL,IAAI,GAAG,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;AAEhD,+DAA+D;AAC/D,eAAO,MAAM,cAAc,eAAqC,CAAC;AAEjE,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACzD,KAAK,EAAE,CAAC,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,IAAI,EAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GACrB,IAAI,GAAG,gBAAgB,CAEzB;AAED,wBAAgB,IAAI,CAClB,IAAI,EAAE,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACzD,KAAK,EAAE,CAAC,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,IAAI,EAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GACrB,IAAI,GAAG,gBAAgB,CAEzB;AAED,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACzD,KAAK,EAAE,CAAC,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,IAAI,EAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GACrB,IAAI,GAAG,gBAAgB,CAEzB;AAyBD,yBAAiB,GAAG,CAAC;IACnB,KAAY,OAAO,GAAG,IAAI,GAAG,gBAAgB,CAAC;IAC9C,KAAY,WAAW,GAAG,MAAM,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAE1D,UAAiB,yBAAyB;QACxC,KAAK,EAAE,OAAO,CAAC;KAChB;IACD,UAAiB,wBAAwB;QACvC,QAAQ,EAAE,OAAO,CAAC;KACnB;IAED,KAAY,wBAAwB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAE/C,UAAiB,mBAAmB;QAClC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB;IAED,KAAY,iBAAiB,GAAG;SAC7B,CAAC,IAAI,MAAM,qBAAqB,GAAG,KAAK,GAAG;YAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;SACpB,GAAG;YACF,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;SACzB;KACF,GAAG;QACF,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,GAAG;YAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;SACzB,CAAC;KACH,CAAC;CACH"}

package/dist/jsx-runtime.js

@@ -0,0 +1,43 @@
+/**
+ * Automatic JSX runtime for Powers.
+ *
+ * Vite / TypeScript:
+ *   jsx: "react-jsx"
+ *   jsxImportSource: "@lab206/dom"
+ *
+ * Function components receive **reactive props** via `createProps`
+ * (unless they already wrapped themselves with `component()`).
+ */
+import { h } from "./h.js";
+import { Fragment, normalizeChildren } from "./fragment.js";
+import { createProps } from "./props.js";
+export { Fragment };
+/** Marker set on components that already apply createProps. */
+export const REACTIVE_PROPS = Symbol.for("powers.reactiveProps");
+export function jsx(type, props, _key) {
+    return create(type, props);
+}
+export function jsxs(type, props, _key) {
+    return create(type, props);
+}
+export function jsxDEV(type, props, _key) {
+    return create(type, props);
+}
+function create(type, props) {
+    const p = props ?? {};
+    const { children, ...rest } = p;
+    if (typeof type === "function") {
+        // Always pass through createProps so bare function components get
+        // reactive field access. component() also wraps — double-wrap is OK
+        // (outer raw object, inner Proxy of raw; component's createProps runs first).
+        const reactive = createProps(p);
+        const result = type(reactive);
+        if (result == null) {
+            return document.createComment("powers");
+        }
+        return result;
+    }
+    const childList = normalizeChildren(children);
+    return h(type, rest, ...childList);
+}
+//# sourceMappingURL=jsx-runtime.js.map

package/dist/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,CAAC,EAAc,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,CAAC;AAMpB,+DAA+D;AAC/D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,UAAU,GAAG,CACjB,IAAyD,EACzD,KAA8C,EAC9C,IAAsB;IAEtB,OAAO,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,IAAI,CAClB,IAAyD,EACzD,KAA8C,EAC9C,IAAsB;IAEtB,OAAO,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,IAAyD,EACzD,KAA8C,EAC9C,IAAsB;IAEtB,OAAO,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED,SAAS,MAAM,CACb,IAAyD,EACzD,KAA8C;IAE9C,MAAM,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC;IACtB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;IAEhC,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/B,kEAAkE;QAClE,oEAAoE;QACpE,8EAA8E;QAC9E,MAAM,QAAQ,GAAG,WAAW,CAAC,CAA4B,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,IAAI,CAAC,QAAmC,CAAC,CAAC;QACzD,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACnB,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,MAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,CAAC,IAAI,EAAE,IAAa,EAAE,GAAG,SAAS,CAAC,CAAC;AAC9C,CAAC"}

package/dist/list.d.ts

@@ -0,0 +1,23 @@
+import { type Dispose } from "@lab206/core";
+export interface ListOptions<T> {
+    /** Stable identity for reuse. Defaults to index (fine for append-only demos). */
+    key?: (item: T, index: number) => string | number;
+}
+/**
+ * Reactive list rendering with keyed reconciliation.
+ *
+ * **Note:** `parent` should be a dedicated container (e.g. a `ul` or `div`)
+ * whose children are owned by this list.
+ *
+ * @example
+ * ```ts
+ * list(
+ *   ul,
+ *   () => todos(),
+ *   (item, index) => h("li", { text: () => `${index()}: ${item().title}` }),
+ *   { key: (t) => t.id },
+ * );
+ * ```
+ */
+export declare function list<T>(parent: ParentNode, getItems: () => readonly T[], render: (item: () => T, index: () => number) => Node, options?: ListOptions<T>): Dispose;
+//# sourceMappingURL=list.d.ts.map

package/dist/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,OAAO,EAEb,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,iFAAiF;IACjF,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CACnD;AAUD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAAC,CAAC,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,MAAM,SAAS,CAAC,EAAE,EAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,IAAI,EACpD,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GACvB,OAAO,CAmET"}

package/dist/list.js

@@ -0,0 +1,77 @@
+import { createRoot, effect, signal, } from "@lab206/core";
+import { remove } from "./insert.js";
+/**
+ * Reactive list rendering with keyed reconciliation.
+ *
+ * **Note:** `parent` should be a dedicated container (e.g. a `ul` or `div`)
+ * whose children are owned by this list.
+ *
+ * @example
+ * ```ts
+ * list(
+ *   ul,
+ *   () => todos(),
+ *   (item, index) => h("li", { text: () => `${index()}: ${item().title}` }),
+ *   { key: (t) => t.id },
+ * );
+ * ```
+ */
+export function list(parent, getItems, render, options) {
+    const keyOf = options?.key;
+    const entries = new Map();
+    let order = [];
+    const stop = effect(() => {
+        const items = getItems();
+        const nextKeys = [];
+        const seen = new Set();
+        for (let i = 0; i < items.length; i++) {
+            const value = items[i];
+            const key = keyOf ? keyOf(value, i) : i;
+            nextKeys.push(key);
+            seen.add(key);
+            const existing = entries.get(key);
+            if (!existing) {
+                const index = signal(i);
+                const item = signal(value);
+                let node;
+                let dispose;
+                createRoot((d) => {
+                    dispose = d;
+                    node = render(() => item(), () => index());
+                });
+                entries.set(key, { key, node, dispose, index, item });
+            }
+            else {
+                existing.index.set(i);
+                existing.item.set(value);
+            }
+        }
+        for (const key of order) {
+            if (!seen.has(key)) {
+                const entry = entries.get(key);
+                if (entry) {
+                    entry.dispose();
+                    remove(entry.node);
+                    entries.delete(key);
+                }
+            }
+        }
+        // Move nodes into correct order (appendChild relocates existing nodes).
+        for (const key of nextKeys) {
+            const entry = entries.get(key);
+            if (entry)
+                parent.appendChild(entry.node);
+        }
+        order = nextKeys;
+    });
+    return () => {
+        stop();
+        for (const entry of entries.values()) {
+            entry.dispose();
+            remove(entry.node);
+        }
+        entries.clear();
+        order = [];
+    };
+}
+//# sourceMappingURL=list.js.map

package/dist/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"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"}

package/dist/mount.d.ts

@@ -0,0 +1,19 @@
+import { type Dispose } from "@lab206/core";
+export type MountResult = Node | Node[] | null | undefined | void;
+/**
+ * Mount a reactive app into a parent node.
+ * Returns a dispose function that tears down effects and removes mounted nodes.
+ *
+ * @example
+ * ```ts
+ * const stop = mount(document.getElementById("app")!, () => {
+ *   const count = signal(0);
+ *   return h("button", {
+ *     onClick: () => count.update(n => n + 1),
+ *     text: () => `Count: ${count()}`,
+ *   });
+ * });
+ * ```
+ */
+export declare function mount(parent: ParentNode, app: () => MountResult): Dispose;
+//# sourceMappingURL=mount.d.ts.map

package/dist/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAElE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,KAAK,CACnB,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,MAAM,WAAW,GACrB,OAAO,CAsBT"}

package/dist/mount.js

@@ -0,0 +1,40 @@
+import { createRoot } from "@lab206/core";
+import { remove } from "./insert.js";
+/**
+ * Mount a reactive app into a parent node.
+ * Returns a dispose function that tears down effects and removes mounted nodes.
+ *
+ * @example
+ * ```ts
+ * const stop = mount(document.getElementById("app")!, () => {
+ *   const count = signal(0);
+ *   return h("button", {
+ *     onClick: () => count.update(n => n + 1),
+ *     text: () => `Count: ${count()}`,
+ *   });
+ * });
+ * ```
+ */
+export function mount(parent, app) {
+    const nodes = [];
+    let disposeRoot;
+    createRoot((dispose) => {
+        disposeRoot = dispose;
+        const result = app();
+        if (result == null)
+            return;
+        const list = Array.isArray(result) ? result : [result];
+        for (const node of list) {
+            parent.appendChild(node);
+            nodes.push(node);
+        }
+    });
+    return () => {
+        disposeRoot();
+        for (const node of nodes) {
+            remove(node);
+        }
+        nodes.length = 0;
+    };
+}
+//# sourceMappingURL=mount.js.map

package/dist/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAgB,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,KAAK,CACnB,MAAkB,EAClB,GAAsB;IAEtB,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,IAAI,WAAqB,CAAC;IAE1B,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE;QACrB,WAAW,GAAG,OAAO,CAAC;QACtB,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC;QACrB,IAAI,MAAM,IAAI,IAAI;YAAE,OAAO;QAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACvD,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE,CAAC;YACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACzB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,EAAE;QACV,WAAW,EAAE,CAAC;QACd,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,CAAC,IAAI,CAAC,CAAC;QACf,CAAC;QACD,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACnB,CAAC,CAAC;AACJ,CAAC"}

package/dist/on.d.ts

@@ -0,0 +1,8 @@
+import type { Dispose } from "@lab206/core";
+/**
+ * Attach a DOM event listener. Returns a dispose that removes it.
+ * Does not track signals inside the handler (handlers are events, not renders).
+ */
+export declare function on<K extends keyof HTMLElementEventMap>(el: EventTarget, type: K, handler: (event: HTMLElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): Dispose;
+export declare function on(el: EventTarget, type: string, handler: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): Dispose;
+//# sourceMappingURL=on.d.ts.map

package/dist/on.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"on.d.ts","sourceRoot":"","sources":["../src/on.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE5C;;;GAGG;AACH,wBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,mBAAmB,EACpD,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,EAChD,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,OAAO,CAAC;AAEX,wBAAgB,EAAE,CAChB,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,kCAAkC,EAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,OAAO,CAAC"}

package/dist/on.js

@@ -0,0 +1,7 @@
+export function on(el, type, handler, options) {
+    el.addEventListener(type, handler, options);
+    return () => {
+        el.removeEventListener(type, handler, options);
+    };
+}
+//# sourceMappingURL=on.js.map

package/dist/on.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"on.js","sourceRoot":"","sources":["../src/on.ts"],"names":[],"mappings":"AAoBA,MAAM,UAAU,EAAE,CAChB,EAAe,EACf,IAAY,EACZ,OAA2C,EAC3C,OAA2C;IAE3C,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC5C,OAAO,GAAG,EAAE;QACV,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;AACJ,CAAC"}