@sigx/runtime-dom 0.2.3 → 0.2.4

package/dist/directives.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Directive runtime for DOM (element-level use:* directives)
+ *
+ * Handles the built-in directive registry, directive lifecycle hooks
+ * (created, mounted, updated, unmounted), and event handler cleanup.
+ */
+import { type DirectiveDefinition } from '@sigx/runtime-core';
+import type { AppContext } from '@sigx/runtime-core';
+/**
+ * A directive definition narrowed to DOM elements.
+ * Use this type when defining directives for the DOM renderer.
+ *
+ * @example
+ * ```ts
+ * import { defineDirective, type DOMDirective } from 'sigx';
+ *
+ * const tooltip = defineDirective<string, HTMLElement>({
+ *     mounted(el, { value }) {
+ *         el.title = value; // el is HTMLElement, fully typed
+ *     }
+ * });
+ * ```
+ */
+export type DOMDirective<T = any> = DirectiveDefinition<T, HTMLElement>;
+/**
+ * Register a built-in directive so it can be used with the shorthand syntax:
+ * `<div use:show={value}>` instead of `<div use:show={[show, value]}>`.
+ * @internal
+ */
+export declare function registerBuiltInDirective(name: string, def: DirectiveDefinition): void;
+/**
+ * Look up a registered built-in directive by name.
+ * Used by SSR renderer to resolve `use:<name>={value}` shorthand.
+ * @internal
+ */
+export declare function resolveBuiltInDirective(name: string): DirectiveDefinition | undefined;
+/**
+ * Process a `use:*` prop in patchProp.
+ * Handles directive created and updated lifecycle hooks.
+ * @internal
+ */
+export declare function patchDirective(el: Element, name: string, prevValue: any, nextValue: any, appContext: AppContext | null): void;
+/**
+ * Called after an element is inserted into the DOM.
+ * Invokes `mounted` hooks for all directives on the element.
+ * @internal
+ */
+export declare function onElementMounted(el: Element): void;
+/**
+ * Called before an element is removed from the DOM.
+ * Invokes `unmounted` hooks for all directives on the element.
+ * @internal
+ */
+export declare function onElementUnmounted(el: Element): void;
+//# sourceMappingURL=directives.d.ts.map

package/dist/directives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directives.d.ts","sourceRoot":"","sources":["../src/directives.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAe,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,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;AAUxE;;;;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,wBAAgB,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,CAoE7H;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CASlD;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CA0BpD"}

package/dist/index.d.ts

@@ -1,69 +1,12 @@
 import './jsx';
 import './types';
 import './directives/show-jsx-types';
-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.
- * Use this type when defining directives for the DOM renderer.
- *
- * @example
- * ```ts
- * import { defineDirective, type DOMDirective } from 'sigx';
- *
- * const tooltip = defineDirective<string, HTMLElement>({
- *     mounted(el, { value }) {
- *         el.title = value; // el is HTMLElement, fully typed
- *     }
- * });
- * ```
- */
-export type DOMDirective<T = any> = DirectiveDefinition<T, HTMLElement>;
-/**
- * Register a built-in directive so it can be used with the shorthand syntax:
- * `<div use:show={value}>` instead of `<div use:show={[show, value]}>`.
- * @internal
- */
-export declare function registerBuiltInDirective(name: string, def: DirectiveDefinition): void;
-/**
- * Look up a registered built-in directive by name.
- * Used by SSR renderer to resolve `use:<name>={value}` shorthand.
- * @internal
- */
-export declare function resolveBuiltInDirective(name: string): DirectiveDefinition | undefined;
-/**
- * Process a `use:*` prop in patchProp.
- * Handles directive created and updated lifecycle hooks.
- * @internal
- */
-declare function patchDirective(el: Element, name: string, prevValue: any, nextValue: any, appContext: AppContext | null): void;
-/**
- * Called after an element is inserted into the DOM.
- * Invokes `mounted` hooks for all directives on the element.
- * @internal
- */
-declare function onElementMounted(el: Element): void;
-declare function patchProp(dom: Element, key: string, prevValue: any, nextValue: any, isSVG?: boolean): void;
-declare const nodeOps: RendererOptions<Node, Element>;
-/**
- * Render a SignalX element to a DOM container.
- * Supports both Element references and CSS selectors.
- *
- * @example
- * ```tsx
- * import { render } from 'sigx';
- *
- * // Using CSS selector
- * render(<App />, "#app");
- *
- * // Using element reference
- * render(<App />, document.getElementById('app')!);
- * ```
- */
-export declare const render: (element: JSXElement, container: string | Element, appContext?: AppContext | undefined) => 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 };
+import './model-processor.js';
+export { render, patch, mount, unmount, mountComponent } from './render.js';
+export { patchProp } from './patchProp.js';
+export { patchDirective, onElementMounted, registerBuiltInDirective, resolveBuiltInDirective } from './directives.js';
+export type { DOMDirective } from './directives.js';
+export { nodeOps } from './nodeOps.js';
 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;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;AAGrD;;;;;;;;;;;;;;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;AA8JD,iBAAS,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,QA4M5F;AAED,QAAA,MAAM,OAAO,EAAE,eAAe,CAAC,IAAI,EAAE,OAAO,CAoD3C,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,iGAUlB,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"}
