@sigx/runtime-dom 0.1.7 → 0.1.9

package/dist/Portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../src/Portal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAa,UAAU,EAA0C,MAAM,oBAAoB,CAAC;AAInG;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACpB,MAAM,EAAE,OAAO,EACf,IAAI,EAAE,IAAI,EACV,MAAM,GAAE,IAAI,GAAG,IAAW,GAC3B,IAAI,CAQN;AAuBD,KAAK,WAAW,GAAG,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAExF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,sEA2EG,CAAC"}
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../src/Portal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAa,UAAU,EAAwB,MAAM,oBAAoB,CAAC;AAKjF;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACpB,MAAM,EAAE,OAAO,EACf,IAAI,EAAE,IAAI,EACV,MAAM,GAAE,IAAI,GAAG,IAAW,GAC3B,IAAI,CAQN;AAuBD,KAAK,WAAW,GAAG,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAExF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,sEA2EG,CAAC"}

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import './jsx';
 import './types';
 import './directives/show-jsx-types';
-import { RendererOptions } from '@sigx/runtime-core';
-import { type DirectiveDefinition } from '@sigx/runtime-core';
+import type { RendererOptions } from '@sigx/runtime-core/internals';
+import { type DirectiveDefinition, type JSXElement } from '@sigx/runtime-core';
 import type { AppContext } from '@sigx/runtime-core';
 /**
  * A directive definition narrowed to DOM elements.
@@ -61,24 +61,9 @@ declare const nodeOps: RendererOptions<Node, Element>;
  * render(<App />, document.getElementById('app')!);
  * ```
  */
-export declare const render: (element: any, container: Element | string, appContext?: any) => void;
-export declare const patch: import("@sigx/runtime-core").RendererPatchFn<Node, Element>, mount: import("@sigx/runtime-core").RendererMountFn<Node, Element>, unmount: import("@sigx/runtime-core").RendererUnmountFn<Node, Element>, mountComponent: import("@sigx/runtime-core").RendererMountComponentFn<Node, Element>;
+export declare const render: (element: JSXElement, container: Element | string, appContext?: AppContext) => void;
+export declare const patch: import("@sigx/runtime-core/internals").RendererPatchFn<Node, Element>, mount: import("@sigx/runtime-core/internals").RendererMountFn<Node, Element>, unmount: import("@sigx/runtime-core/internals").RendererUnmountFn<Node, Element>, mountComponent: import("@sigx/runtime-core/internals").RendererMountComponentFn<Node, Element>;
 export { patchProp, patchDirective, onElementMounted, nodeOps };
-/**
- * Mount function for DOM environments.
- * Use this with defineApp().mount() to render to the DOM.
- *
- * @example
- * ```tsx
- * import { defineApp } from '@sigx/runtime-core';
- * import { domMount } from '@sigx/runtime-dom';
- *
- * const app = defineApp(<App />);
- * app.use(routerPlugin)
- *    .mount(document.getElementById('app')!, domMount);
- * ```
- */
-export declare const domMount: (component: any, container: HTMLElement | Element | ShadowRoot | string, appContext?: any) => (() => void);
 export { Portal, supportsMoveBefore, moveNode } from './Portal.js';
 export { show } from './directives/show.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,CAAC;AAEf,OAAO,SAAS,CAAC;AAEjB,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAA0E,eAAe,EAAyB,MAAM,oBAAoB,CAAC;AACpJ,OAAO,EAAe,KAAK,mBAAmB,EAAyB,MAAM,oBAAoB,CAAC;AAClG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,mBAAmB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;AAcxE;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,mBAAmB,GAAG,IAAI,CAErF;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAErF;AA+BD;;;;GAIG;AACH,iBAAS,cAAc,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,CAoEtH;AAED;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAS3C;AA+ID,iBAAS,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,QAgL5F;AAED,QAAA,MAAM,OAAO,EAAE,eAAe,CAAC,IAAI,EAAE,OAAO,CAkC3C,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,GAAI,SAAS,GAAG,EAAE,WAAW,OAAO,GAAG,MAAM,EAAE,aAAa,GAAG,KAAG,IAUpF,CAAC;AAGF,eAAO,MAAQ,KAAK,+DAAE,KAAK,+DAAE,OAAO,iEAAE,cAAc,sEAAa,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC;AAEhE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,GAAI,WAAW,GAAG,EAAE,WAAW,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,EAAE,aAAa,GAAG,KAAG,CAAC,MAAM,IAAI,CAiB9H,CAAC;AAMF,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,CAAC;AAEf,OAAO,SAAS,CAAC;AAEjB,OAAO,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAe,KAAK,mBAAmB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,mBAAmB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;AAcxE;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,mBAAmB,GAAG,IAAI,CAErF;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAErF;AA+BD;;;;GAIG;AACH,iBAAS,cAAc,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,CAoEtH;AAED;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAS3C;AA+ID,iBAAS,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,QAgL5F;AAED,QAAA,MAAM,OAAO,EAAE,eAAe,CAAC,IAAI,EAAE,OAAO,CAoD3C,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,GAAI,SAAS,UAAU,EAAE,WAAW,OAAO,GAAG,MAAM,EAAE,aAAa,UAAU,KAAG,IAUlG,CAAC;AAGF,eAAO,MAAQ,KAAK,yEAAE,KAAK,yEAAE,OAAO,2EAAE,cAAc,gFAAa,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC;AAoBhE,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -1,372 +1,2 @@
