@hedystia/view 2.1.0

package/dist/lifecycle/hooks.cjs

@@ -0,0 +1,56 @@
+const require_signal = require("../signal/signal.cjs");
+//#region src/lifecycle/hooks.ts
+/**
+* Component lifecycle hooks for @hedystia/view
+*
+* Provides onMount, onCleanup, and onReady hooks for component lifecycle.
+*/
+const currentOwner = null;
+/**
+* Register a callback to run when the component mounts
+* @param {() => void | (() => void)} fn - The mount callback, optionally returning cleanup
+* @example
+* onMount(() => {
+*   console.log("mounted");
+*   return () => console.log("unmounted");
+* });
+*/
+function onMount(fn) {
+	if (currentOwner === null) {
+		require_signal.createRoot(() => {
+			const result = fn();
+			if (typeof result === "function") require_signal.onCleanup(result);
+		});
+		return;
+	}
+	const result = fn();
+	if (typeof result === "function") require_signal.onCleanup(result);
+}
+/**
+* Register a callback to run when the component unmounts
+* @param {() => void} fn - The cleanup callback
+* @example
+* onCleanup(() => {
+*   console.log("cleaning up");
+* });
+*/
+function onCleanup(fn) {
+	require_signal.onCleanup(fn);
+}
+/**
+* Register a callback to run when the component is ready (after first render)
+* @param {() => void} fn - The ready callback
+* @example
+* onReady(() => {
+*   console.log("component is ready");
+* });
+*/
+function onReady(fn) {
+	queueMicrotask(fn);
+}
+//#endregion
+exports.onCleanup = onCleanup;
+exports.onMount = onMount;
+exports.onReady = onReady;
+
+//# sourceMappingURL=hooks.cjs.map

package/dist/lifecycle/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.cjs","names":[],"sources":["../../src/lifecycle/hooks.ts"],"sourcesContent":["/**\n * Component lifecycle hooks for @hedystia/view\n *\n * Provides onMount, onCleanup, and onReady hooks for component lifecycle.\n */\n\nimport { createRoot, onCleanup as signalOnCleanup } from \"../signal\";\nimport type { Owner } from \"../types\";\n\nconst currentOwner: Owner | null = null;\n\n/**\n * Register a callback to run when the component mounts\n * @param {() => void | (() => void)} fn - The mount callback, optionally returning cleanup\n * @example\n * onMount(() => {\n *   console.log(\"mounted\");\n *   return () => console.log(\"unmounted\");\n * });\n */\nexport function onMount(fn: () => undefined | (() => void)): void {\n  if (currentOwner === null) {\n    createRoot(() => {\n      const result = fn();\n      if (typeof result === \"function\") {\n        signalOnCleanup(result);\n      }\n    });\n    return;\n  }\n\n  const result = fn();\n  if (typeof result === \"function\") {\n    signalOnCleanup(result);\n  }\n}\n\n/**\n * Register a callback to run when the component unmounts\n * @param {() => void} fn - The cleanup callback\n * @example\n * onCleanup(() => {\n *   console.log(\"cleaning up\");\n * });\n */\nexport function onCleanup(fn: () => void): void {\n  signalOnCleanup(fn);\n}\n\n/**\n * Register a callback to run when the component is ready (after first render)\n * @param {() => void} fn - The ready callback\n * @example\n * onReady(() => {\n *   console.log(\"component is ready\");\n * });\n */\nexport function onReady(fn: () => void): void {\n  queueMicrotask(fn);\n}\n"],"mappings":";;;;;;;AASA,MAAM,eAA6B;;;;;;;;;;AAWnC,SAAgB,QAAQ,IAA0C;AAChE,KAAI,iBAAiB,MAAM;AACzB,iBAAA,iBAAiB;GACf,MAAM,SAAS,IAAI;AACnB,OAAI,OAAO,WAAW,WACpB,gBAAA,UAAgB,OAAO;IAEzB;AACF;;CAGF,MAAM,SAAS,IAAI;AACnB,KAAI,OAAO,WAAW,WACpB,gBAAA,UAAgB,OAAO;;;;;;;;;;AAY3B,SAAgB,UAAU,IAAsB;AAC9C,gBAAA,UAAgB,GAAG;;;;;;;;;;AAWrB,SAAgB,QAAQ,IAAsB;AAC5C,gBAAe,GAAG"}