+{"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;AAGrC,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACtH,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -1,2 +1,51 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./src-BvXBxpbX.js";
-export { u as Portal, p as mount, c as mountComponent, s as moveNode, d as nodeOps, a as onElementMounted, e as patch, l as patchDirective, f as patchProp, t as registerBuiltInDirective, o as render, m as resolveBuiltInDirective, r as show, i as supportsMoveBefore, n as unmount };
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./render-BWNQH1pJ.js";
+import { Fragment as d, component as f, defineDirective as p, jsx as m } from "@sigx/runtime-core";
+import { normalizeSubTree as h } from "@sigx/runtime-core/internals";
+import { effect as g } from "@sigx/reactivity";
+//#region src/Portal.tsx
+function _() {
+	return typeof Node < "u" && "moveBefore" in Node.prototype;
+}
+function v(e, t, n = null) {
+	_() ? e.moveBefore(t, n) : e.insertBefore(t, n);
+}
+function y(e) {
+	return e === void 0 ? document.body : typeof e == "string" ? document.querySelector(e) || (console.warn(`Portal: Target "${e}" not found, falling back to document.body`), document.body) : e;
+}
+var b = f(({ props: t, slots: n, onMounted: r, onUnmounted: i }) => {
+	let a = null, o = null, c = null;
+	return r(() => {
+		if (t.disabled) return;
+		let e = y(t.to);
+		a = document.createElement("div"), a.setAttribute("data-sigx-portal", ""), v(e, a), c = g(() => {
+			let e = n.default();
+			if (!a) return;
+			let t = h(e);
+			o ? s(o, t, a) : l(t, a), o = t;
+		});
+	}), i(() => {
+		c &&= (c(), null), o && a && (e(o, a), o = null), a && a.parentNode && a.parentNode.removeChild(a), a = null;
+	}), () => t.disabled ? m(d, { children: n.default() }) : null;
+}, { name: "Portal" }), x = Symbol("sigx.show.originalDisplay"), S = p({
+	mounted(e, { value: t }) {
+		let n = e, r = n.style.display === "none" ? "" : n.style.display;
+		n[x] = r, n.style.display = t ? r : "none";
+	},
+	updated(e, { value: t, oldValue: n }) {
+		if (t !== n) {
+			let n = e;
+			n.style.display = t ? n[x] ?? "" : "none";
+		}
+	},
+	unmounted(e) {
+		let t = e, n = t[x];
+		n !== void 0 && (t.style.display = n);
+	}
+});
+//#endregion
+//#region src/index.ts
+i("show", S);
+//#endregion
+export { b as Portal, l as mount, a as mountComponent, v as moveNode, o as nodeOps, c as onElementMounted, s as patch, t as patchDirective, n as patchProp, i as registerBuiltInDirective, r as render, u as resolveBuiltInDirective, S as show, _ as supportsMoveBefore, e as unmount };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/Portal.tsx","../src/directives/show.ts","../src/index.ts"],"sourcesContent":["/**\r\n * Portal component for rendering children to a different DOM location.\r\n * \r\n * Uses the `moveBefore` API (Chrome 133+) when available for state-preserving\r\n * DOM moves. Falls back to `insertBefore` for older browsers.\r\n * \r\n * @example\r\n * ```tsx\r\n * import { Portal } from '@sigx/runtime-dom';\r\n * \r\n * // Render to document.body (default)\r\n * <Portal>\r\n *   <div class=\"modal\">Modal content</div>\r\n * </Portal>\r\n * \r\n * // Render to a specific container\r\n * <Portal to={document.getElementById('modal-root')}>\r\n *   <div class=\"modal\">Modal content</div>\r\n * </Portal>\r\n * \r\n * // Render to a container by selector\r\n * <Portal to=\"#modal-root\">\r\n *   <div class=\"modal\">Modal content</div>\r\n * </Portal>\r\n * ```\r\n */\r\n\r\nimport { component, Fragment, VNode, jsx, type Define } from '@sigx/runtime-core';\r\nimport { normalizeSubTree } from '@sigx/runtime-core/internals';\r\nimport { effect } from '@sigx/reactivity';\r\nimport { mount, unmount, patch } from './render.js';\r\n\r\n/**\r\n * Check if the browser supports the moveBefore API.\r\n * moveBefore allows moving DOM nodes without losing state (iframes, videos, focus, etc.)\r\n */\r\nexport function supportsMoveBefore(): boolean {\r\n    return typeof Node !== 'undefined' && 'moveBefore' in Node.prototype;\r\n}\r\n\r\n/**\r\n * Move or insert a node into a parent, using moveBefore when available\r\n * for state-preserving moves.\r\n * \r\n * @param parent - The target parent element\r\n * @param node - The node to move/insert\r\n * @param anchor - Optional reference node to insert before\r\n */\r\nexport function moveNode(\r\n    parent: Element,\r\n    node: Node,\r\n    anchor: Node | null = null\r\n): void {\r\n    if (supportsMoveBefore()) {\r\n        // Use moveBefore for state-preserving move (Chrome 133+)\r\n        (parent as any).moveBefore(node, anchor);\r\n    } else {\r\n        // Fallback to insertBefore (causes state reset for iframes, etc.)\r\n        parent.insertBefore(node, anchor);\r\n    }\r\n}\r\n\r\n/**\r\n * Resolve a portal target from a string selector or Element.\r\n * Returns document.body as fallback.\r\n */\r\nfunction resolveTarget(target: string | Element | undefined): Element {\r\n    if (target === undefined) {\r\n        return document.body;\r\n    }\r\n    \r\n    if (typeof target === 'string') {\r\n        const resolved = document.querySelector(target);\r\n        if (!resolved) {\r\n            console.warn(`Portal: Target \"${target}\" not found, falling back to document.body`);\r\n            return document.body;\r\n        }\r\n        return resolved;\r\n    }\r\n    \r\n    return target;\r\n}\r\n\r\ntype PortalProps = Define.Prop<'to', string | Element> & Define.Prop<'disabled', boolean>;\r\n\r\n/**\r\n * Portal component - renders children to a different DOM location.\r\n * \r\n * Props:\r\n * - `to` - Target container (Element or CSS selector string). Defaults to document.body.\r\n * - `disabled` - When true, renders children in place instead of portaling\r\n * - `children` - Content to render in the portal\r\n * \r\n * Features:\r\n * - Uses `moveBefore` API (Chrome 133+) for state-preserving DOM moves\r\n * - Preserves iframe content, video playback, focus, and CSS animations\r\n * - Falls back to `insertBefore` for older browsers\r\n */\r\nexport const Portal = component<PortalProps>(({ props, slots, onMounted, onUnmounted }) => {\r\n    // Container element for portal content\r\n    let portalContainer: HTMLDivElement | null = null;\r\n    let mountedVNode: VNode | null = null;\r\n    let cleanupEffect: (() => void) | null = null;\r\n\r\n    onMounted(() => {\r\n        if (props.disabled) {\r\n            return;\r\n        }\r\n\r\n        // Resolve target container\r\n        const targetContainer = resolveTarget(props.to);\r\n\r\n        // Create a container div for the portal content\r\n        portalContainer = document.createElement('div');\r\n        portalContainer.setAttribute('data-sigx-portal', '');\r\n\r\n        // Use moveBefore when available for state-preserving move\r\n        moveNode(targetContainer, portalContainer);\r\n\r\n        // Set up reactive effect to render children into portal container\r\n        const stopEffect = effect(() => {\r\n            const children = slots.default();\r\n            \r\n            if (!portalContainer) return;\r\n            \r\n            // Normalize children to a proper VNode using the shared utility\r\n            const vnode = normalizeSubTree(children);\r\n\r\n            if (mountedVNode) {\r\n                // Patch existing content\r\n                patch(mountedVNode, vnode, portalContainer);\r\n            } else {\r\n                // Initial mount\r\n                mount(vnode, portalContainer);\r\n            }\r\n            \r\n            mountedVNode = vnode;\r\n        });\r\n\r\n        cleanupEffect = stopEffect;\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        // Stop the reactive effect\r\n        if (cleanupEffect) {\r\n            cleanupEffect();\r\n            cleanupEffect = null;\r\n        }\r\n\r\n        // Unmount the portal content\r\n        if (mountedVNode && portalContainer) {\r\n            unmount(mountedVNode, portalContainer);\r\n            mountedVNode = null;\r\n        }\r\n\r\n        // Remove the portal container from the DOM\r\n        if (portalContainer && portalContainer.parentNode) {\r\n            portalContainer.parentNode.removeChild(portalContainer);\r\n        }\r\n        portalContainer = null;\r\n    });\r\n\r\n    return () => {\r\n        // When disabled, render children in place using jsx function\r\n        if (props.disabled) {\r\n            const children = slots.default();\r\n            return jsx(Fragment, { children });\r\n        }\r\n\r\n        // When portal is active, render nothing in place\r\n        // Children are rendered into the portal container via the effect\r\n        return null;\r\n    };\r\n}, { name: 'Portal' });\r\n","/**\r\n * Built-in `show` directive — toggles element visibility via `display` CSS property.\r\n *\r\n * Unlike conditional rendering (ternary in JSX), `use:show` keeps the element in the DOM\r\n * and only toggles its `display` style. This is useful when toggling is frequent and you\r\n * want to preserve element state (e.g., scroll position, input focus).\r\n *\r\n * @example\r\n * ```tsx\r\n * // Shorthand — directive resolved automatically:\r\n * <div use:show={isVisible}>Content</div>\r\n *\r\n * // Explicit tuple form:\r\n * import { show } from 'sigx';\r\n * <div use:show={[show, isVisible]}>Content</div>\r\n * ```\r\n */\r\n\r\nimport { defineDirective } from '@sigx/runtime-core';\r\n\r\n/** Symbol key for storing the original display value on elements. */\r\nconst ORIGINAL_DISPLAY = Symbol('sigx.show.originalDisplay');\r\n\r\n/** HTMLElement with the show directive's original display property. */\r\ninterface ShowElement extends HTMLElement {\r\n    [ORIGINAL_DISPLAY]?: string;\r\n}\r\n\r\nexport const show = defineDirective<boolean, HTMLElement>({\r\n    mounted(el, { value }) {\r\n        const showEl = el as ShowElement;\r\n        // Save the original display value now that all props have been applied\r\n        const saved = showEl.style.display === 'none' ? '' : showEl.style.display;\r\n        showEl[ORIGINAL_DISPLAY] = saved;\r\n        showEl.style.display = value ? saved : 'none';\r\n    },\r\n\r\n    updated(el, { value, oldValue }) {\r\n        if (value !== oldValue) {\r\n            const showEl = el as ShowElement;\r\n            showEl.style.display = value ? showEl[ORIGINAL_DISPLAY] ?? '' : 'none';\r\n        }\r\n    },\r\n\r\n    unmounted(el) {\r\n        const showEl = el as ShowElement;\r\n        // Restore original display on cleanup\r\n        const original = showEl[ORIGINAL_DISPLAY];\r\n        if (original !== undefined) {\r\n            showEl.style.display = original;\r\n        }\r\n    }\r\n});\r\n","// Import JSX types (global augmentation)\r\nimport './jsx';\r\n// Import type augmentation for @sigx/runtime-core\r\nimport './types';\r\n// Import JSX type augmentation for built-in directives (IntelliSense for use:show, etc.)\r\nimport './directives/show-jsx-types';\r\n\r\n// Platform setup (side effects)\r\nimport './model-processor.js';\r\n\r\n// Re-export public API from focused modules\r\nexport { render, patch, mount, unmount, mountComponent } from './render.js';\r\nexport { patchProp } from './patchProp.js';\r\nexport { patchDirective, onElementMounted, registerBuiltInDirective, resolveBuiltInDirective } from './directives.js';\r\nexport type { DOMDirective } from './directives.js';\r\nexport { nodeOps } from './nodeOps.js';\r\n\r\n// Export Portal component and moveBefore utilities\r\nexport { Portal, supportsMoveBefore, moveNode } from './Portal.js';\r\n\r\n// Export built-in directives\r\nexport { show } from './directives/show.js';\r\n\r\n// Register built-in directives so use:show={value} works without importing\r\nimport { show as _showDirective } from './directives/show.js';\r\nimport { registerBuiltInDirective as _register } from './directives.js';\r\n_register('show', _showDirective);\r\n"],"mappings":";;;;;AAoCA,SAAgB,IAA8B;AAC1C,QAAO,OAAO,OAAS,OAAe,gBAAgB,KAAK;;AAW/D,SAAgB,EACZ,GACA,GACA,IAAsB,MAClB;AACJ,CAAI,GAAoB,GAEnB,EAAe,WAAW,GAAM,EAAO,GAGxC,EAAO,aAAa,GAAM,EAAO;;AAQzC,SAAS,EAAc,GAA+C;AAclE,QAbI,MAAW,KAAA,IACJ,SAAS,OAGhB,OAAO,KAAW,WACD,SAAS,cAAc,EAAO,KAE3C,QAAQ,KAAK,mBAAmB,EAAO,4CAA4C,EAC5E,SAAS,QAKjB;;AAkBX,IAAa,IAAS,GAAwB,EAAE,UAAO,UAAO,cAAW,qBAAkB;CAEvF,IAAI,IAAyC,MACzC,IAA6B,MAC7B,IAAqC;AA4DzC,QA1DA,QAAgB;AACZ,MAAI,EAAM,SACN;EAIJ,IAAM,IAAkB,EAAc,EAAM,GAAG;AA6B/C,EA1BA,IAAkB,SAAS,cAAc,MAAM,EAC/C,EAAgB,aAAa,oBAAoB,GAAG,EAGpD,EAAS,GAAiB,EAAgB,EAsB1C,IAnBmB,QAAa;GAC5B,IAAM,IAAW,EAAM,SAAS;AAEhC,OAAI,CAAC,EAAiB;GAGtB,IAAM,IAAQ,EAAiB,EAAS;AAUxC,GARI,IAEA,EAAM,GAAc,GAAO,EAAgB,GAG3C,EAAM,GAAO,EAAgB,EAGjC,IAAe;IACjB;GAGJ,EAEF,QAAkB;AAiBd,EAfA,AAEI,OADA,GAAe,EACC,OAIhB,KAAgB,MAChB,EAAQ,GAAc,EAAgB,EACtC,IAAe,OAIf,KAAmB,EAAgB,cACnC,EAAgB,WAAW,YAAY,EAAgB,EAE3D,IAAkB;GACpB,QAIM,EAAM,WAEC,EAAI,GAAU,EAAE,UADN,EAAM,SAAS,EACC,CAAC,GAK/B;GAEZ,EAAE,MAAM,UAAU,CAAC,ECxJhB,IAAmB,OAAO,4BAA4B,EAO/C,IAAO,EAAsC;CACtD,QAAQ,GAAI,EAAE,YAAS;EACnB,IAAM,IAAS,GAET,IAAQ,EAAO,MAAM,YAAY,SAAS,KAAK,EAAO,MAAM;AAElE,EADA,EAAO,KAAoB,GAC3B,EAAO,MAAM,UAAU,IAAQ,IAAQ;;CAG3C,QAAQ,GAAI,EAAE,UAAO,eAAY;AAC7B,MAAI,MAAU,GAAU;GACpB,IAAM,IAAS;AACf,KAAO,MAAM,UAAU,IAAQ,EAAO,MAAqB,KAAK;;;CAIxE,UAAU,GAAI;EACV,IAAM,IAAS,GAET,IAAW,EAAO;AACxB,EAAI,MAAa,KAAA,MACb,EAAO,MAAM,UAAU;;CAGlC,CAAC;;;AC1BF,EAAU,QAAQ,EAAe"}

package/dist/internals.d.ts

@@ -7,6 +7,9 @@
  *
  * @internal
  */
-export { patch, mount, unmount, mountComponent, patchProp, patchDirective, onElementMounted, nodeOps } from './index.js';
-export { registerBuiltInDirective, resolveBuiltInDirective } from './index.js';
+export { patch, mount, unmount, mountComponent } from './render.js';
+export { patchProp } from './patchProp.js';
+export { patchDirective, onElementMounted } from './directives.js';
+export { nodeOps } from './nodeOps.js';
+export { registerBuiltInDirective, resolveBuiltInDirective } from './directives.js';
 //# sourceMappingURL=internals.d.ts.map

package/dist/internals.d.ts.map

@@ -1 +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"}
+{"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,MAAM,aAAa,CAAC;AAGpE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/internals.js

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

package/dist/model-processor.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Platform-specific model processor for DOM form elements.
+ *
+ * Registers smart two-way binding behavior for checkboxes (boolean and array modes),
+ * radio buttons, text inputs, textareas, and select elements (single and multi-select).
+ */
+export {};
+//# sourceMappingURL=model-processor.d.ts.map

package/dist/model-processor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-processor.d.ts","sourceRoot":"","sources":["../src/model-processor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/nodeOps.d.ts

@@ -0,0 +1,10 @@
+/**
+ * DOM node operations and SVG support.
+ *
+ * Provides the complete RendererOptions implementation for the DOM platform,
+ * including element creation, insertion, removal, text manipulation,
+ * focus preservation, and SVG namespace handling.
+ */
+import type { RendererOptions } from '@sigx/runtime-core/internals';
+export declare const nodeOps: RendererOptions<Node, Element>;
+//# sourceMappingURL=nodeOps.d.ts.map

package/dist/nodeOps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeOps.d.ts","sourceRoot":"","sources":["../src/nodeOps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AA6BpE,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,IAAI,EAAE,OAAO,CAoDlD,CAAC"}

package/dist/patchProp.d.ts

@@ -0,0 +1,9 @@
+/**
+ * DOM property patching logic.
+ *
+ * Handles setting/updating all element properties including styles,
+ * event handlers, className, SVG attributes, form element values,
+ * and custom property bindings.
+ */
+export declare function patchProp(dom: Element, key: string, prevValue: any, nextValue: any, isSVG?: boolean): void;
+//# sourceMappingURL=patchProp.d.ts.map

package/dist/patchProp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"patchProp.d.ts","sourceRoot":"","sources":["../src/patchProp.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,wBAAgB,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,QA4MnG"}

package/dist/{src-BvXBxpbX.js → render-BWNQH1pJ.js}

@@ -1,164 +1,7 @@
-import { Fragment as e, component as t, defineDirective as n, isDirective as r, jsx as i, mountTargetNotFoundError as a, renderTargetNotFoundError as o } from "@sigx/runtime-core";
-import { createRenderer as s, normalizeSubTree as c, setDefaultMount as l, setPlatformModelProcessor as u } from "@sigx/runtime-core/internals";
-import { effect as d } from "@sigx/reactivity";
-//#region src/Portal.tsx
-function f() {
-	return typeof Node < "u" && "moveBefore" in Node.prototype;
-}
-function p(e, t, n = null) {
-	f() ? e.moveBefore(t, n) : e.insertBefore(t, n);
-}
-function m(e) {
-	return e === void 0 ? document.body : typeof e == "string" ? document.querySelector(e) || (console.warn(`Portal: Target "${e}" not found, falling back to document.body`), document.body) : e;
-}
-var h = t(({ props: t, slots: n, onMounted: r, onUnmounted: a }) => {
-	let o = null, s = null, l = null;
-	return r(() => {
-		if (t.disabled) return;
-		let e = m(t.to);
-		o = document.createElement("div"), o.setAttribute("data-sigx-portal", ""), p(e, o), l = d(() => {
-			let e = n.default();
-			if (!o) return;
-			let t = c(e);
-			s ? j(s, t, o) : M(t, o), s = t;
-		});
-	}), a(() => {
-		l &&= (l(), null), s && o && (N(s, o), s = null), o && o.parentNode && o.parentNode.removeChild(o), o = null;
-	}), () => t.disabled ? i(e, { children: n.default() }) : null;
-}, { name: "Portal" }), g = Symbol("sigx.show.originalDisplay"), _ = n({
-	mounted(e, { value: t }) {
-		let n = e, r = n.style.display === "none" ? "" : n.style.display;
-		n[g] = r, n.style.display = t ? r : "none";
-	},
-	updated(e, { value: t, oldValue: n }) {
-		if (t !== n) {
-			let n = e;
-			n.style.display = t ? n[g] ?? "" : "none";
-		}
-	},
-	unmounted(e) {
-		let t = e, n = t[g];
-		n !== void 0 && (t.style.display = n);
-	}
-}), v = /* @__PURE__ */ new Map();
-function y(e, t) {
-	v.set(e, t);
-}
-function b(e) {
-	return v.get(e);
-}
-var x = Symbol.for("sigx.directives");
-function S(e) {
-	let t = e[x];
-	return t || (t = /* @__PURE__ */ new Map(), e[x] = t), t;
-}
-function C(e, t, n, i, a) {
-	let o = S(e);
-	if (i == null) {
-		o.delete(t);
-		return;
-	}
-	let s, c;
-	if (r(i)) s = i, c = void 0;
-	else if (Array.isArray(i) && i.length >= 1 && r(i[0])) s = i[0], c = i[1];
-	else {
-		let e = v.get(t);
-		if (e) s = e, c = i;
-		else {
-			let e = a?.directives.get(t);
-			if (e) s = e, c = i;
-			else {
-				console.warn(`[sigx] Directive "use:${t}" could not be resolved. Make sure to register it via app.directive('${t}', definition) or pass a directive definition directly.`);
-				return;
-			}
-		}
-	}
-	let l = o.get(t);
-	if (l) {
-		let t = l.value;
-		l.def = s, l.value = c, s.updated && c !== t && s.updated(e, {
-			value: c,
-			oldValue: t
-		});
-	} else {
-		let n = {
-			def: s,
-			value: c
-		};
-		o.set(t, n), s.created && s.created(e, { value: c });
-	}
-}
-function w(e) {
-	let t = e[x];
-	if (t) for (let [, n] of t) n.def.mounted && n.def.mounted(e, { value: n.value });
-}
-function T(e) {
-	let t = e[x];
-	if (t) {
-		for (let [, n] of t) n.def.unmounted && n.def.unmounted(e, { value: n.value }), n.cleanup && n.cleanup();
-		t.clear(), delete e[x];
-	}
-	let n = "__sigx_event_handlers", r = e[n];
-	if (r) {
-		for (let [t, n] of r) e.removeEventListener(t, n);
-		r.clear(), delete e[n];
-	}
-}
-var E = "http://www.w3.org/2000/svg";
-u((e, t, [n, r], i) => {
-	let a = (e) => {
-		let t = n[`onUpdate:${r}`];
-		typeof t == "function" ? t(e) : n[r] = e;
-	};
-	if (e === "input" && i.type === "checkbox") {
-		let e = n[r];
-		if (Array.isArray(e)) {
-			t.checked = e.includes(i.value);
-			let o = t["onUpdate:modelValue"];
-			t["onUpdate:modelValue"] = (e) => {
-				let t = i.value, s = n[r];
-				e ? s.includes(t) || a([...s, t]) : a(s.filter((e) => e !== t)), o && o(e);
-			};
-		} else {
-			t.checked = e;
-			let n = t["onUpdate:modelValue"];
-			t["onUpdate:modelValue"] = (e) => {
-				a(e), n && n(e);
-			};
-		}
-		return !0;
-	}
-	if (e === "input" && i.type === "radio") {
-		t.checked = n[r] === i.value;
-		let e = t["onUpdate:modelValue"];
-		return t["onUpdate:modelValue"] = (t) => {
-			t && a(i.value), e && e(t);
-		}, !0;
-	}
-	if (e === "input") {
-		t.value = n[r] ?? "";
-		let e = t["onUpdate:modelValue"];
-		return t["onUpdate:modelValue"] = (t) => {
-			a(t), e && e(t);
-		}, !0;
-	}
-	if (e === "textarea") {
-		t.value = n[r] ?? "";
-		let e = t["onUpdate:modelValue"];
-		return t["onUpdate:modelValue"] = (t) => {
-			a(t), e && e(t);
-		}, !0;
-	}
-	if (e === "select") {
-		i.multiple && Array.isArray(n[r]) ? t.value = n[r] : t.value = n[r] ?? "";
-		let e = t["onUpdate:modelValue"];
-		return t["onUpdate:modelValue"] = (t) => {
-			a(t), e && e(t);
-		}, !0;
-	}
-	return !1;
-});
-function D(e, t, n, r, i) {
+import { isDirective as e, mountTargetNotFoundError as t, renderTargetNotFoundError as n } from "@sigx/runtime-core";
+import { createRenderer as r, setDefaultMount as i } from "@sigx/runtime-core/internals";
+//#region src/patchProp.ts
+function a(e, t, n, r, i) {
 	if (!e) return;
 	let a = e.tagName.toLowerCase(), o = i ?? e instanceof SVGElement, s = n, c = r;
 	if (!(t === "children" || t === "key" || t === "ref")) if (t === "style") {
@@ -229,7 +72,75 @@ function D(e, t, n, r, i) {
 	}
 	else a.includes("-") && !t.includes("-") ? e[t] = c : c === !0 ? e.setAttribute(t, "") : c === !1 || c == null ? e.removeAttribute(t) : e.setAttribute(t, String(c));
 }
-var O = {
+//#endregion
+//#region src/directives.ts
+var o = /* @__PURE__ */ new Map();
+function s(e, t) {
+	o.set(e, t);
+}
+function c(e) {
+	return o.get(e);
+}
+var l = Symbol.for("sigx.directives");
+function u(e) {
+	let t = e[l];
+	return t || (t = /* @__PURE__ */ new Map(), e[l] = t), t;
+}
+function d(t, n, r, i, a) {
+	let s = u(t);
+	if (i == null) {
+		s.delete(n);
+		return;
+	}
+	let c, l;
+	if (e(i)) c = i, l = void 0;
+	else if (Array.isArray(i) && i.length >= 1 && e(i[0])) c = i[0], l = i[1];
+	else {
+		let e = o.get(n);
+		if (e) c = e, l = i;
+		else {
+			let e = a?.directives.get(n);
+			if (e) c = e, l = i;
+			else {
+				console.warn(`[sigx] Directive "use:${n}" could not be resolved. Make sure to register it via app.directive('${n}', definition) or pass a directive definition directly.`);
+				return;
+			}
+		}
+	}
+	let d = s.get(n);
+	if (d) {
+		let e = d.value;
+		d.def = c, d.value = l, c.updated && l !== e && c.updated(t, {
+			value: l,
+			oldValue: e
+		});
+	} else {
+		let e = {
+			def: c,
+			value: l
+		};
+		s.set(n, e), c.created && c.created(t, { value: l });
+	}
+}
+function f(e) {
+	let t = e[l];
+	if (t) for (let [, n] of t) n.def.mounted && n.def.mounted(e, { value: n.value });
+}
+function p(e) {
+	let t = e[l];
+	if (t) {
+		for (let [, n] of t) n.def.unmounted && n.def.unmounted(e, { value: n.value }), n.cleanup && n.cleanup();
+		t.clear(), delete e[l];
+	}
+	let n = "__sigx_event_handlers", r = e[n];
+	if (r) {
+		for (let [t, n] of r) e.removeEventListener(t, n);
+		r.clear(), delete e[n];
+	}
+}
+//#endregion
+//#region src/nodeOps.ts
+var m = "http://www.w3.org/2000/svg", h = {
 	insert: (e, t, n) => {
 		n && n.parentNode !== t && (n = null), t.insertBefore(e, n || null);
 	},
@@ -238,7 +149,7 @@ var O = {
 		t && t.removeChild(e);
 	},
 	createElement: (e, t, n) => {
-		if (t) return document.createElementNS(E, e);
+		if (t) return document.createElementNS(m, e);
 		let r = n ? { is: n } : void 0;
 		return document.createElement(e, r);
 	},
@@ -278,23 +189,23 @@ var O = {
 			})), e.focus({ preventScroll: !0 });
 		}
 	},
-	patchProp: D,
-	patchDirective: C,
-	onElementMounted: w,
-	onElementUnmounted: T
-}, k = s(O), A = (e, t, n) => {
-	let r = typeof t == "string" ? document.querySelector(t) : t;
-	if (!r) throw o(String(t));
-	return k.render(e, r, n);
-}, { patch: j, mount: M, unmount: N, mountComponent: P } = k;
-l((e, t, n) => {
-	let r = typeof t == "string" ? document.querySelector(t) : t;
-	if (!r) throw a(String(t));
-	return A(e, r, n), () => {
-		A(null, r);
+	patchProp: a,
+	patchDirective: d,
+	onElementMounted: f,
+	onElementUnmounted: p
+}, g = r(h), _ = (e, t, r) => {
+	let i = typeof t == "string" ? document.querySelector(t) : t;
+	if (!i) throw n(String(t));
+	return g.render(e, i, r);
+}, { patch: v, mount: y, unmount: b, mountComponent: x } = g;
+i((e, n, r) => {
+	let i = typeof n == "string" ? document.querySelector(n) : n;
+	if (!i) throw t(String(n));
+	return _(e, i, r), () => {
+		_(null, i);
 	};
-}), y("show", _);
+});
 //#endregion
-export { j as a, y as c, N as d, _ as f, f as h, w as i, A as l, p as m, P as n, C as o, h as p, O as r, D as s, M as t, b as u };
+export { b as a, d as c, a as d, _ as i, s as l, x as n, h as o, v as r, f as s, y as t, c as u };
 
-//# sourceMappingURL=src-BvXBxpbX.js.map
+//# sourceMappingURL=render-BWNQH1pJ.js.map

package/dist/render-BWNQH1pJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-BWNQH1pJ.js","names":[],"sources":["../src/patchProp.ts","../src/directives.ts","../src/nodeOps.ts","../src/render.ts"],"sourcesContent":["/**\r\n * DOM property patching logic.\r\n *\r\n * Handles setting/updating all element properties including styles,\r\n * event handlers, className, SVG attributes, form element values,\r\n * and custom property bindings.\r\n */\r\n\r\nexport function patchProp(dom: Element, key: string, prevValue: any, nextValue: any, isSVG?: boolean) {\r\n    // Guard: skip if dom is null (shouldn't happen but protects against edge cases)\r\n    if (!dom) return;\r\n    const tagName = dom.tagName.toLowerCase();\r\n    \r\n    // Detect SVG context: either passed explicitly or detect from element type\r\n    // This ensures SVG attributes are handled correctly even if renderer doesn't pass isSVG\r\n    const isSvgElement = isSVG ?? (dom instanceof SVGElement);\r\n    \r\n    const _oldProps = prevValue ? { [key]: prevValue } : {};\r\n    const _newProps = nextValue ? { [key]: nextValue } : {};\r\n\r\n    // This is a simplified version of updateProps that handles a single prop\r\n    // But the original updateProps handled all props at once.\r\n    // The renderer calls patchProp for each key.\r\n\r\n    // Logic adapted from original updateProps\r\n    const oldValue = prevValue;\r\n    const newValue = nextValue;\r\n\r\n    if (key === 'children' || key === 'key' || key === 'ref') return;\r\n\r\n    if (key === 'style') {\r\n        const el = dom as HTMLElement;\r\n        if (typeof newValue === 'object' && newValue !== null) {\r\n            const styleObj = newValue as Record<string, string | number | null | undefined>;\r\n            // Remove old style properties not present in the new style object\r\n            if (typeof oldValue === 'object' && oldValue !== null) {\r\n                for (const oldKey in oldValue as Record<string, any>) {\r\n                    if (!(oldKey in styleObj)) {\r\n                        if (oldKey.startsWith('--')) {\r\n                            el.style.removeProperty(oldKey);\r\n                        } else {\r\n                            (el.style as any)[oldKey] = '';\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            for (const styleKey in styleObj) {\r\n                const val = styleObj[styleKey];\r\n                if (val == null || val === '') {\r\n                    if (styleKey.startsWith('--')) {\r\n                        el.style.removeProperty(styleKey);\r\n                    } else {\r\n                        (el.style as any)[styleKey] = '';\r\n                    }\r\n                } else {\r\n                    if (styleKey.startsWith('--')) {\r\n                        el.style.setProperty(styleKey, String(val));\r\n                    } else {\r\n                        (el.style as any)[styleKey] = val;\r\n                    }\r\n                }\r\n            }\r\n        } else if (newValue) {\r\n            el.style.cssText = String(newValue);\r\n        } else {\r\n            el.style.cssText = '';\r\n        }\r\n    } else if (key.startsWith('on')) {\r\n        if (key === 'onUpdate:modelValue' && (tagName === 'input' || tagName === 'textarea' || tagName === 'select')) {\r\n            const el = dom as HTMLElement;\r\n            if (oldValue) {\r\n                const wrapper = (oldValue as any).__sigx_model_handler;\r\n                if (wrapper) {\r\n                    el.removeEventListener('input', wrapper);\r\n                    el.removeEventListener('change', wrapper);\r\n                }\r\n            }\r\n\r\n            if (newValue) {\r\n                const handler = (e: Event) => {\r\n                    const target = e.target as HTMLInputElement;\r\n                    let val: any;\r\n\r\n                    if (target.type === 'checkbox' || target.type === 'radio') {\r\n                        val = target.checked;\r\n                    } else if (target.type === 'number') {\r\n                        val = target.valueAsNumber;\r\n                    } else if (tagName === 'select' && (dom as HTMLSelectElement).multiple) {\r\n                        val = Array.from((dom as HTMLSelectElement).selectedOptions).map(o => o.value);\r\n                    } else {\r\n                        val = target.value;\r\n                    }\r\n\r\n                    (newValue as Function)(val);\r\n                };\r\n                (newValue as any).__sigx_model_handler = handler;\r\n\r\n                const inputType = (dom as HTMLInputElement).type;\r\n                if (tagName === 'select' || (tagName === 'input' && (inputType === 'checkbox' || inputType === 'radio'))) {\r\n                    el.addEventListener('change', handler);\r\n                } else {\r\n                    el.addEventListener('input', handler);\r\n                }\r\n            }\r\n            return;\r\n        }\r\n\r\n        const eventName = key.slice(2).toLowerCase();\r\n        // Store handlers on the DOM element to properly track them across re-renders\r\n        // Using a Map keyed by event name to ensure we remove the correct wrapper\r\n        const handlersKey = '__sigx_event_handlers';\r\n        let handlers = (dom as any)[handlersKey] as Map<string, EventListener> | undefined;\r\n        if (!handlers) {\r\n            handlers = new Map();\r\n            (dom as any)[handlersKey] = handlers;\r\n        }\r\n\r\n        // Remove old handler if exists\r\n        const oldHandler = handlers.get(eventName);\r\n        if (oldHandler) {\r\n            dom.removeEventListener(eventName, oldHandler);\r\n            handlers.delete(eventName);\r\n        }\r\n\r\n        // Add new handler\r\n        if (newValue) {\r\n            const handler = (e: Event) => {\r\n                if (e instanceof CustomEvent) {\r\n                    (newValue as Function)(e.detail);\r\n                } else {\r\n                    (newValue as Function)(e);\r\n                }\r\n            };\r\n            handlers.set(eventName, handler);\r\n            dom.addEventListener(eventName, handler as EventListener);\r\n        }\r\n    } else if (key === 'className') {\r\n        // For SVG, use setAttribute to preserve case (class works on both)\r\n        dom.setAttribute('class', String(newValue));\r\n    } else if (key.startsWith('.')) {\r\n        const propName = key.slice(1);\r\n        (dom as any)[propName] = newValue;\r\n    } else if (key.startsWith('prop:')) {\r\n        const propName = key.slice(5);\r\n        (dom as any)[propName] = newValue;\r\n    } else if (isSvgElement) {\r\n        // SVG elements: use setAttribute to preserve case-sensitive attribute names\r\n        // SVG attributes like viewBox, preserveAspectRatio, etc. are case-sensitive\r\n        if (key === 'innerHTML' || key === 'textContent') {\r\n            // These can be set as properties even on SVG\r\n            (dom as any)[key] = newValue ?? '';\r\n        } else if (key.startsWith('xlink:')) {\r\n            // xlink: attributes need special namespace handling\r\n            const xlinkNS = 'http://www.w3.org/1999/xlink';\r\n            if (newValue == null) {\r\n                dom.removeAttributeNS(xlinkNS, key.slice(6));\r\n            } else {\r\n                dom.setAttributeNS(xlinkNS, key, String(newValue));\r\n            }\r\n        } else {\r\n            // Standard SVG attribute - use setAttribute to preserve case\r\n            if (newValue === true) dom.setAttribute(key, '');\r\n            else if (newValue === false || newValue == null) dom.removeAttribute(key);\r\n            else dom.setAttribute(key, String(newValue));\r\n        }\r\n    } else {\r\n        if ((tagName === 'input' || tagName === 'textarea' || tagName === 'select') &&\r\n            (key === 'value' || key === 'checked')) {\r\n            if (tagName === 'select' && key === 'value') {\r\n                // Defer setting select value until options are mounted\r\n                queueMicrotask(() => {\r\n                    if (Array.isArray(newValue)) {\r\n                        // Multi-select: set selected on each matching option\r\n                        const values = newValue as string[];\r\n                        const options = (dom as HTMLSelectElement).options;\r\n                        for (let i = 0; i < options.length; i++) {\r\n                            options[i].selected = values.includes(options[i].value);\r\n                        }\r\n                    } else {\r\n                        (dom as HTMLSelectElement).value = String(newValue ?? '');\r\n                    }\r\n                });\r\n                return;\r\n            }\r\n\r\n            if (key === 'checked' && tagName === 'input') {\r\n                (dom as HTMLInputElement).checked = Boolean(newValue);\r\n            } else if (key === 'value') {\r\n                (dom as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement).value = String(newValue ?? '');\r\n            }\r\n        } else if (key in dom) {\r\n            // Skip undefined/null to avoid DOM coercing to 0 for numeric props like maxLength\r\n            if (newValue == null) {\r\n                // Remove attribute if it exists\r\n                if (dom.hasAttribute?.(key)) {\r\n                    dom.removeAttribute(key);\r\n                }\r\n            } else {\r\n                try {\r\n                    (dom as Record<string, any>)[key] = newValue;\r\n                } catch {\r\n                    dom.setAttribute(key, String(newValue));\r\n                }\r\n            }\r\n        } else if (tagName.includes('-') && !key.includes('-')) {\r\n            (dom as Record<string, any>)[key] = newValue;\r\n        } else {\r\n            if (newValue === true) dom.setAttribute(key, '');\r\n            else if (newValue === false || newValue == null) dom.removeAttribute(key);\r\n            else dom.setAttribute(key, String(newValue));\r\n        }\r\n    }\r\n}\r\n","/**\r\n * Directive runtime for DOM (element-level use:* directives)\r\n *\r\n * Handles the built-in directive registry, directive lifecycle hooks\r\n * (created, mounted, updated, unmounted), and event handler cleanup.\r\n */\r\n\r\nimport { isDirective, type DirectiveDefinition } from '@sigx/runtime-core';\r\nimport type { AppContext } from '@sigx/runtime-core';\r\n\r\n/**\r\n * A directive definition narrowed to DOM elements.\r\n * Use this type when defining directives for the DOM renderer.\r\n *\r\n * @example\r\n * ```ts\r\n * import { defineDirective, type DOMDirective } from 'sigx';\r\n *\r\n * const tooltip = defineDirective<string, HTMLElement>({\r\n *     mounted(el, { value }) {\r\n *         el.title = value; // el is HTMLElement, fully typed\r\n *     }\r\n * });\r\n * ```\r\n */\r\nexport type DOMDirective<T = any> = DirectiveDefinition<T, HTMLElement>;\r\n\r\n/**\r\n * Registry of built-in directives by name.\r\n * When a `use:<name>` prop receives a plain value (not a DirectiveDefinition),\r\n * the runtime looks up the directive by name here.\r\n * @internal\r\n */\r\nconst builtInDirectives = new Map<string, DirectiveDefinition>();\r\n\r\n/**\r\n * Register a built-in directive so it can be used with the shorthand syntax:\r\n * `<div use:show={value}>` instead of `<div use:show={[show, value]}>`.\r\n * @internal\r\n */\r\nexport function registerBuiltInDirective(name: string, def: DirectiveDefinition): void {\r\n    builtInDirectives.set(name, def);\r\n}\r\n\r\n/**\r\n * Look up a registered built-in directive by name.\r\n * Used by SSR renderer to resolve `use:<name>={value}` shorthand.\r\n * @internal\r\n */\r\nexport function resolveBuiltInDirective(name: string): DirectiveDefinition | undefined {\r\n    return builtInDirectives.get(name);\r\n}\r\n\r\n/**\r\n * Symbol key to store directive state on DOM elements.\r\n * @internal\r\n */\r\nconst DIRECTIVE_STATE = Symbol.for('sigx.directives');\r\n\r\n/**\r\n * Per-directive state stored on a DOM element.\r\n * @internal\r\n */\r\ninterface DirectiveState {\r\n    def: DirectiveDefinition;\r\n    value: any;\r\n    cleanup?: () => void;\r\n}\r\n\r\n/**\r\n * Get or create the directive state map on a DOM element.\r\n * @internal\r\n */\r\nfunction getDirectiveMap(el: Element): Map<string, DirectiveState> {\r\n    let map = (el as any)[DIRECTIVE_STATE] as Map<string, DirectiveState> | undefined;\r\n    if (!map) {\r\n        map = new Map();\r\n        (el as any)[DIRECTIVE_STATE] = map;\r\n    }\r\n    return map;\r\n}\r\n\r\n/**\r\n * Process a `use:*` prop in patchProp.\r\n * Handles directive created and updated lifecycle hooks.\r\n * @internal\r\n */\r\nexport function patchDirective(el: Element, name: string, prevValue: any, nextValue: any, appContext: AppContext | null): void {\r\n    const dirMap = getDirectiveMap(el);\r\n\r\n    if (nextValue == null) {\r\n        // Directive removed — unmounted will be called via onElementUnmounted\r\n        dirMap.delete(name);\r\n        return;\r\n    }\r\n\r\n    // Extract directive definition and binding value from the prop value:\r\n    // - use:name={directiveDef}           → def=directiveDef, value=undefined\r\n    // - use:name={[directiveDef, value]}  → def=directiveDef[0], value=directiveDef[1]\r\n    let def: DirectiveDefinition;\r\n    let value: any;\r\n\r\n    if (isDirective(nextValue)) {\r\n        def = nextValue;\r\n        value = undefined;\r\n    } else if (\r\n        Array.isArray(nextValue) &&\r\n        nextValue.length >= 1 &&\r\n        isDirective(nextValue[0])\r\n    ) {\r\n        def = nextValue[0];\r\n        value = nextValue[1];\r\n    } else {\r\n        // Not an explicit directive — try to resolve by name:\r\n        // 1. Built-in directives (always available, e.g., 'show')\r\n        // 2. App-registered custom directives (via app.directive())\r\n        const builtIn = builtInDirectives.get(name);\r\n        if (builtIn) {\r\n            def = builtIn;\r\n            value = nextValue;\r\n        } else {\r\n            const custom = appContext?.directives.get(name);\r\n            if (custom) {\r\n                def = custom;\r\n                value = nextValue;\r\n            } else {\r\n                console.warn(\r\n                    `[sigx] Directive \"use:${name}\" could not be resolved. ` +\r\n                    `Make sure to register it via app.directive('${name}', definition) or pass a directive definition directly.`\r\n                );\r\n                return;\r\n            }\r\n        }\r\n    }\r\n\r\n    const existing = dirMap.get(name);\r\n\r\n    if (!existing) {\r\n        // First time — call created hook\r\n        const state: DirectiveState = { def, value };\r\n        dirMap.set(name, state);\r\n\r\n        if (def.created) {\r\n            def.created(el, { value });\r\n        }\r\n    } else {\r\n        // Update — call updated hook\r\n        const oldValue = existing.value;\r\n        existing.def = def;\r\n        existing.value = value;\r\n\r\n        if (def.updated && value !== oldValue) {\r\n            def.updated(el, { value, oldValue });\r\n        }\r\n    }\r\n}\r\n\r\n/**\r\n * Called after an element is inserted into the DOM.\r\n * Invokes `mounted` hooks for all directives on the element.\r\n * @internal\r\n */\r\nexport function onElementMounted(el: Element): void {\r\n    const map = (el as any)[DIRECTIVE_STATE] as Map<string, DirectiveState> | undefined;\r\n    if (!map) return;\r\n\r\n    for (const [, state] of map) {\r\n        if (state.def.mounted) {\r\n            state.def.mounted(el, { value: state.value });\r\n        }\r\n    }\r\n}\r\n\r\n/**\r\n * Called before an element is removed from the DOM.\r\n * Invokes `unmounted` hooks for all directives on the element.\r\n * @internal\r\n */\r\nexport function onElementUnmounted(el: Element): void {\r\n    // Clean up directive state\r\n    const map = (el as any)[DIRECTIVE_STATE] as Map<string, DirectiveState> | undefined;\r\n    if (map) {\r\n        for (const [, state] of map) {\r\n            if (state.def.unmounted) {\r\n                state.def.unmounted(el, { value: state.value });\r\n            }\r\n            if (state.cleanup) {\r\n                state.cleanup();\r\n            }\r\n        }\r\n        map.clear();\r\n        delete (el as any)[DIRECTIVE_STATE];\r\n    }\r\n\r\n    // Clean up event handlers to prevent memory leaks\r\n    const handlersKey = '__sigx_event_handlers';\r\n    const handlers = (el as any)[handlersKey] as Map<string, EventListener> | undefined;\r\n    if (handlers) {\r\n        for (const [eventName, handler] of handlers) {\r\n            el.removeEventListener(eventName, handler);\r\n        }\r\n        handlers.clear();\r\n        delete (el as any)[handlersKey];\r\n    }\r\n}\r\n","/**\r\n * DOM node operations and SVG support.\r\n *\r\n * Provides the complete RendererOptions implementation for the DOM platform,\r\n * including element creation, insertion, removal, text manipulation,\r\n * focus preservation, and SVG namespace handling.\r\n */\r\n\r\nimport type { RendererOptions } from '@sigx/runtime-core/internals';\r\nimport { patchProp } from './patchProp.js';\r\nimport { patchDirective, onElementMounted, onElementUnmounted } from './directives.js';\r\n\r\n// SVG namespace for createElementNS\r\nconst svgNS = 'http://www.w3.org/2000/svg';\r\n\r\n// SVG elements that should be created with createElementNS\r\n// Based on https://developer.mozilla.org/en-US/docs/Web/SVG/Element\r\nconst svgElements = new Set([\r\n    'svg', 'animate', 'animateMotion', 'animateTransform', 'circle', 'clipPath',\r\n    'defs', 'desc', 'ellipse', 'feBlend', 'feColorMatrix', 'feComponentTransfer',\r\n    'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap',\r\n    'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG',\r\n    'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology',\r\n    'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile',\r\n    'feTurbulence', 'filter', 'foreignObject', 'g', 'image', 'line', 'linearGradient',\r\n    'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline',\r\n    'radialGradient', 'rect', 'set', 'stop', 'switch', 'symbol', 'text', 'textPath',\r\n    'title', 'tspan', 'use', 'view'\r\n]);\r\n\r\n/**\r\n * Check if a tag is an SVG element\r\n */\r\nfunction _isSvgTag(tag: string): boolean {\r\n    return svgElements.has(tag);\r\n}\r\n\r\nexport const nodeOps: RendererOptions<Node, Element> = {\r\n    insert: (child, parent, anchor) => {\r\n        if (anchor && anchor.parentNode !== parent) anchor = null;\r\n        parent.insertBefore(child, anchor || null);\r\n    },\r\n    remove: (child) => {\r\n        const parent = child.parentNode;\r\n        if (parent) {\r\n            parent.removeChild(child);\r\n        }\r\n    },\r\n    createElement: (tag, isSVG, isCustomizedBuiltIn) => {\r\n        if (isSVG) {\r\n            return document.createElementNS(svgNS, tag);\r\n        }\r\n        const is = isCustomizedBuiltIn ? { is: isCustomizedBuiltIn } : undefined;\r\n        return document.createElement(tag, is);\r\n    },\r\n    createText: (text) => document.createTextNode(text),\r\n    createComment: (text) => document.createComment(text),\r\n    setText: (node, text) => {\r\n        node.nodeValue = text;\r\n    },\r\n    setElementText: (el, text) => {\r\n        el.textContent = text;\r\n    },\r\n    parentNode: (node) => node.parentNode as Element,\r\n    nextSibling: (node) => node.nextSibling,\r\n    querySelector: (selector) => document.querySelector(selector),\r\n    setScopeId: (el, id) => el.setAttribute(id, ''),\r\n    cloneNode: (node) => node.cloneNode(true),\r\n    getActiveElement: () => document.activeElement as Element | null,\r\n    restoreFocus: (el) => {\r\n        if (el instanceof HTMLElement || el instanceof SVGElement) {\r\n            // Use preventScroll to avoid layout thrashing.\r\n            // Suppress focus/blur events to prevent re-triggering reactive updates.\r\n            const suppressEvent = (e: Event) => { e.stopImmediatePropagation(); };\r\n            el.addEventListener('focus', suppressEvent, { capture: true, once: true });\r\n            el.addEventListener('focusin', suppressEvent, { capture: true, once: true });\r\n            // Also suppress blur on the element that will lose focus\r\n            const current = document.activeElement;\r\n            if (current instanceof HTMLElement) {\r\n                current.addEventListener('blur', suppressEvent, { capture: true, once: true });\r\n                current.addEventListener('focusout', suppressEvent, { capture: true, once: true });\r\n            }\r\n            el.focus({ preventScroll: true });\r\n        }\r\n    },\r\n    patchProp,\r\n    patchDirective,\r\n    onElementMounted,\r\n    onElementUnmounted\r\n};\r\n","/**\r\n * DOM renderer creation and render API.\r\n *\r\n * Creates the platform-specific renderer from nodeOps and exports\r\n * the public render function and low-level renderer primitives.\r\n */\r\n\r\nimport { createRenderer, setDefaultMount } from '@sigx/runtime-core/internals';\r\nimport type { JSXElement } from '@sigx/runtime-core';\r\nimport type { AppContext } from '@sigx/runtime-core';\r\nimport { renderTargetNotFoundError, mountTargetNotFoundError } from '@sigx/runtime-core';\r\nimport { nodeOps } from './nodeOps.js';\r\n\r\nconst renderer = createRenderer(nodeOps);\r\n\r\n/**\r\n * Render a SignalX element to a DOM container.\r\n * Supports both Element references and CSS selectors.\r\n * \r\n * @example\r\n * ```tsx\r\n * import { render } from 'sigx';\r\n * \r\n * // Using CSS selector\r\n * render(<App />, \"#app\");\r\n * \r\n * // Using element reference\r\n * render(<App />, document.getElementById('app')!);\r\n * ```\r\n */\r\nexport const render = (element: JSXElement, container: Element | string, appContext?: AppContext): void => {\r\n    const target = typeof container === 'string'\r\n        ? document.querySelector(container)\r\n        : container;\r\n\r\n    if (!target) {\r\n        throw renderTargetNotFoundError(String(container));\r\n    }\r\n\r\n    return renderer.render(element, target as Element, appContext);\r\n};\r\n\r\n// Export primitives for SSR plugins and hydration\r\nexport const { patch, mount, unmount, mountComponent } = renderer;\r\n\r\n// Set up the default mount function for this platform\r\nsetDefaultMount((component: any, container: HTMLElement | Element | ShadowRoot | string, appContext?: AppContext): (() => void) => {\r\n    const target = typeof container === 'string'\r\n        ? document.querySelector(container)\r\n        : container;\r\n\r\n    if (!target) {\r\n        throw mountTargetNotFoundError(String(container));\r\n    }\r\n\r\n    render(component, target as Element, appContext);\r\n\r\n    return () => {\r\n        render(null, target as Element);\r\n    };\r\n});\r\n"],"mappings":"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"}

package/dist/render.d.ts

@@ -0,0 +1,26 @@
+/**
+ * DOM renderer creation and render API.
+ *
+ * Creates the platform-specific renderer from nodeOps and exports
+ * the public render function and low-level renderer primitives.
+ */
+import type { JSXElement } from '@sigx/runtime-core';
+import type { AppContext } from '@sigx/runtime-core';
+/**
+ * Render a SignalX element to a DOM container.
+ * Supports both Element references and CSS selectors.
+ *
+ * @example
+ * ```tsx
+ * import { render } from 'sigx';
+ *
+ * // Using CSS selector
+ * render(<App />, "#app");
+ *
+ * // Using element reference
+ * render(<App />, document.getElementById('app')!);
+ * ```
+ */
+export declare const render: (element: JSXElement, container: string | Element, appContext?: AppContext | undefined) => 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>;
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMrD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,iGAUlB,CAAC;AAGF,eAAO,MAAQ,KAAK,yEAAE,KAAK,yEAAE,OAAO,2EAAE,cAAc,gFAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sigx/runtime-dom",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "DOM runtime for SignalX",
   "type": "module",
   "main": "./dist/index.js",
@@ -37,13 +37,13 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "dependencies": {
-    "@sigx/reactivity": "^0.2.3",
-    "@sigx/runtime-core": "^0.2.3"
+    "@sigx/runtime-core": "^0.2.4",
+    "@sigx/reactivity": "^0.2.4"
   },
   "devDependencies": {
     "typescript": "^5.9.3",
     "vite": "^8.0.3",
-    "@sigx/vite": "^0.2.3"
+    "@sigx/vite": "^0.2.4"
   },
   "scripts": {
     "build": "vite build && tsgo --emitDeclarationOnly",

package/dist/src-BvXBxpbX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"src-BvXBxpbX.js","names":[],"sources":["../src/Portal.tsx","../src/directives/show.ts","../src/index.ts"],"sourcesContent":["/**\r\n * Portal component for rendering children to a different DOM location.\r\n * \r\n * Uses the `moveBefore` API (Chrome 133+) when available for state-preserving\r\n * DOM moves. Falls back to `insertBefore` for older browsers.\r\n * \r\n * @example\r\n * ```tsx\r\n * import { Portal } from '@sigx/runtime-dom';\r\n * \r\n * // Render to document.body (default)\r\n * <Portal>\r\n *   <div class=\"modal\">Modal content</div>\r\n * </Portal>\r\n * \r\n * // Render to a specific container\r\n * <Portal to={document.getElementById('modal-root')}>\r\n *   <div class=\"modal\">Modal content</div>\r\n * </Portal>\r\n * \r\n * // Render to a container by selector\r\n * <Portal to=\"#modal-root\">\r\n *   <div class=\"modal\">Modal content</div>\r\n * </Portal>\r\n * ```\r\n */\r\n\r\nimport { component, Fragment, VNode, jsx, type Define } from '@sigx/runtime-core';\r\nimport { normalizeSubTree } from '@sigx/runtime-core/internals';\r\nimport { effect } from '@sigx/reactivity';\r\nimport { mount, unmount, patch } from './index.js';\r\n\r\n/**\r\n * Check if the browser supports the moveBefore API.\r\n * moveBefore allows moving DOM nodes without losing state (iframes, videos, focus, etc.)\r\n */\r\nexport function supportsMoveBefore(): boolean {\r\n    return typeof Node !== 'undefined' && 'moveBefore' in Node.prototype;\r\n}\r\n\r\n/**\r\n * Move or insert a node into a parent, using moveBefore when available\r\n * for state-preserving moves.\r\n * \r\n * @param parent - The target parent element\r\n * @param node - The node to move/insert\r\n * @param anchor - Optional reference node to insert before\r\n */\r\nexport function moveNode(\r\n    parent: Element,\r\n    node: Node,\r\n    anchor: Node | null = null\r\n): void {\r\n    if (supportsMoveBefore()) {\r\n        // Use moveBefore for state-preserving move (Chrome 133+)\r\n        (parent as any).moveBefore(node, anchor);\r\n    } else {\r\n        // Fallback to insertBefore (causes state reset for iframes, etc.)\r\n        parent.insertBefore(node, anchor);\r\n    }\r\n}\r\n\r\n/**\r\n * Resolve a portal target from a string selector or Element.\r\n * Returns document.body as fallback.\r\n */\r\nfunction resolveTarget(target: string | Element | undefined): Element {\r\n    if (target === undefined) {\r\n        return document.body;\r\n    }\r\n    \r\n    if (typeof target === 'string') {\r\n        const resolved = document.querySelector(target);\r\n        if (!resolved) {\r\n            console.warn(`Portal: Target \"${target}\" not found, falling back to document.body`);\r\n            return document.body;\r\n        }\r\n        return resolved;\r\n    }\r\n    \r\n    return target;\r\n}\r\n\r\ntype PortalProps = Define.Prop<'to', string | Element> & Define.Prop<'disabled', boolean>;\r\n\r\n/**\r\n * Portal component - renders children to a different DOM location.\r\n * \r\n * Props:\r\n * - `to` - Target container (Element or CSS selector string). Defaults to document.body.\r\n * - `disabled` - When true, renders children in place instead of portaling\r\n * - `children` - Content to render in the portal\r\n * \r\n * Features:\r\n * - Uses `moveBefore` API (Chrome 133+) for state-preserving DOM moves\r\n * - Preserves iframe content, video playback, focus, and CSS animations\r\n * - Falls back to `insertBefore` for older browsers\r\n */\r\nexport const Portal = component<PortalProps>(({ props, slots, onMounted, onUnmounted }) => {\r\n    // Container element for portal content\r\n    let portalContainer: HTMLDivElement | null = null;\r\n    let mountedVNode: VNode | null = null;\r\n    let cleanupEffect: (() => void) | null = null;\r\n\r\n    onMounted(() => {\r\n        if (props.disabled) {\r\n            return;\r\n        }\r\n\r\n        // Resolve target container\r\n        const targetContainer = resolveTarget(props.to);\r\n\r\n        // Create a container div for the portal content\r\n        portalContainer = document.createElement('div');\r\n        portalContainer.setAttribute('data-sigx-portal', '');\r\n\r\n        // Use moveBefore when available for state-preserving move\r\n        moveNode(targetContainer, portalContainer);\r\n\r\n        // Set up reactive effect to render children into portal container\r\n        const stopEffect = effect(() => {\r\n            const children = slots.default();\r\n            \r\n            if (!portalContainer) return;\r\n            \r\n            // Normalize children to a proper VNode using the shared utility\r\n            const vnode = normalizeSubTree(children);\r\n\r\n            if (mountedVNode) {\r\n                // Patch existing content\r\n                patch(mountedVNode, vnode, portalContainer);\r\n            } else {\r\n                // Initial mount\r\n                mount(vnode, portalContainer);\r\n            }\r\n            \r\n            mountedVNode = vnode;\r\n        });\r\n\r\n        cleanupEffect = stopEffect;\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        // Stop the reactive effect\r\n        if (cleanupEffect) {\r\n            cleanupEffect();\r\n            cleanupEffect = null;\r\n        }\r\n\r\n        // Unmount the portal content\r\n        if (mountedVNode && portalContainer) {\r\n            unmount(mountedVNode, portalContainer);\r\n            mountedVNode = null;\r\n        }\r\n\r\n        // Remove the portal container from the DOM\r\n        if (portalContainer && portalContainer.parentNode) {\r\n            portalContainer.parentNode.removeChild(portalContainer);\r\n        }\r\n        portalContainer = null;\r\n    });\r\n\r\n    return () => {\r\n        // When disabled, render children in place using jsx function\r\n        if (props.disabled) {\r\n            const children = slots.default();\r\n            return jsx(Fragment, { children });\r\n        }\r\n\r\n        // When portal is active, render nothing in place\r\n        // Children are rendered into the portal container via the effect\r\n        return null;\r\n    };\r\n}, { name: 'Portal' });\r\n","/**\r\n * Built-in `show` directive — toggles element visibility via `display` CSS property.\r\n *\r\n * Unlike conditional rendering (ternary in JSX), `use:show` keeps the element in the DOM\r\n * and only toggles its `display` style. This is useful when toggling is frequent and you\r\n * want to preserve element state (e.g., scroll position, input focus).\r\n *\r\n * @example\r\n * ```tsx\r\n * // Shorthand — directive resolved automatically:\r\n * <div use:show={isVisible}>Content</div>\r\n *\r\n * // Explicit tuple form:\r\n * import { show } from 'sigx';\r\n * <div use:show={[show, isVisible]}>Content</div>\r\n * ```\r\n */\r\n\r\nimport { defineDirective } from '@sigx/runtime-core';\r\n\r\n/** Symbol key for storing the original display value on elements. */\r\nconst ORIGINAL_DISPLAY = Symbol('sigx.show.originalDisplay');\r\n\r\n/** HTMLElement with the show directive's original display property. */\r\ninterface ShowElement extends HTMLElement {\r\n    [ORIGINAL_DISPLAY]?: string;\r\n}\r\n\r\nexport const show = defineDirective<boolean, HTMLElement>({\r\n    mounted(el, { value }) {\r\n        const showEl = el as ShowElement;\r\n        // Save the original display value now that all props have been applied\r\n        const saved = showEl.style.display === 'none' ? '' : showEl.style.display;\r\n        showEl[ORIGINAL_DISPLAY] = saved;\r\n        showEl.style.display = value ? saved : 'none';\r\n    },\r\n\r\n    updated(el, { value, oldValue }) {\r\n        if (value !== oldValue) {\r\n            const showEl = el as ShowElement;\r\n            showEl.style.display = value ? showEl[ORIGINAL_DISPLAY] ?? '' : 'none';\r\n        }\r\n    },\r\n\r\n    unmounted(el) {\r\n        const showEl = el as ShowElement;\r\n        // Restore original display on cleanup\r\n        const original = showEl[ORIGINAL_DISPLAY];\r\n        if (original !== undefined) {\r\n            showEl.style.display = original;\r\n        }\r\n    }\r\n});\r\n","// Import JSX types (global augmentation)\r\nimport './jsx';\r\n// Import type augmentation for @sigx/runtime-core\r\nimport './types';\r\n// Import JSX type augmentation for built-in directives (IntelliSense for use:show, etc.)\r\nimport './directives/show-jsx-types';\r\nimport { setPlatformModelProcessor, createRenderer, setDefaultMount } from '@sigx/runtime-core/internals';\r\nimport type { RendererOptions } from '@sigx/runtime-core/internals';\r\nimport { isDirective, type DirectiveDefinition, type JSXElement } from '@sigx/runtime-core';\r\nimport type { AppContext } from '@sigx/runtime-core';\r\nimport { renderTargetNotFoundError, mountTargetNotFoundError } from '@sigx/runtime-core';\r\n\r\n/**\r\n * A directive definition narrowed to DOM elements.\r\n * Use this type when defining directives for the DOM renderer.\r\n *\r\n * @example\r\n * ```ts\r\n * import { defineDirective, type DOMDirective } from 'sigx';\r\n *\r\n * const tooltip = defineDirective<string, HTMLElement>({\r\n *     mounted(el, { value }) {\r\n *         el.title = value; // el is HTMLElement, fully typed\r\n *     }\r\n * });\r\n * ```\r\n */\r\nexport type DOMDirective<T = any> = DirectiveDefinition<T, HTMLElement>;\r\n\r\n// ============================================================================\r\n// Directive Runtime for DOM (element-level use:* directives)\r\n// ============================================================================\r\n\r\n/**\r\n * Registry of built-in directives by name.\r\n * When a `use:<name>` prop receives a plain value (not a DirectiveDefinition),\r\n * the runtime looks up the directive by name here.\r\n * @internal\r\n */\r\nconst builtInDirectives = new Map<string, DirectiveDefinition>();\r\n\r\n/**\r\n * Register a built-in directive so it can be used with the shorthand syntax:\r\n * `<div use:show={value}>` instead of `<div use:show={[show, value]}>`.\r\n * @internal\r\n */\r\nexport function registerBuiltInDirective(name: string, def: DirectiveDefinition): void {\r\n    builtInDirectives.set(name, def);\r\n}\r\n\r\n/**\r\n * Look up a registered built-in directive by name.\r\n * Used by SSR renderer to resolve `use:<name>={value}` shorthand.\r\n * @internal\r\n */\r\nexport function resolveBuiltInDirective(name: string): DirectiveDefinition | undefined {\r\n    return builtInDirectives.get(name);\r\n}\r\n\r\n/**\r\n * Symbol key to store directive state on DOM elements.\r\n * @internal\r\n */\r\nconst DIRECTIVE_STATE = Symbol.for('sigx.directives');\r\n\r\n/**\r\n * Per-directive state stored on a DOM element.\r\n * @internal\r\n */\r\ninterface DirectiveState {\r\n    def: DirectiveDefinition;\r\n    value: any;\r\n    cleanup?: () => void;\r\n}\r\n\r\n/**\r\n * Get or create the directive state map on a DOM element.\r\n * @internal\r\n */\r\nfunction getDirectiveMap(el: Element): Map<string, DirectiveState> {\r\n    let map = (el as any)[DIRECTIVE_STATE] as Map<string, DirectiveState> | undefined;\r\n    if (!map) {\r\n        map = new Map();\r\n        (el as any)[DIRECTIVE_STATE] = map;\r\n    }\r\n    return map;\r\n}\r\n\r\n/**\r\n * Process a `use:*` prop in patchProp.\r\n * Handles directive created and updated lifecycle hooks.\r\n * @internal\r\n */\r\nfunction patchDirective(el: Element, name: string, prevValue: any, nextValue: any, appContext: AppContext | null): void {\r\n    const dirMap = getDirectiveMap(el);\r\n\r\n    if (nextValue == null) {\r\n        // Directive removed — unmounted will be called via onElementUnmounted\r\n        dirMap.delete(name);\r\n        return;\r\n    }\r\n\r\n    // Extract directive definition and binding value from the prop value:\r\n    // - use:name={directiveDef}           → def=directiveDef, value=undefined\r\n    // - use:name={[directiveDef, value]}  → def=directiveDef[0], value=directiveDef[1]\r\n    let def: DirectiveDefinition;\r\n    let value: any;\r\n\r\n    if (isDirective(nextValue)) {\r\n        def = nextValue;\r\n        value = undefined;\r\n    } else if (\r\n        Array.isArray(nextValue) &&\r\n        nextValue.length >= 1 &&\r\n        isDirective(nextValue[0])\r\n    ) {\r\n        def = nextValue[0];\r\n        value = nextValue[1];\r\n    } else {\r\n        // Not an explicit directive — try to resolve by name:\r\n        // 1. Built-in directives (always available, e.g., 'show')\r\n        // 2. App-registered custom directives (via app.directive())\r\n        const builtIn = builtInDirectives.get(name);\r\n        if (builtIn) {\r\n            def = builtIn;\r\n            value = nextValue;\r\n        } else {\r\n            const custom = appContext?.directives.get(name);\r\n            if (custom) {\r\n                def = custom;\r\n                value = nextValue;\r\n            } else {\r\n                console.warn(\r\n                    `[sigx] Directive \"use:${name}\" could not be resolved. ` +\r\n                    `Make sure to register it via app.directive('${name}', definition) or pass a directive definition directly.`\r\n                );\r\n                return;\r\n            }\r\n        }\r\n    }\r\n\r\n    const existing = dirMap.get(name);\r\n\r\n    if (!existing) {\r\n        // First time — call created hook\r\n        const state: DirectiveState = { def, value };\r\n        dirMap.set(name, state);\r\n\r\n        if (def.created) {\r\n            def.created(el, { value });\r\n        }\r\n    } else {\r\n        // Update — call updated hook\r\n        const oldValue = existing.value;\r\n        existing.def = def;\r\n        existing.value = value;\r\n\r\n        if (def.updated && value !== oldValue) {\r\n            def.updated(el, { value, oldValue });\r\n        }\r\n    }\r\n}\r\n\r\n/**\r\n * Called after an element is inserted into the DOM.\r\n * Invokes `mounted` hooks for all directives on the element.\r\n * @internal\r\n */\r\nfunction onElementMounted(el: Element): void {\r\n    const map = (el as any)[DIRECTIVE_STATE] as Map<string, DirectiveState> | undefined;\r\n    if (!map) return;\r\n\r\n    for (const [, state] of map) {\r\n        if (state.def.mounted) {\r\n            state.def.mounted(el, { value: state.value });\r\n        }\r\n    }\r\n}\r\n\r\n/**\r\n * Called before an element is removed from the DOM.\r\n * Invokes `unmounted` hooks for all directives on the element.\r\n * @internal\r\n */\r\nfunction onElementUnmounted(el: Element): void {\r\n    // Clean up directive state\r\n    const map = (el as any)[DIRECTIVE_STATE] as Map<string, DirectiveState> | undefined;\r\n    if (map) {\r\n        for (const [, state] of map) {\r\n            if (state.def.unmounted) {\r\n                state.def.unmounted(el, { value: state.value });\r\n            }\r\n            if (state.cleanup) {\r\n                state.cleanup();\r\n            }\r\n        }\r\n        map.clear();\r\n        delete (el as any)[DIRECTIVE_STATE];\r\n    }\r\n\r\n    // Clean up event handlers to prevent memory leaks\r\n    const handlersKey = '__sigx_event_handlers';\r\n    const handlers = (el as any)[handlersKey] as Map<string, EventListener> | undefined;\r\n    if (handlers) {\r\n        for (const [eventName, handler] of handlers) {\r\n            el.removeEventListener(eventName, handler);\r\n        }\r\n        handlers.clear();\r\n        delete (el as any)[handlersKey];\r\n    }\r\n}\r\n\r\n// SVG namespace for createElementNS\r\nconst svgNS = 'http://www.w3.org/2000/svg';\r\n\r\n// SVG elements that should be created with createElementNS\r\n// Based on https://developer.mozilla.org/en-US/docs/Web/SVG/Element\r\nconst svgElements = new Set([\r\n    'svg', 'animate', 'animateMotion', 'animateTransform', 'circle', 'clipPath',\r\n    'defs', 'desc', 'ellipse', 'feBlend', 'feColorMatrix', 'feComponentTransfer',\r\n    'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap',\r\n    'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG',\r\n    'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology',\r\n    'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile',\r\n    'feTurbulence', 'filter', 'foreignObject', 'g', 'image', 'line', 'linearGradient',\r\n    'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline',\r\n    'radialGradient', 'rect', 'set', 'stop', 'switch', 'symbol', 'text', 'textPath',\r\n    'title', 'tspan', 'use', 'view'\r\n]);\r\n\r\n/**\r\n * Check if a tag is an SVG element\r\n */\r\nfunction _isSvgTag(tag: string): boolean {\r\n    return svgElements.has(tag);\r\n}\r\n\r\n// Register DOM-specific model processor for intrinsic elements (checkbox, radio, etc.)\r\nsetPlatformModelProcessor((type, props, [stateObj, key], originalProps) => {\r\n    // Helper to set value - uses onUpdate handler if available (for props model forwarding)\r\n    const setValue = (v: any) => {\r\n        const updateHandler = stateObj[`onUpdate:${key}`];\r\n        if (typeof updateHandler === 'function') {\r\n            updateHandler(v);\r\n        } else {\r\n            stateObj[key] = v;\r\n        }\r\n    };\r\n\r\n    // Smart mapping for checkbox\r\n    if (type === 'input' && originalProps.type === 'checkbox') {\r\n        const val = stateObj[key];\r\n\r\n        if (Array.isArray(val)) {\r\n            // Array Checkbox (Multi-select)\r\n            props.checked = val.includes(originalProps.value);\r\n\r\n            const existingHandler = props['onUpdate:modelValue'];\r\n            props['onUpdate:modelValue'] = (checked: boolean) => {\r\n                const currentVal = originalProps.value;\r\n                const currentArr = stateObj[key] as any[];\r\n                if (checked) {\r\n                    if (!currentArr.includes(currentVal)) {\r\n                        setValue([...currentArr, currentVal]);\r\n                    }\r\n                } else {\r\n                    setValue(currentArr.filter((i: any) => i !== currentVal));\r\n                }\r\n                if (existingHandler) existingHandler(checked);\r\n            };\r\n        } else {\r\n            // Boolean Checkbox\r\n            props.checked = val;\r\n            const existingHandler = props['onUpdate:modelValue'];\r\n            props['onUpdate:modelValue'] = (v: any) => {\r\n                setValue(v);\r\n                if (existingHandler) existingHandler(v);\r\n            };\r\n        }\r\n        return true; // Handled\r\n    }\r\n\r\n    // Radio Button\r\n    if (type === 'input' && originalProps.type === 'radio') {\r\n        props.checked = stateObj[key] === originalProps.value;\r\n        const existingHandler = props['onUpdate:modelValue'];\r\n        props['onUpdate:modelValue'] = (checked: boolean) => {\r\n            if (checked) setValue(originalProps.value);\r\n            if (existingHandler) existingHandler(checked);\r\n        };\r\n        return true; // Handled\r\n    }\r\n\r\n    // Text input (default input type)\r\n    if (type === 'input') {\r\n        props.value = stateObj[key] ?? '';\r\n        const existingHandler = props['onUpdate:modelValue'];\r\n        props['onUpdate:modelValue'] = (v: any) => {\r\n            setValue(v);\r\n            if (existingHandler) existingHandler(v);\r\n        };\r\n        return true; // Handled\r\n    }\r\n\r\n    // Textarea\r\n    if (type === 'textarea') {\r\n        props.value = stateObj[key] ?? '';\r\n        const existingHandler = props['onUpdate:modelValue'];\r\n        props['onUpdate:modelValue'] = (v: any) => {\r\n            setValue(v);\r\n            if (existingHandler) existingHandler(v);\r\n        };\r\n        return true; // Handled\r\n    }\r\n\r\n    // Select\r\n    if (type === 'select') {\r\n        if (originalProps.multiple && Array.isArray(stateObj[key])) {\r\n            // Multi-select: pass array as value, patchProp will set option.selected\r\n            props.value = stateObj[key];\r\n        } else {\r\n            props.value = stateObj[key] ?? '';\r\n        }\r\n        const existingHandler = props['onUpdate:modelValue'];\r\n        props['onUpdate:modelValue'] = (v: any) => {\r\n            setValue(v);\r\n            if (existingHandler) existingHandler(v);\r\n        };\r\n        return true; // Handled\r\n    }\r\n\r\n    // Not handled - use generic fallback\r\n    return false;\r\n});\r\n\r\nfunction patchProp(dom: Element, key: string, prevValue: any, nextValue: any, isSVG?: boolean) {\r\n    // Guard: skip if dom is null (shouldn't happen but protects against edge cases)\r\n    if (!dom) return;\r\n    const tagName = dom.tagName.toLowerCase();\r\n    \r\n    // Detect SVG context: either passed explicitly or detect from element type\r\n    // This ensures SVG attributes are handled correctly even if renderer doesn't pass isSVG\r\n    const isSvgElement = isSVG ?? (dom instanceof SVGElement);\r\n    \r\n    const _oldProps = prevValue ? { [key]: prevValue } : {};\r\n    const _newProps = nextValue ? { [key]: nextValue } : {};\r\n\r\n    // This is a simplified version of updateProps that handles a single prop\r\n    // But the original updateProps handled all props at once.\r\n    // The renderer calls patchProp for each key.\r\n\r\n    // Logic adapted from original updateProps\r\n    const oldValue = prevValue;\r\n    const newValue = nextValue;\r\n\r\n    if (key === 'children' || key === 'key' || key === 'ref') return;\r\n\r\n    if (key === 'style') {\r\n        const el = dom as HTMLElement;\r\n        if (typeof newValue === 'object' && newValue !== null) {\r\n            const styleObj = newValue as Record<string, string | number | null | undefined>;\r\n            // Remove old style properties not present in the new style object\r\n            if (typeof oldValue === 'object' && oldValue !== null) {\r\n                for (const oldKey in oldValue as Record<string, any>) {\r\n                    if (!(oldKey in styleObj)) {\r\n                        if (oldKey.startsWith('--')) {\r\n                            el.style.removeProperty(oldKey);\r\n                        } else {\r\n                            (el.style as any)[oldKey] = '';\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            for (const styleKey in styleObj) {\r\n                const val = styleObj[styleKey];\r\n                if (val == null || val === '') {\r\n                    if (styleKey.startsWith('--')) {\r\n                        el.style.removeProperty(styleKey);\r\n                    } else {\r\n                        (el.style as any)[styleKey] = '';\r\n                    }\r\n                } else {\r\n                    if (styleKey.startsWith('--')) {\r\n                        el.style.setProperty(styleKey, String(val));\r\n                    } else {\r\n                        (el.style as any)[styleKey] = val;\r\n                    }\r\n                }\r\n            }\r\n        } else if (newValue) {\r\n            el.style.cssText = String(newValue);\r\n        } else {\r\n            el.style.cssText = '';\r\n        }\r\n    } else if (key.startsWith('on')) {\r\n        if (key === 'onUpdate:modelValue' && (tagName === 'input' || tagName === 'textarea' || tagName === 'select')) {\r\n            const el = dom as HTMLElement;\r\n            if (oldValue) {\r\n                const wrapper = (oldValue as any).__sigx_model_handler;\r\n                if (wrapper) {\r\n                    el.removeEventListener('input', wrapper);\r\n                    el.removeEventListener('change', wrapper);\r\n                }\r\n            }\r\n\r\n            if (newValue) {\r\n                const handler = (e: Event) => {\r\n                    const target = e.target as HTMLInputElement;\r\n                    let val: any;\r\n\r\n                    if (target.type === 'checkbox' || target.type === 'radio') {\r\n                        val = target.checked;\r\n                    } else if (target.type === 'number') {\r\n                        val = target.valueAsNumber;\r\n                    } else if (tagName === 'select' && (dom as HTMLSelectElement).multiple) {\r\n                        val = Array.from((dom as HTMLSelectElement).selectedOptions).map(o => o.value);\r\n                    } else {\r\n                        val = target.value;\r\n                    }\r\n\r\n                    (newValue as Function)(val);\r\n                };\r\n                (newValue as any).__sigx_model_handler = handler;\r\n\r\n                const inputType = (dom as HTMLInputElement).type;\r\n                if (tagName === 'select' || (tagName === 'input' && (inputType === 'checkbox' || inputType === 'radio'))) {\r\n                    el.addEventListener('change', handler);\r\n                } else {\r\n                    el.addEventListener('input', handler);\r\n                }\r\n            }\r\n            return;\r\n        }\r\n\r\n        const eventName = key.slice(2).toLowerCase();\r\n        // Store handlers on the DOM element to properly track them across re-renders\r\n        // Using a Map keyed by event name to ensure we remove the correct wrapper\r\n        const handlersKey = '__sigx_event_handlers';\r\n        let handlers = (dom as any)[handlersKey] as Map<string, EventListener> | undefined;\r\n        if (!handlers) {\r\n            handlers = new Map();\r\n            (dom as any)[handlersKey] = handlers;\r\n        }\r\n\r\n        // Remove old handler if exists\r\n        const oldHandler = handlers.get(eventName);\r\n        if (oldHandler) {\r\n            dom.removeEventListener(eventName, oldHandler);\r\n            handlers.delete(eventName);\r\n        }\r\n\r\n        // Add new handler\r\n        if (newValue) {\r\n            const handler = (e: Event) => {\r\n                if (e instanceof CustomEvent) {\r\n                    (newValue as Function)(e.detail);\r\n                } else {\r\n                    (newValue as Function)(e);\r\n                }\r\n            };\r\n            handlers.set(eventName, handler);\r\n            dom.addEventListener(eventName, handler as EventListener);\r\n        }\r\n    } else if (key === 'className') {\r\n        // For SVG, use setAttribute to preserve case (class works on both)\r\n        dom.setAttribute('class', String(newValue));\r\n    } else if (key.startsWith('.')) {\r\n        const propName = key.slice(1);\r\n        (dom as any)[propName] = newValue;\r\n    } else if (key.startsWith('prop:')) {\r\n        const propName = key.slice(5);\r\n        (dom as any)[propName] = newValue;\r\n    } else if (isSvgElement) {\r\n        // SVG elements: use setAttribute to preserve case-sensitive attribute names\r\n        // SVG attributes like viewBox, preserveAspectRatio, etc. are case-sensitive\r\n        if (key === 'innerHTML' || key === 'textContent') {\r\n            // These can be set as properties even on SVG\r\n            (dom as any)[key] = newValue ?? '';\r\n        } else if (key.startsWith('xlink:')) {\r\n            // xlink: attributes need special namespace handling\r\n            const xlinkNS = 'http://www.w3.org/1999/xlink';\r\n            if (newValue == null) {\r\n                dom.removeAttributeNS(xlinkNS, key.slice(6));\r\n            } else {\r\n                dom.setAttributeNS(xlinkNS, key, String(newValue));\r\n            }\r\n        } else {\r\n            // Standard SVG attribute - use setAttribute to preserve case\r\n            if (newValue === true) dom.setAttribute(key, '');\r\n            else if (newValue === false || newValue == null) dom.removeAttribute(key);\r\n            else dom.setAttribute(key, String(newValue));\r\n        }\r\n    } else {\r\n        if ((tagName === 'input' || tagName === 'textarea' || tagName === 'select') &&\r\n            (key === 'value' || key === 'checked')) {\r\n            if (tagName === 'select' && key === 'value') {\r\n                // Defer setting select value until options are mounted\r\n                queueMicrotask(() => {\r\n                    if (Array.isArray(newValue)) {\r\n                        // Multi-select: set selected on each matching option\r\n                        const values = newValue as string[];\r\n                        const options = (dom as HTMLSelectElement).options;\r\n                        for (let i = 0; i < options.length; i++) {\r\n                            options[i].selected = values.includes(options[i].value);\r\n                        }\r\n                    } else {\r\n                        (dom as HTMLSelectElement).value = String(newValue ?? '');\r\n                    }\r\n                });\r\n                return;\r\n            }\r\n\r\n            if (key === 'checked' && tagName === 'input') {\r\n                (dom as HTMLInputElement).checked = Boolean(newValue);\r\n            } else if (key === 'value') {\r\n                (dom as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement).value = String(newValue ?? '');\r\n            }\r\n        } else if (key in dom) {\r\n            // Skip undefined/null to avoid DOM coercing to 0 for numeric props like maxLength\r\n            if (newValue == null) {\r\n                // Remove attribute if it exists\r\n                if (dom.hasAttribute?.(key)) {\r\n                    dom.removeAttribute(key);\r\n                }\r\n            } else {\r\n                try {\r\n                    (dom as Record<string, any>)[key] = newValue;\r\n                } catch {\r\n                    dom.setAttribute(key, String(newValue));\r\n                }\r\n            }\r\n        } else if (tagName.includes('-') && !key.includes('-')) {\r\n            (dom as Record<string, any>)[key] = newValue;\r\n        } else {\r\n            if (newValue === true) dom.setAttribute(key, '');\r\n            else if (newValue === false || newValue == null) dom.removeAttribute(key);\r\n            else dom.setAttribute(key, String(newValue));\r\n        }\r\n    }\r\n}\r\n\r\nconst nodeOps: RendererOptions<Node, Element> = {\r\n    insert: (child, parent, anchor) => {\r\n        if (anchor && anchor.parentNode !== parent) anchor = null;\r\n        parent.insertBefore(child, anchor || null);\r\n    },\r\n    remove: (child) => {\r\n        const parent = child.parentNode;\r\n        if (parent) {\r\n            parent.removeChild(child);\r\n        }\r\n    },\r\n    createElement: (tag, isSVG, isCustomizedBuiltIn) => {\r\n        if (isSVG) {\r\n            return document.createElementNS(svgNS, tag);\r\n        }\r\n        const is = isCustomizedBuiltIn ? { is: isCustomizedBuiltIn } : undefined;\r\n        return document.createElement(tag, is);\r\n    },\r\n    createText: (text) => document.createTextNode(text),\r\n    createComment: (text) => document.createComment(text),\r\n    setText: (node, text) => {\r\n        node.nodeValue = text;\r\n    },\r\n    setElementText: (el, text) => {\r\n        el.textContent = text;\r\n    },\r\n    parentNode: (node) => node.parentNode as Element,\r\n    nextSibling: (node) => node.nextSibling,\r\n    querySelector: (selector) => document.querySelector(selector),\r\n    setScopeId: (el, id) => el.setAttribute(id, ''),\r\n    cloneNode: (node) => node.cloneNode(true),\r\n    getActiveElement: () => document.activeElement as Element | null,\r\n    restoreFocus: (el) => {\r\n        if (el instanceof HTMLElement || el instanceof SVGElement) {\r\n            // Use preventScroll to avoid layout thrashing.\r\n            // Suppress focus/blur events to prevent re-triggering reactive updates.\r\n            const suppressEvent = (e: Event) => { e.stopImmediatePropagation(); };\r\n            el.addEventListener('focus', suppressEvent, { capture: true, once: true });\r\n            el.addEventListener('focusin', suppressEvent, { capture: true, once: true });\r\n            // Also suppress blur on the element that will lose focus\r\n            const current = document.activeElement;\r\n            if (current instanceof HTMLElement) {\r\n                current.addEventListener('blur', suppressEvent, { capture: true, once: true });\r\n                current.addEventListener('focusout', suppressEvent, { capture: true, once: true });\r\n            }\r\n            el.focus({ preventScroll: true });\r\n        }\r\n    },\r\n    patchProp,\r\n    patchDirective,\r\n    onElementMounted,\r\n    onElementUnmounted\r\n};\r\n\r\nconst renderer = createRenderer(nodeOps);\r\n\r\n/**\r\n * Render a SignalX element to a DOM container.\r\n * Supports both Element references and CSS selectors.\r\n * \r\n * @example\r\n * ```tsx\r\n * import { render } from 'sigx';\r\n * \r\n * // Using CSS selector\r\n * render(<App />, \"#app\");\r\n * \r\n * // Using element reference\r\n * render(<App />, document.getElementById('app')!);\r\n * ```\r\n */\r\nexport const render = (element: JSXElement, container: Element | string, appContext?: AppContext): void => {\r\n    const target = typeof container === 'string'\r\n        ? document.querySelector(container)\r\n        : container;\r\n\r\n    if (!target) {\r\n        throw renderTargetNotFoundError(String(container));\r\n    }\r\n\r\n    return renderer.render(element, target as Element, appContext);\r\n};\r\n\r\n// Export primitives for SSR plugins and hydration\r\nexport const { patch, mount, unmount, mountComponent } = renderer;\r\nexport { patchProp, patchDirective, onElementMounted, nodeOps };\r\n\r\n// Set up the default mount function for this platform\r\nsetDefaultMount((component: any, container: HTMLElement | Element | ShadowRoot | string, appContext?: AppContext): (() => void) => {\r\n    const target = typeof container === 'string'\r\n        ? document.querySelector(container)\r\n        : container;\r\n\r\n    if (!target) {\r\n        throw mountTargetNotFoundError(String(container));\r\n    }\r\n\r\n    render(component, target as Element, appContext);\r\n\r\n    return () => {\r\n        render(null, target as Element);\r\n    };\r\n});\r\n\r\n// Export Portal component and moveBefore utilities\r\nexport { Portal, supportsMoveBefore, moveNode } from './Portal.js';\r\n\r\n// Export built-in directives\r\nexport { show } from './directives/show.js';\r\n\r\n// Register built-in directives so use:show={value} works without importing\r\nimport { show as _showDirective } from './directives/show.js';\r\nregisterBuiltInDirective('show', _showDirective);\r\n"],"mappings":"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"}