-import { Fragment, component as component$1, createRenderer, defineDirective, isDirective, jsx, normalizeSubTree, setDefaultMount, setPlatformModelProcessor } from "@sigx/runtime-core";
-import { effect } from "@sigx/reactivity";
-function supportsMoveBefore() {
-	return typeof Node !== "undefined" && "moveBefore" in Node.prototype;
-}
-function moveNode(parent, node, anchor = null) {
-	if (supportsMoveBefore()) parent.moveBefore(node, anchor);
-	else parent.insertBefore(node, anchor);
-}
-function resolveTarget(target) {
-	if (target === void 0) return document.body;
-	if (typeof target === "string") {
-		const resolved = document.querySelector(target);
-		if (!resolved) {
-			console.warn(`Portal: Target "${target}" not found, falling back to document.body`);
-			return document.body;
-		}
-		return resolved;
-	}
-	return target;
-}
-const Portal = component$1(({ props, slots, onMounted, onUnmounted }) => {
-	let portalContainer = null;
-	let mountedVNode = null;
-	let cleanupEffect = null;
-	onMounted(() => {
-		if (props.disabled) return;
-		const targetContainer = resolveTarget(props.to);
-		portalContainer = document.createElement("div");
-		portalContainer.setAttribute("data-sigx-portal", "");
-		moveNode(targetContainer, portalContainer);
-		cleanupEffect = effect(() => {
-			const children = slots.default();
-			if (!portalContainer) return;
-			const vnode = normalizeSubTree(children);
-			if (mountedVNode) patch(mountedVNode, vnode, portalContainer);
-			else mount(vnode, portalContainer);
-			mountedVNode = vnode;
-		});
-	});
-	onUnmounted(() => {
-		if (cleanupEffect) {
-			cleanupEffect();
-			cleanupEffect = null;
-		}
-		if (mountedVNode && portalContainer) {
-			unmount(mountedVNode, portalContainer);
-			mountedVNode = null;
-		}
-		if (portalContainer && portalContainer.parentNode) portalContainer.parentNode.removeChild(portalContainer);
-		portalContainer = null;
-	});
-	return () => {
-		if (props.disabled) return jsx(Fragment, { children: slots.default() });
-		return null;
-	};
-}, { name: "Portal" });
-var ORIGINAL_DISPLAY = Symbol("sigx.show.originalDisplay");
-const show = defineDirective({
-	mounted(el, { value }) {
-		const showEl = el;
-		const saved = showEl.style.display === "none" ? "" : showEl.style.display;
-		showEl[ORIGINAL_DISPLAY] = saved;
-		showEl.style.display = value ? saved : "none";
-	},
-	updated(el, { value, oldValue }) {
-		if (value !== oldValue) {
-			const showEl = el;
-			showEl.style.display = value ? showEl[ORIGINAL_DISPLAY] ?? "" : "none";
-		}
-	},
-	unmounted(el) {
-		const showEl = el;
-		const original = showEl[ORIGINAL_DISPLAY];
-		if (original !== void 0) showEl.style.display = original;
-	}
-});
-var builtInDirectives = /* @__PURE__ */ new Map();
-function registerBuiltInDirective(name, def) {
-	builtInDirectives.set(name, def);
-}
-function resolveBuiltInDirective(name) {
-	return builtInDirectives.get(name);
-}
-var DIRECTIVE_STATE = Symbol.for("sigx.directives");
-function getDirectiveMap(el) {
-	let map = el[DIRECTIVE_STATE];
-	if (!map) {
-		map = /* @__PURE__ */ new Map();
-		el[DIRECTIVE_STATE] = map;
-	}
-	return map;
-}
-function patchDirective(el, name, prevValue, nextValue, appContext) {
-	const dirMap = getDirectiveMap(el);
-	if (nextValue == null) {
-		dirMap.delete(name);
-		return;
-	}
-	let def;
-	let value;
-	if (isDirective(nextValue)) {
-		def = nextValue;
-		value = void 0;
-	} else if (Array.isArray(nextValue) && nextValue.length >= 1 && isDirective(nextValue[0])) {
-		def = nextValue[0];
-		value = nextValue[1];
-	} else {
-		const builtIn = builtInDirectives.get(name);
-		if (builtIn) {
-			def = builtIn;
-			value = nextValue;
-		} else {
-			const custom = appContext?.directives.get(name);
-			if (custom) {
-				def = custom;
-				value = nextValue;
-			} else {
-				console.warn(`[sigx] Directive "use:${name}" could not be resolved. Make sure to register it via app.directive('${name}', definition) or pass a directive definition directly.`);
-				return;
-			}
-		}
-	}
-	const existing = dirMap.get(name);
-	if (!existing) {
-		const state = {
-			def,
-			value
-		};
-		dirMap.set(name, state);
-		if (def.created) def.created(el, { value });
-	} else {
-		const oldValue = existing.value;
-		existing.def = def;
-		existing.value = value;
-		if (def.updated && value !== oldValue) def.updated(el, {
-			value,
-			oldValue
-		});
-	}
-}
-function onElementMounted(el) {
-	const map = el[DIRECTIVE_STATE];
-	if (!map) return;
-	for (const [, state] of map) if (state.def.mounted) state.def.mounted(el, { value: state.value });
-}
-function onElementUnmounted(el) {
-	const map = el[DIRECTIVE_STATE];
-	if (!map) return;
-	for (const [, state] of map) {
-		if (state.def.unmounted) state.def.unmounted(el, { value: state.value });
-		if (state.cleanup) state.cleanup();
-	}
-	map.clear();
-	delete el[DIRECTIVE_STATE];
-}
-var svgNS = "http://www.w3.org/2000/svg";
-setPlatformModelProcessor((type, props, [stateObj, key], originalProps) => {
-	const setValue = (v) => {
-		const updateHandler = stateObj[`onUpdate:${key}`];
-		if (typeof updateHandler === "function") updateHandler(v);
-		else stateObj[key] = v;
-	};
-	if (type === "input" && originalProps.type === "checkbox") {
-		const val = stateObj[key];
-		if (Array.isArray(val)) {
-			props.checked = val.includes(originalProps.value);
-			const existingHandler = props["onUpdate:modelValue"];
-			props["onUpdate:modelValue"] = (checked) => {
-				const currentVal = originalProps.value;
-				const currentArr = stateObj[key];
-				if (checked) {
-					if (!currentArr.includes(currentVal)) setValue([...currentArr, currentVal]);
-				} else setValue(currentArr.filter((i) => i !== currentVal));
-				if (existingHandler) existingHandler(checked);
-			};
-		} else {
-			props.checked = val;
-			const existingHandler = props["onUpdate:modelValue"];
-			props["onUpdate:modelValue"] = (v) => {
-				setValue(v);
-				if (existingHandler) existingHandler(v);
-			};
-		}
-		return true;
-	}
-	if (type === "input" && originalProps.type === "radio") {
-		props.checked = stateObj[key] === originalProps.value;
-		const existingHandler = props["onUpdate:modelValue"];
-		props["onUpdate:modelValue"] = (checked) => {
-			if (checked) setValue(originalProps.value);
-			if (existingHandler) existingHandler(checked);
-		};
-		return true;
-	}
-	if (type === "input") {
-		props.value = stateObj[key] ?? "";
-		const existingHandler = props["onUpdate:modelValue"];
-		props["onUpdate:modelValue"] = (v) => {
-			setValue(v);
-			if (existingHandler) existingHandler(v);
-		};
-		return true;
-	}
-	if (type === "textarea") {
-		props.value = stateObj[key] ?? "";
-		const existingHandler = props["onUpdate:modelValue"];
-		props["onUpdate:modelValue"] = (v) => {
-			setValue(v);
-			if (existingHandler) existingHandler(v);
-		};
-		return true;
-	}
-	if (type === "select") {
-		props.value = stateObj[key] ?? "";
-		const existingHandler = props["onUpdate:modelValue"];
-		props["onUpdate:modelValue"] = (v) => {
-			setValue(v);
-			if (existingHandler) existingHandler(v);
-		};
-		return true;
-	}
-	return false;
-});
-function patchProp(dom, key, prevValue, nextValue, isSVG) {
-	if (!dom) return;
-	const tagName = dom.tagName.toLowerCase();
-	const isSvgElement = isSVG ?? dom instanceof SVGElement;
-	const oldValue = prevValue;
-	const newValue = nextValue;
-	if (key === "children" || key === "key" || key === "ref") return;
-	if (key === "style") {
-		const el = dom;
-		if (typeof newValue === "object" && newValue !== null) {
-			const styleObj = newValue;
-			for (const styleKey in styleObj) if (styleKey.startsWith("--")) el.style.setProperty(styleKey, String(styleObj[styleKey]));
-			else el.style[styleKey] = styleObj[styleKey];
-		} else el.style.cssText = String(newValue);
-	} else if (key.startsWith("on")) {
-		if (key === "onUpdate:modelValue" && (tagName === "input" || tagName === "textarea" || tagName === "select")) {
-			const el = dom;
-			if (oldValue) {
-				const wrapper = oldValue.__sigx_model_handler;
-				if (wrapper) {
-					el.removeEventListener("input", wrapper);
-					el.removeEventListener("change", wrapper);
-				}
-			}
-			if (newValue) {
-				const handler = (e) => {
-					const target = e.target;
-					let val;
-					if (target.type === "checkbox" || target.type === "radio") val = target.checked;
-					else if (target.type === "number") val = target.valueAsNumber;
-					else if (tagName === "select" && dom.multiple) val = Array.from(dom.selectedOptions).map((o) => o.value);
-					else val = target.value;
-					newValue(val);
-				};
-				newValue.__sigx_model_handler = handler;
-				const inputType = dom.type;
-				if (tagName === "select" || tagName === "input" && (inputType === "checkbox" || inputType === "radio")) el.addEventListener("change", handler);
-				else el.addEventListener("input", handler);
-			}
-			return;
-		}
-		const eventName = key.slice(2).toLowerCase();
-		const handlersKey = "__sigx_event_handlers";
-		let handlers = dom[handlersKey];
-		if (!handlers) {
-			handlers = /* @__PURE__ */ new Map();
-			dom[handlersKey] = handlers;
-		}
-		const oldHandler = handlers.get(eventName);
-		if (oldHandler) {
-			dom.removeEventListener(eventName, oldHandler);
-			handlers.delete(eventName);
-		}
-		if (newValue) {
-			const handler = (e) => {
-				if (e instanceof CustomEvent) newValue(e.detail);
-				else newValue(e);
-			};
-			handlers.set(eventName, handler);
-			dom.addEventListener(eventName, handler);
-		}
-	} else if (key === "className") dom.setAttribute("class", String(newValue));
-	else if (key.startsWith(".")) {
-		const propName = key.slice(1);
-		dom[propName] = newValue;
-	} else if (key.startsWith("prop:")) {
-		const propName = key.slice(5);
-		dom[propName] = newValue;
-	} else if (isSvgElement) if (key === "innerHTML" || key === "textContent") dom[key] = newValue ?? "";
-	else if (key.startsWith("xlink:")) {
-		const xlinkNS = "http://www.w3.org/1999/xlink";
-		if (newValue == null) dom.removeAttributeNS(xlinkNS, key.slice(6));
-		else dom.setAttributeNS(xlinkNS, key, String(newValue));
-	} else if (newValue === true) dom.setAttribute(key, "");
-	else if (newValue === false || newValue == null) dom.removeAttribute(key);
-	else dom.setAttribute(key, String(newValue));
-	else if ((tagName === "input" || tagName === "textarea" || tagName === "select") && (key === "value" || key === "checked")) {
-		if (tagName === "select" && key === "value") {
-			queueMicrotask(() => {
-				dom.value = String(newValue ?? "");
-			});
-			return;
-		}
-		if (key === "checked" && tagName === "input") dom.checked = Boolean(newValue);
-		else if (key === "value") dom.value = String(newValue ?? "");
-	} else if (key in dom) if (newValue == null) {
-		if (dom.hasAttribute?.(key)) dom.removeAttribute(key);
-	} else try {
-		dom[key] = newValue;
-	} catch (e) {
-		dom.setAttribute(key, String(newValue));
-	}
-	else if (tagName.includes("-") && !key.includes("-")) dom[key] = newValue;
-	else if (newValue === true) dom.setAttribute(key, "");
-	else if (newValue === false || newValue == null) dom.removeAttribute(key);
-	else dom.setAttribute(key, String(newValue));
-}
-var nodeOps = {
-	insert: (child, parent, anchor) => {
-		parent.insertBefore(child, anchor || null);
-	},
-	remove: (child) => {
-		const parent = child.parentNode;
-		if (parent) parent.removeChild(child);
-	},
-	createElement: (tag, isSVG, isCustomizedBuiltIn) => {
-		if (isSVG) return document.createElementNS(svgNS, tag);
-		const is = isCustomizedBuiltIn ? { is: isCustomizedBuiltIn } : void 0;
-		return document.createElement(tag, is);
-	},
-	createText: (text) => document.createTextNode(text),
-	createComment: (text) => document.createComment(text),
-	setText: (node, text) => {
-		node.nodeValue = text;
-	},
-	setElementText: (el, text) => {
-		el.textContent = text;
-	},
-	parentNode: (node) => node.parentNode,
-	nextSibling: (node) => node.nextSibling,
-	querySelector: (selector) => document.querySelector(selector),
-	setScopeId: (el, id) => el.setAttribute(id, ""),
-	cloneNode: (node) => node.cloneNode(true),
-	patchProp,
-	patchDirective,
-	onElementMounted,
-	onElementUnmounted
-};
-var renderer = createRenderer(nodeOps);
-const render = (element, container, appContext) => {
-	const target = typeof container === "string" ? document.querySelector(container) : container;
-	if (!target) throw new Error(`Render target "${container}" not found.`);
-	return renderer.render(element, target, appContext);
-};
-const { patch, mount, unmount, mountComponent } = renderer;
-const domMount = (component, container, appContext) => {
-	const target = typeof container === "string" ? document.querySelector(container) : container;
-	if (!target) throw new Error(`Mount target "${container}" not found.`);
-	render(component, target, appContext);
-	return () => {
-		render(null, target);
-	};
-};
-setDefaultMount(domMount);
-registerBuiltInDirective("show", show);
-export { Portal, domMount, mount, mountComponent, moveNode, nodeOps, onElementMounted, patch, patchDirective, patchProp, registerBuiltInDirective, render, resolveBuiltInDirective, show, supportsMoveBefore, unmount };
-
-//# sourceMappingURL=index.js.map
+import { a as patch, c as registerBuiltInDirective, d as unmount, f as show, h as supportsMoveBefore, i as onElementMounted, l as render, m as moveNode, n as mountComponent, o as patchDirective, p as Portal, r as nodeOps, s as patchProp, t as mount, u as resolveBuiltInDirective } from "./src-DblUVEtM.js";
+export { Portal, mount, mountComponent, moveNode, nodeOps, onElementMounted, patch, patchDirective, patchProp, registerBuiltInDirective, render, resolveBuiltInDirective, show, supportsMoveBefore, unmount };