package/dist/lifecycle/hooks.d.cts

@@ -0,0 +1,37 @@
+//#region src/lifecycle/hooks.d.ts
+/**
+ * Component lifecycle hooks for @hedystia/view
+ *
+ * Provides onMount, onCleanup, and onReady hooks for component lifecycle.
+ */
+/**
+ * Register a callback to run when the component mounts
+ * @param {() => void | (() => void)} fn - The mount callback, optionally returning cleanup
+ * @example
+ * onMount(() => {
+ *   console.log("mounted");
+ *   return () => console.log("unmounted");
+ * });
+ */
+declare function onMount(fn: () => undefined | (() => void)): void;
+/**
+ * Register a callback to run when the component unmounts
+ * @param {() => void} fn - The cleanup callback
+ * @example
+ * onCleanup(() => {
+ *   console.log("cleaning up");
+ * });
+ */
+declare function onCleanup(fn: () => void): void;
+/**
+ * Register a callback to run when the component is ready (after first render)
+ * @param {() => void} fn - The ready callback
+ * @example
+ * onReady(() => {
+ *   console.log("component is ready");
+ * });
+ */
+declare function onReady(fn: () => void): void;
+//#endregion
+export { onCleanup, onMount, onReady };
+//# sourceMappingURL=hooks.d.cts.map

package/dist/lifecycle/hooks.d.mts

@@ -0,0 +1,37 @@
+//#region src/lifecycle/hooks.d.ts
+/**
+ * Component lifecycle hooks for @hedystia/view
+ *
+ * Provides onMount, onCleanup, and onReady hooks for component lifecycle.
+ */
+/**
+ * Register a callback to run when the component mounts
+ * @param {() => void | (() => void)} fn - The mount callback, optionally returning cleanup
+ * @example
+ * onMount(() => {
+ *   console.log("mounted");
+ *   return () => console.log("unmounted");
+ * });
+ */
+declare function onMount(fn: () => undefined | (() => void)): void;
+/**
+ * Register a callback to run when the component unmounts
+ * @param {() => void} fn - The cleanup callback
+ * @example
+ * onCleanup(() => {
+ *   console.log("cleaning up");
+ * });
+ */
+declare function onCleanup(fn: () => void): void;
+/**
+ * Register a callback to run when the component is ready (after first render)
+ * @param {() => void} fn - The ready callback
+ * @example
+ * onReady(() => {
+ *   console.log("component is ready");
+ * });
+ */
+declare function onReady(fn: () => void): void;
+//#endregion
+export { onCleanup, onMount, onReady };
+//# sourceMappingURL=hooks.d.mts.map

package/dist/lifecycle/hooks.mjs

@@ -0,0 +1,54 @@
+import { createRoot, onCleanup as onCleanup$1 } from "../signal/signal.mjs";
+//#region src/lifecycle/hooks.ts
+/**
+* Component lifecycle hooks for @hedystia/view
+*
+* Provides onMount, onCleanup, and onReady hooks for component lifecycle.
+*/
+const currentOwner = null;
+/**
+* Register a callback to run when the component mounts
+* @param {() => void | (() => void)} fn - The mount callback, optionally returning cleanup
+* @example
+* onMount(() => {
+*   console.log("mounted");
+*   return () => console.log("unmounted");
+* });
+*/
+function onMount(fn) {
+	if (currentOwner === null) {
+		createRoot(() => {
+			const result = fn();
+			if (typeof result === "function") onCleanup$1(result);
+		});
+		return;
+	}
+	const result = fn();
+	if (typeof result === "function") onCleanup$1(result);
+}
+/**
+* Register a callback to run when the component unmounts
+* @param {() => void} fn - The cleanup callback
+* @example
+* onCleanup(() => {
+*   console.log("cleaning up");
+* });
+*/
+function onCleanup(fn) {
+	onCleanup$1(fn);
+}
+/**
+* Register a callback to run when the component is ready (after first render)
+* @param {() => void} fn - The ready callback
+* @example
+* onReady(() => {
+*   console.log("component is ready");
+* });
+*/
+function onReady(fn) {
+	queueMicrotask(fn);
+}
+//#endregion
+export { onCleanup, onMount, onReady };
+
+//# sourceMappingURL=hooks.mjs.map

