elements-kit 0.3.3 → 0.3.4

package/dist/{element-DvqBlRly.mjs → element-Cbzkm_B5.mjs}

@@ -2,7 +2,7 @@ import { c as effectScope, g as untracked, p as onCleanup, s as effect } from ".
 import "./polyfill-CdZVCxdo.mjs";
 import { isReactive, resolveProps } from "./signals/index.mjs";
 import { on } from "./utilities/event-listener.mjs";
-import { n as Slot, r as resolveNode$1, t as SLOTS } from "./slot-DLjSL6t1.mjs";
+import { n as Slot, r as resolveNode$1, t as SLOTS } from "./slot-Cne__au7.mjs";
 //#region src/jsx-runtime/constants.ts
 /**
 * IDL properties that take precedence over the default `setAttribute` path.
@@ -87,11 +87,15 @@ const ChildProperties = new Set([
 	"innerText",
 	"children"
 ]);
-/** XML namespaces for SVG-namespaced attributes (`xlink:href`, `xml:lang`). */
-const SVGNamespace = {
-	xlink: "http://www.w3.org/1999/xlink",
-	xml: "http://www.w3.org/XML/1998/namespace"
-};
+/**
+* Returns the XML namespace URI for an SVG-namespaced attribute prefix
+* (`xlink:href`, `xml:lang`). Inlined as a function to avoid a 2-entry object
+* allocation and the property lookup on every attribute write.
+*/
+function svgNamespace(ns) {
+	if (ns === "xlink") return "http://www.w3.org/1999/xlink";
+	if (ns === "xml") return "http://www.w3.org/XML/1998/namespace";
+}
 const ReservedNameSpaces = new Set([
 	"class",
 	"on",
@@ -129,18 +133,16 @@ function applyChildren(node, key, value) {
 	}
 }
 function applySlot(slot, value) {
-	effectScope(() => {
-		let dispose;
-		if (typeof value === "function") effect(() => slot.set(resolveChild(value())));
-		else {
-			const node = resolveChild(value);
-			dispose = node[Symbol.dispose];
-			slot.set(node);
-		}
-		onCleanup(() => {
-			dispose?.();
-			slot.clear();
-		});
+	let dispose;
+	if (typeof value === "function") effect(() => slot.set(resolveChild(value())));
+	else {
+		const node = resolveChild(value);
+		dispose = node[Symbol.dispose];
+		slot.set(node);
+	}
+	onCleanup(() => {
+		dispose?.();
+		slot.clear();
 	});
 }
 const FRAGMENT_POOL_MAX = 4;
@@ -205,16 +207,15 @@ function mountStatic(el, list, kind) {
 	releaseFragment(buffer);
 	if (disposers && disposers.length > 0) {
 		const ds = disposers;
-		effectScope(() => {
-			onCleanup(() => ds.forEach((d) => d()));
-		});
+		onCleanup(() => ds.forEach((d) => d()));
 	}
 }
 /**
 * Mounts a single child into `el`. Reactive functions become live slots; other
-* values append as-is. Each child owns its own `effectScope` so sibling
-* `onCleanup` registrations don't overwrite each other (the signals lib
-* supports only one onCleanup per subscriber).
+* values append as-is.
+*
+* Relies on the caller's effectScope (every JSX render sits inside one). The
+* signals lib supports multiple onCleanup per scope, so siblings coexist.
 *
 * Also used by `createFunctionElement` when a component returns a reactive
 * getter or primitive — keeps the component's `effectScope` alive for the
@@ -224,26 +225,25 @@ function mountChild(el, child) {
 	if (typeof child === "function") {
 		const slot = new Slot();
 		el.appendChild(slot.render());
-		effectScope(() => {
-			effect(() => slot.set(resolveChild(child())));
-			onCleanup(() => slot.clear());
-		});
+		effect(() => slot.set(resolveChild(child())));
+		onCleanup(() => slot.clear());
 		return;
 	}
 	const node = resolveChild(child);
 	const dispose = node[Symbol.dispose];
 	el.appendChild(node);
-	if (dispose) effectScope(() => {
-		onCleanup(dispose);
-	});
+	if (dispose) onCleanup(dispose);
 }
 function resolveChild(value) {
+	if (value instanceof Node) return value;
+	if (typeof value === "string" || typeof value === "number") return document.createTextNode(String(value));
+	if (value == null || typeof value === "boolean") return document.createComment("");
+	if (typeof value === "function") return resolveChild(value());
 	if (Array.isArray(value)) {
 		const fragment = document.createDocumentFragment();
 		for (const item of value) fragment.appendChild(resolveChild(item));
 		return fragment;
 	}
-	if (typeof value === "function") return resolveChild(value());
 	return resolveNode$1(value);
 }
 /** Normalises the children prop into a flat array. */
@@ -297,7 +297,7 @@ function setProp(node, key, value) {
 			}
 			return;
 		}
-		const svgNs = SVGNamespace[ns];
+		const svgNs = svgNamespace(ns);
 		if (svgNs) {
 			node.setAttributeNS(svgNs, key, String(value ?? ""));
 			return;

package/dist/for.mjs

@@ -1,6 +1,6 @@
 import { c as effectScope, g as untracked, h as trigger, m as signal, p as onCleanup, s as effect } from "./lib-CVfOddra.mjs";
 import "./signals/index.mjs";
-import { n as disposeElement } from "./element-DvqBlRly.mjs";
+import { n as disposeElement } from "./element-Cbzkm_B5.mjs";
 //#region src/for.ts
 /**
 * Keyed list renderer. See {@link ForProps} for prop details.

package/dist/jsx-runtime/index.mjs

@@ -1,4 +1,4 @@
-import { r as mountChild, t as createElement } from "../element-DvqBlRly.mjs";
+import { r as mountChild, t as createElement } from "../element-Cbzkm_B5.mjs";
 //#region src/jsx-runtime/fragment.ts
 /**
 * Used by the JSX transform for `<>...</>` fragments.

package/dist/{slot-DLjSL6t1.mjs → slot-Cne__au7.mjs}

@@ -19,8 +19,8 @@ function resolveNode(c) {
 * Content between the markers can be replaced dynamically without wrapper elements.
 */
 var Slot = class {
-	#start = document.createComment("{");
-	#end = document.createComment("}");
+	#start;
+	#end;
 	#pending;
 	/**
 	* Render the slot as a DocumentFragment.
@@ -38,15 +38,18 @@ var Slot = class {
 			fragment.appendChild(range.extractContents());
 			return fragment;
 		}
-		fragment.appendChild(this.#start);
-		fragment.appendChild(this.#end);
+		const start = this.#start ??= document.createComment("{");
+		const end = this.#end ??= document.createComment("}");
+		fragment.appendChild(start);
+		fragment.appendChild(end);
 		const initialContent = this.#pending ?? resolveNode(defaultContent);
-		if (initialContent) fragment.insertBefore(initialContent, this.#end);
+		if (initialContent) fragment.insertBefore(initialContent, end);
 		this.#pending = void 0;
 		return fragment;
 	}
 	/** Dispose reactive children and remove all content between the markers. */
 	clear() {
+		if (!this.#start || !this.#end) return;
 		let node = this.#start.nextSibling;
 		while (node && node !== this.#end) {
 			const next = node.nextSibling;
@@ -92,7 +95,7 @@ var Slot = class {
 	}
 	/** Whether the slot's comment markers are attached to the DOM. */
 	isMounted() {
-		return this.#start.parentNode === this.#end.parentNode && !!this.#start.parentNode;
+		return !!this.#start && this.#start.parentNode !== null && this.#start.parentNode === this.#end.parentNode;
 	}
 	#isSame(element) {
 		return this.#start.nextSibling === element && this.#end === element.nextSibling;

package/dist/slot.mjs

@@ -1,2 +1,2 @@
-import { n as Slot, t as SLOTS } from "./slot-DLjSL6t1.mjs";
+import { n as Slot, t as SLOTS } from "./slot-Cne__au7.mjs";
 export { SLOTS, Slot };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "elements-kit",
   "type": "module",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "A lightweight reactive UI library that transforms native HTMLElements into reactive components with signals. Ideal for framework-agnostic applications and web components.",
   "keywords": [
     "webcomponents",