package/dist/internals.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @sigx/runtime-dom internal APIs
+ *
+ * ⚠️ These are low-level DOM renderer primitives for SSR hydration and
+ * framework extensions. They are NOT part of the public API and may change
+ * without notice.
+ *
+ * @internal
+ */
+export { patch, mount, unmount, mountComponent, patchProp, patchDirective, onElementMounted, nodeOps } from './index.js';
+export { registerBuiltInDirective, resolveBuiltInDirective } from './index.js';
+//# sourceMappingURL=internals.d.ts.map

package/dist/internals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internals.d.ts","sourceRoot":"","sources":["../src/internals.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGzH,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC"}

package/dist/internals.js

@@ -0,0 +1,2 @@
+import { a as patch, c as registerBuiltInDirective, d as unmount, i as onElementMounted, n as mountComponent, o as patchDirective, r as nodeOps, s as patchProp, t as mount, u as resolveBuiltInDirective } from "./src-DblUVEtM.js";
+export { mount, mountComponent, nodeOps, onElementMounted, patch, patchDirective, patchProp, registerBuiltInDirective, resolveBuiltInDirective, unmount };

package/dist/jsx.d.ts

@@ -94,6 +94,34 @@ interface CSSProperties {
     userSelect?: 'auto' | 'none' | 'text' | 'all';
     objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
     objectPosition?: string;
+    aspectRatio?: CSSNumericProperty;
+    placeItems?: string;
+    placeContent?: string;
+    placeSelf?: string;
+    inset?: CSSNumericProperty;
+    insetBlock?: CSSNumericProperty;
+    insetInline?: CSSNumericProperty;
+    containerType?: 'normal' | 'size' | 'inline-size';
+    containerName?: string;
+    contain?: string;
+    contentVisibility?: 'visible' | 'hidden' | 'auto';
+    backdropFilter?: string;
+    clipPath?: string;
+    filter?: string;
+    maskImage?: string;
+    maskSize?: string;
+    maskPosition?: string;
+    maskRepeat?: string;
+    overscrollBehavior?: string;
+    scrollSnapType?: string;
+    scrollSnapAlign?: string;
+    scrollBehavior?: 'auto' | 'smooth';
+    scrollMargin?: CSSNumericProperty;
+    scrollPadding?: CSSNumericProperty;
+    textDecorationThickness?: CSSNumericProperty;
+    textUnderlineOffset?: CSSNumericProperty;
+    accentColor?: string;
+    colorScheme?: string;
     [key: string]: CSSNumericProperty | undefined;
 }
 declare global {
@@ -243,6 +271,35 @@ declare global {
             tspan: SVGAttributes<SVGTSpanElement>;
             textPath: SVGAttributes<SVGTextPathElement>;
             symbol: SVGAttributes<SVGSymbolElement>;
+            feBlend: SVGAttributes<SVGFEBlendElement>;
+            feColorMatrix: SVGAttributes<SVGFEColorMatrixElement>;
+            feComponentTransfer: SVGAttributes<SVGFEComponentTransferElement>;
+            feComposite: SVGAttributes<SVGFECompositeElement>;
+            feConvolveMatrix: SVGAttributes<SVGFEConvolveMatrixElement>;
+            feDiffuseLighting: SVGAttributes<SVGFEDiffuseLightingElement>;
+            feDisplacementMap: SVGAttributes<SVGFEDisplacementMapElement>;
+            feDistantLight: SVGAttributes<SVGFEDistantLightElement>;
+            feDropShadow: SVGAttributes<SVGFEDropShadowElement>;
+            feFlood: SVGAttributes<SVGFEFloodElement>;
+            feFuncA: SVGAttributes<SVGFEFuncAElement>;
+            feFuncB: SVGAttributes<SVGFEFuncBElement>;
+            feFuncG: SVGAttributes<SVGFEFuncGElement>;
+            feFuncR: SVGAttributes<SVGFEFuncRElement>;
+            feGaussianBlur: SVGAttributes<SVGFEGaussianBlurElement>;
+            feImage: SVGAttributes<SVGFEImageElement>;
+            feMerge: SVGAttributes<SVGFEMergeElement>;
+            feMergeNode: SVGAttributes<SVGFEMergeNodeElement>;
+            feMorphology: SVGAttributes<SVGFEMorphologyElement>;
+            feOffset: SVGAttributes<SVGFEOffsetElement>;
+            fePointLight: SVGAttributes<SVGFEPointLightElement>;
+            feSpecularLighting: SVGAttributes<SVGFESpecularLightingElement>;
+            feSpotLight: SVGAttributes<SVGFESpotLightElement>;
+            feTile: SVGAttributes<SVGFETileElement>;
+            feTurbulence: SVGAttributes<SVGFETurbulenceElement>;
+            animate: SVGAttributes<SVGAnimateElement>;
+            animateMotion: SVGAttributes<SVGAnimateMotionElement>;
+            animateTransform: SVGAttributes<SVGAnimateTransformElement>;
+            metadata: SVGAttributes<SVGMetadataElement>;
         }
         /**
          * Extension point for directive `use:*` props with IntelliSense.
@@ -413,7 +470,7 @@ declare global {
             onDurationChange?: (event: Event) => void;
             onEmptied?: (event: Event) => void;
             onEnded?: (event: Event) => void;
-            onError?: (event: Event | string) => void;
+            onError?: (event: Event) => void;
             onFocus?: (event: FocusEvent) => void;
             onInput?: (event: InputEvent) => void;
             onInvalid?: (event: Event) => void;