package/dist/lifecycle/hooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.mjs","names":[],"sources":["../../src/lifecycle/hooks.ts"],"sourcesContent":["/**\n * Component lifecycle hooks for @hedystia/view\n *\n * Provides onMount, onCleanup, and onReady hooks for component lifecycle.\n */\n\nimport { createRoot, onCleanup as signalOnCleanup } from \"../signal\";\nimport type { Owner } from \"../types\";\n\nconst currentOwner: Owner | null = null;\n\n/**\n * Register a callback to run when the component mounts\n * @param {() => void | (() => void)} fn - The mount callback, optionally returning cleanup\n * @example\n * onMount(() => {\n *   console.log(\"mounted\");\n *   return () => console.log(\"unmounted\");\n * });\n */\nexport function onMount(fn: () => undefined | (() => void)): void {\n  if (currentOwner === null) {\n    createRoot(() => {\n      const result = fn();\n      if (typeof result === \"function\") {\n        signalOnCleanup(result);\n      }\n    });\n    return;\n  }\n\n  const result = fn();\n  if (typeof result === \"function\") {\n    signalOnCleanup(result);\n  }\n}\n\n/**\n * Register a callback to run when the component unmounts\n * @param {() => void} fn - The cleanup callback\n * @example\n * onCleanup(() => {\n *   console.log(\"cleaning up\");\n * });\n */\nexport function onCleanup(fn: () => void): void {\n  signalOnCleanup(fn);\n}\n\n/**\n * Register a callback to run when the component is ready (after first render)\n * @param {() => void} fn - The ready callback\n * @example\n * onReady(() => {\n *   console.log(\"component is ready\");\n * });\n */\nexport function onReady(fn: () => void): void {\n  queueMicrotask(fn);\n}\n"],"mappings":";;;;;;;AASA,MAAM,eAA6B;;;;;;;;;;AAWnC,SAAgB,QAAQ,IAA0C;AAChE,KAAI,iBAAiB,MAAM;AACzB,mBAAiB;GACf,MAAM,SAAS,IAAI;AACnB,OAAI,OAAO,WAAW,WACpB,aAAgB,OAAO;IAEzB;AACF;;CAGF,MAAM,SAAS,IAAI;AACnB,KAAI,OAAO,WAAW,WACpB,aAAgB,OAAO;;;;;;;;;;AAY3B,SAAgB,UAAU,IAAsB;AAC9C,aAAgB,GAAG;;;;;;;;;;AAWrB,SAAgB,QAAQ,IAAsB;AAC5C,gBAAe,GAAG"}

package/dist/render/engine.cjs

@@ -0,0 +1,52 @@
+const require_signal = require("../signal/signal.cjs");
+//#region src/render/engine.ts
+/**
+* Render engine for @hedystia/view
+*
+* Mounts components to the DOM and manages the render cycle.
+*/
+const currentOwner = null;
+/**
+* Mount a component to a target DOM element
+* @param {Component<{}>} component - The component to mount
+* @param {HTMLElement} target - The target element
+* @returns {ViewApp} The application instance
+* @example
+* const app = mount(App, document.getElementById("root")!);
+* app.dispose();
+*/
+function mount(component, target) {
+	target.innerHTML = "";
+	let dispose = null;
+	let root = null;
+	require_signal.createRoot((disposeFn) => {
+		dispose = disposeFn;
+		root = currentOwner;
+		const element = component({});
+		if (element) target.appendChild(element);
+	});
+	return {
+		dispose: () => {
+			if (dispose) dispose();
+			target.innerHTML = "";
+		},
+		root
+	};
+}
+/**
+* Render a component to a string (for SSR)
+* @param {Component<{}>} component - The component to render
+* @returns {string} The rendered HTML string
+* @example
+* const html = renderToString(App);
+*/
+function renderToString(component) {
+	const element = component({});
+	if (element instanceof HTMLElement) return element.outerHTML;
+	return "";
+}
+//#endregion
+exports.mount = mount;
+exports.renderToString = renderToString;
+
+//# sourceMappingURL=engine.cjs.map

package/dist/render/engine.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.cjs","names":[],"sources":["../../src/render/engine.ts"],"sourcesContent":["/**\n * Render engine for @hedystia/view\n *\n * Mounts components to the DOM and manages the render cycle.\n */\n\nimport { createRoot } from \"../signal\";\nimport type { Component, Owner } from \"../types\";\n\n/**\n * Application instance returned by mount\n */\nexport interface ViewApp {\n  dispose: () => void;\n  root: Owner | null;\n}\n\nconst currentOwner: Owner | null = null;\n\n/**\n * Mount a component to a target DOM element\n * @param {Component<{}>} component - The component to mount\n * @param {HTMLElement} target - The target element\n * @returns {ViewApp} The application instance\n * @example\n * const app = mount(App, document.getElementById(\"root\")!);\n * app.dispose();\n */\nexport function mount(component: Component<{}>, target: HTMLElement): ViewApp {\n  target.innerHTML = \"\";\n\n  let dispose: (() => void) | null = null;\n  let root: Owner | null = null;\n\n  createRoot((disposeFn) => {\n    dispose = disposeFn;\n    root = currentOwner;\n    const element = component({}) as HTMLElement;\n    if (element) {\n      target.appendChild(element);\n    }\n  });\n\n  return {\n    dispose: () => {\n      if (dispose) {\n        dispose();\n      }\n      target.innerHTML = \"\";\n    },\n    root,\n  };\n}\n\n/**\n * Render a component to a string (for SSR)\n * @param {Component<{}>} component - The component to render\n * @returns {string} The rendered HTML string\n * @example\n * const html = renderToString(App);\n */\nexport function renderToString(component: Component<{}>): string {\n  const element = component({});\n  if (element instanceof HTMLElement) {\n    return element.outerHTML;\n  }\n  return \"\";\n}\n"],"mappings":";;;;;;;AAiBA,MAAM,eAA6B;;;;;;;;;;AAWnC,SAAgB,MAAM,WAA0B,QAA8B;AAC5E,QAAO,YAAY;CAEnB,IAAI,UAA+B;CACnC,IAAI,OAAqB;AAEzB,gBAAA,YAAY,cAAc;AACxB,YAAU;AACV,SAAO;EACP,MAAM,UAAU,UAAU,EAAE,CAAC;AAC7B,MAAI,QACF,QAAO,YAAY,QAAQ;GAE7B;AAEF,QAAO;EACL,eAAe;AACb,OAAI,QACF,UAAS;AAEX,UAAO,YAAY;;EAErB;EACD;;;;;;;;;AAUH,SAAgB,eAAe,WAAkC;CAC/D,MAAM,UAAU,UAAU,EAAE,CAAC;AAC7B,KAAI,mBAAmB,YACrB,QAAO,QAAQ;AAEjB,QAAO"}

package/dist/render/engine.d.cts

@@ -0,0 +1,31 @@
+import { Component, Owner } from "../types.cjs";
+
+//#region src/render/engine.d.ts
+/**
+ * Application instance returned by mount
+ */
+interface ViewApp {
+  dispose: () => void;
+  root: Owner | null;
+}
+/**
+ * Mount a component to a target DOM element
+ * @param {Component<{}>} component - The component to mount
+ * @param {HTMLElement} target - The target element
+ * @returns {ViewApp} The application instance
+ * @example
+ * const app = mount(App, document.getElementById("root")!);
+ * app.dispose();
+ */
+declare function mount(component: Component<{}>, target: HTMLElement): ViewApp;
+/**
+ * Render a component to a string (for SSR)
+ * @param {Component<{}>} component - The component to render
+ * @returns {string} The rendered HTML string
+ * @example
+ * const html = renderToString(App);
+ */
+declare function renderToString(component: Component<{}>): string;
+//#endregion
+export { ViewApp, mount, renderToString };
+//# sourceMappingURL=engine.d.cts.map

package/dist/render/engine.d.mts

@@ -0,0 +1,31 @@
+import { Component, Owner } from "../types.mjs";
+
+//#region src/render/engine.d.ts
+/**
+ * Application instance returned by mount
+ */
+interface ViewApp {
+  dispose: () => void;
+  root: Owner | null;
+}
+/**
+ * Mount a component to a target DOM element
+ * @param {Component<{}>} component - The component to mount
+ * @param {HTMLElement} target - The target element
+ * @returns {ViewApp} The application instance
+ * @example
+ * const app = mount(App, document.getElementById("root")!);
+ * app.dispose();
+ */
+declare function mount(component: Component<{}>, target: HTMLElement): ViewApp;
+/**
+ * Render a component to a string (for SSR)
+ * @param {Component<{}>} component - The component to render
+ * @returns {string} The rendered HTML string
+ * @example
+ * const html = renderToString(App);
+ */
+declare function renderToString(component: Component<{}>): string;
+//#endregion
+export { ViewApp, mount, renderToString };
+//# sourceMappingURL=engine.d.mts.map

package/dist/render/engine.mjs

@@ -0,0 +1,51 @@
+import { createRoot } from "../signal/signal.mjs";
+//#region src/render/engine.ts
+/**
+* Render engine for @hedystia/view
+*
+* Mounts components to the DOM and manages the render cycle.
+*/
+const currentOwner = null;
+/**
+* Mount a component to a target DOM element
+* @param {Component<{}>} component - The component to mount
+* @param {HTMLElement} target - The target element
+* @returns {ViewApp} The application instance
+* @example
+* const app = mount(App, document.getElementById("root")!);
+* app.dispose();
+*/
+function mount(component, target) {
+	target.innerHTML = "";
+	let dispose = null;
+	let root = null;
+	createRoot((disposeFn) => {
+		dispose = disposeFn;
+		root = currentOwner;
+		const element = component({});
+		if (element) target.appendChild(element);
+	});
+	return {
+		dispose: () => {
+			if (dispose) dispose();
+			target.innerHTML = "";
+		},
+		root
+	};
+}
+/**
+* Render a component to a string (for SSR)
+* @param {Component<{}>} component - The component to render
+* @returns {string} The rendered HTML string
+* @example
+* const html = renderToString(App);
+*/
+function renderToString(component) {
+	const element = component({});
+	if (element instanceof HTMLElement) return element.outerHTML;
+	return "";
+}
+//#endregion
+export { mount, renderToString };
+
+//# sourceMappingURL=engine.mjs.map

package/dist/render/engine.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.mjs","names":[],"sources":["../../src/render/engine.ts"],"sourcesContent":["/**\n * Render engine for @hedystia/view\n *\n * Mounts components to the DOM and manages the render cycle.\n */\n\nimport { createRoot } from \"../signal\";\nimport type { Component, Owner } from \"../types\";\n\n/**\n * Application instance returned by mount\n */\nexport interface ViewApp {\n  dispose: () => void;\n  root: Owner | null;\n}\n\nconst currentOwner: Owner | null = null;\n\n/**\n * Mount a component to a target DOM element\n * @param {Component<{}>} component - The component to mount\n * @param {HTMLElement} target - The target element\n * @returns {ViewApp} The application instance\n * @example\n * const app = mount(App, document.getElementById(\"root\")!);\n * app.dispose();\n */\nexport function mount(component: Component<{}>, target: HTMLElement): ViewApp {\n  target.innerHTML = \"\";\n\n  let dispose: (() => void) | null = null;\n  let root: Owner | null = null;\n\n  createRoot((disposeFn) => {\n    dispose = disposeFn;\n    root = currentOwner;\n    const element = component({}) as HTMLElement;\n    if (element) {\n      target.appendChild(element);\n    }\n  });\n\n  return {\n    dispose: () => {\n      if (dispose) {\n        dispose();\n      }\n      target.innerHTML = \"\";\n    },\n    root,\n  };\n}\n\n/**\n * Render a component to a string (for SSR)\n * @param {Component<{}>} component - The component to render\n * @returns {string} The rendered HTML string\n * @example\n * const html = renderToString(App);\n */\nexport function renderToString(component: Component<{}>): string {\n  const element = component({});\n  if (element instanceof HTMLElement) {\n    return element.outerHTML;\n  }\n  return \"\";\n}\n"],"mappings":";;;;;;;AAiBA,MAAM,eAA6B;;;;;;;;;;AAWnC,SAAgB,MAAM,WAA0B,QAA8B;AAC5E,QAAO,YAAY;CAEnB,IAAI,UAA+B;CACnC,IAAI,OAAqB;AAEzB,aAAY,cAAc;AACxB,YAAU;AACV,SAAO;EACP,MAAM,UAAU,UAAU,EAAE,CAAC;AAC7B,MAAI,QACF,QAAO,YAAY,QAAQ;GAE7B;AAEF,QAAO;EACL,eAAe;AACb,OAAI,QACF,UAAS;AAEX,UAAO,YAAY;;EAErB;EACD;;;;;;;;;AAUH,SAAgB,eAAe,WAAkC;CAC/D,MAAM,UAAU,UAAU,EAAE,CAAC;AAC7B,KAAI,mBAAmB,YACrB,QAAO,QAAQ;AAEjB,QAAO"}

package/dist/render/flow.cjs

@@ -0,0 +1,286 @@
+const require_signal = require("../signal/signal.cjs");
+const require_scheduler = require("../scheduler/scheduler.cjs");
+//#region src/render/flow.ts
+/**
+* Flow components for @hedystia/view
+*
+* Provides Show, For, Index, Switch, Match, Portal, Suspense, ErrorBoundary.
+*/
+/**
+* Conditionally render children based on a condition
+*/
+function Show(props) {
+	const container = document.createComment("show");
+	let rendered = null;
+	let fallbackNode = null;
+	const getCondition = () => {
+		return typeof props.when === "function" ? props.when() : props.when;
+	};
+	const runEffect = () => {
+		if (getCondition()) {
+			if (fallbackNode) {
+				fallbackNode.parentNode?.removeChild(fallbackNode);
+				fallbackNode = null;
+			}
+			if (!rendered && props.children) {
+				rendered = typeof props.children === "function" ? props.children() : props.children;
+				if (rendered && !rendered.parentNode) if (container.parentNode) container.parentNode.insertBefore(rendered, container.nextSibling);
+				else queueMicrotask(() => {
+					if (rendered && !rendered.parentNode && container.parentNode) container.parentNode.insertBefore(rendered, container.nextSibling);
+				});
+			}
+		} else {
+			if (rendered) {
+				rendered.parentNode?.removeChild(rendered);
+				rendered = null;
+			}
+			if (props.fallback && !fallbackNode) {
+				fallbackNode = typeof props.fallback === "function" ? props.fallback() : props.fallback;
+				if (fallbackNode && !fallbackNode.parentNode) if (container.parentNode) container.parentNode.insertBefore(fallbackNode, container.nextSibling);
+				else queueMicrotask(() => {
+					if (fallbackNode && !fallbackNode.parentNode && container.parentNode) container.parentNode.insertBefore(fallbackNode, container.nextSibling);
+				});
+			}
+		}
+	};
+	require_signal.val(require_signal.memo(() => {
+		runEffect();
+		return true;
+	}));
+	return container;
+}
+/**
+* Render a list with keyed items for efficient updates
+*/
+function For(props) {
+	const container = document.createComment("for");
+	const nodes = /* @__PURE__ */ new Map();
+	const order = [];
+	const getEach = () => {
+		return typeof props.each === "function" ? props.each() : props.each;
+	};
+	const runEffect = () => {
+		const items = getEach();
+		const newOrder = [];
+		const newNodes = /* @__PURE__ */ new Map();
+		for (let i = 0; i < items.length; i++) {
+			const item = items[i];
+			const key = props.key ? props.key(item) : i;
+			newOrder.push(key);
+			if (nodes.has(key)) newNodes.set(key, nodes.get(key));
+			else {
+				const itemSig = require_signal.sig(item);
+				const indexSig = require_signal.sig(i);
+				const child = props.children(() => require_signal.val(itemSig), () => require_signal.val(indexSig));
+				newNodes.set(key, child);
+			}
+		}
+		for (const key of order) if (!newNodes.has(key)) {
+			const node = nodes.get(key);
+			if (node?.parentNode) node.parentNode.removeChild(node);
+		}
+		const insertNodes = () => {
+			if (container.parentNode) {
+				let prevSibling = container.nextSibling;
+				for (const key of newOrder) {
+					const node = newNodes.get(key);
+					if (!nodes.has(key) && !node.parentNode) container.parentNode.insertBefore(node, prevSibling);
+					else if (prevSibling !== node) container.parentNode.insertBefore(node, prevSibling);
+					prevSibling = node.nextSibling;
+				}
+			}
+		};
+		if (container.parentNode) insertNodes();
+		else queueMicrotask(insertNodes);
+		order.length = 0;
+		order.push(...newOrder);
+		nodes.clear();
+		for (const [k, v] of newNodes) nodes.set(k, v);
+	};
+	require_signal.val(require_signal.memo(() => {
+		runEffect();
+		return true;
+	}));
+	return container;
+}
+/**
+* Render a list with index-based tracking
+*/
+function Index(props) {
+	const container = document.createComment("index");
+	const nodes = [];
+	const getEach = () => {
+		return typeof props.each === "function" ? props.each() : props.each;
+	};
+	const runEffect = () => {
+		const items = getEach();
+		while (nodes.length > items.length) {
+			const node = nodes.pop();
+			if (node?.parentNode) node.parentNode.removeChild(node);
+		}
+		const insertNodes = () => {
+			if (container.parentNode) {
+				for (let i = 0; i < items.length; i++) if (nodes[i] === void 0) {
+					const itemSig = require_signal.sig(items[i]);
+					const child = props.children(() => require_signal.val(itemSig), i);
+					nodes[i] = child;
+					if (!child.parentNode) container.parentNode.insertBefore(child, container.nextSibling);
+				}
+			}
+		};
+		if (container.parentNode) insertNodes();
+		else queueMicrotask(insertNodes);
+	};
+	require_signal.val(require_signal.memo(() => {
+		runEffect();
+		return true;
+	}));
+	return container;
+}
+/**
+* Switch component for mutually exclusive conditions
+*/
+function Switch(props) {
+	const container = document.createComment("switch");
+	let rendered = null;
+	const evaluate = () => {
+		const children = props.children;
+		if (Array.isArray(children)) {
+			for (const child of children) if (child && child._matchWhen) {
+				const when = child._matchWhen;
+				if (typeof when === "function" ? when() : when) return child._matchChildren;
+			}
+		}
+		return props.fallback;
+	};
+	const runEffect = () => {
+		const content = evaluate();
+		if (rendered) {
+			rendered.parentNode?.removeChild(rendered);
+			rendered = null;
+		}
+		if (content) {
+			rendered = typeof content === "function" ? content() : content;
+			if (rendered && !rendered.parentNode) {
+				const insertNode = () => {
+					if (rendered && container.parentNode && !rendered.parentNode) container.parentNode.insertBefore(rendered, container.nextSibling);
+				};
+				if (container.parentNode) insertNode();
+				else queueMicrotask(insertNode);
+			}
+		}
+	};
+	require_signal.val(require_signal.memo(() => {
+		runEffect();
+		return true;
+	}));
+	return container;
+}
+/**
+* Match component for use inside Switch
+*/
+function Match(props) {
+	const marker = document.createComment("match");
+	marker._matchWhen = typeof props.when === "function" ? props.when : () => props.when;
+	marker._matchChildren = props.children;
+	return marker;
+}
+/**
+* Portal component for rendering outside the current DOM hierarchy
+*/
+function Portal(props) {
+	const container = document.createComment("portal");
+	const mountPoint = props.mount || document.body;
+	let rendered = null;
+	require_signal.createRoot(() => {
+		rendered = typeof props.children === "function" ? props.children() : props.children;
+		if (rendered) mountPoint.appendChild(rendered);
+		require_signal.onCleanup(() => {
+			if (rendered && rendered.parentNode === mountPoint) mountPoint.removeChild(rendered);
+		});
+	});
+	return container;
+}
+/**
+* Suspense component for async loading states
+*/
+function Suspense(props) {
+	const container = document.createComment("suspense");
+	let rendered = null;
+	let fallbackNode = null;
+	require_scheduler.tick(() => {
+		try {
+			if (fallbackNode) {
+				container.parentNode?.removeChild(fallbackNode);
+				fallbackNode = null;
+			}
+			if (!rendered && props.children) {
+				rendered = typeof props.children === "function" ? props.children() : props.children;
+				if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+			}
+		} catch {
+			if (rendered) {
+				container.parentNode?.removeChild(rendered);
+				rendered = null;
+			}
+			if (props.fallback && !fallbackNode) {
+				fallbackNode = typeof props.fallback === "function" ? props.fallback() : props.fallback;
+				if (fallbackNode) container.parentNode?.insertBefore(fallbackNode, container.nextSibling);
+			}
+		}
+	});
+	return container;
+}
+/**
+* ErrorBoundary component for catching render errors
+*/
+function ErrorBoundary(props) {
+	const container = document.createComment("error-boundary");
+	let rendered = null;
+	let error = null;
+	const reset = () => {
+		error = null;
+		if (rendered) {
+			container.parentNode?.removeChild(rendered);
+			rendered = null;
+		}
+		require_scheduler.tick(() => {
+			try {
+				rendered = typeof props.children === "function" ? props.children() : props.children;
+				if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+			} catch (e) {
+				error = e instanceof Error ? e : new Error(String(e));
+				if (rendered) {
+					container.parentNode?.removeChild(rendered);
+					rendered = null;
+				}
+				const fallback = props.fallback(error, reset);
+				rendered = typeof fallback === "function" ? fallback() : fallback;
+				if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+			}
+		});
+	};
+	require_scheduler.tick(() => {
+		try {
+			rendered = typeof props.children === "function" ? props.children() : props.children;
+			if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+		} catch (e) {
+			error = e instanceof Error ? e : new Error(String(e));
+			const fallback = props.fallback(error, reset);
+			rendered = typeof fallback === "function" ? fallback() : fallback;
+			if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+		}
+	});
+	return container;
+}
+//#endregion
+exports.ErrorBoundary = ErrorBoundary;
+exports.For = For;
+exports.Index = Index;
+exports.Match = Match;
+exports.Portal = Portal;
+exports.Show = Show;
+exports.Suspense = Suspense;
+exports.Switch = Switch;
+
+//# sourceMappingURL=flow.cjs.map