pudui 0.0.1 → 0.0.3

package/dist/{component-CHY49Hb1.mjs → component-2mAsZGIS.mjs}

@@ -20,6 +20,7 @@ function fail(message) {
 //#endregion
 //#region src/core/component.ts
 const componentInternals = /* @__PURE__ */ new WeakMap();
+const componentInternalsKey = Symbol();
 let updateFrameScheduled = false;
 let scheduledUpdates = /* @__PURE__ */ new Map();
 /**
@@ -52,21 +53,21 @@ var Component = class {
 	* @param options Render, error, and hydration options for this component.
 	*/
 	constructor(options) {
-		componentInternals.set(this, {
+		const internals = {
 			i: 0,
 			c: /* @__PURE__ */ new Map(),
 			d: false,
 			e: options.error,
-			a: options.memo,
 			h: options.hydrate,
 			f: /* @__PURE__ */ new Map(),
-			l: void 0,
 			m: false,
 			o: [],
 			p: void 0,
 			r: options.render,
 			u: /* @__PURE__ */ new Set()
-		});
+		};
+		componentInternals.set(this, internals);
+		Object.defineProperty(this, componentInternalsKey, { value: internals });
 	}
 	/**
 	* Queues a callback to run after the component's first browser mount.
@@ -103,7 +104,7 @@ function isComponent(value) {
 	return value instanceof Component;
 }
 function getComponentInternals(component) {
-	const internals = componentInternals.get(component);
+	const internals = component[componentInternalsKey] ?? componentInternals.get(component);
 	invariant(internals, "component");
 	return internals;
 }
@@ -144,25 +145,12 @@ function renderComponentOutput(component) {
 	return getComponentInternals(component).r(readComponentProps(component));
 }
 /**
-* Checks whether a component should render for the current props.
-*
-* @param component Component to inspect.
-* @returns `true` when rendering should continue.
-*/
-function shouldRenderComponent(component) {
-	const internals = getComponentInternals(component);
-	if (internals.d || internals.l === void 0 || internals.a === void 0) return true;
-	return !internals.a(internals.l, readComponentProps(component));
-}
-/**
 * Marks the current props as rendered.
 *
 * @param component Component that completed a render pass.
 */
 function markComponentRendered(component) {
-	const internals = getComponentInternals(component);
-	internals.d = false;
-	internals.l = readComponentProps(component);
+	getComponentInternals(component).d = false;
 }
 /**
 * Runs a component's error callback for a failed render.
@@ -205,7 +193,7 @@ function finishComponentRender(component) {
 function resolveComponent(vnode, owner) {
 	if (!owner) return createComponent(vnode.type, vnode.props);
 	const internals = getComponentInternals(owner);
-	const slot = vnode.key === void 0 ? "." + internals.i++ : typeof vnode.key === "number" ? vnode.key : "#" + vnode.key;
+	const slot = componentSlot(vnode, internals);
 	const existing = internals.c.get(slot);
 	internals.u.add(slot);
 	if (existing?.t === vnode.type) {
@@ -220,6 +208,20 @@ function resolveComponent(vnode, owner) {
 	return component;
 }
 /**
+* Marks a component virtual node slot as used without resolving the instance.
+*
+* @param vnode Component virtual node.
+* @param owner Parent component that owns child instance slots.
+*/
+function retainComponentSlot(vnode, owner) {
+	if (!owner) return;
+	const internals = getComponentInternals(owner);
+	internals.u.add(componentSlot(vnode, internals));
+}
+function componentSlot(vnode, internals) {
+	return vnode.key === void 0 ? "." + internals.i++ : typeof vnode.key === "number" ? vnode.key : "#" + vnode.key;
+}
+/**
 * Creates a component instance from a component factory.
 *
 * @param factory Component factory to invoke.
@@ -233,28 +235,6 @@ function createComponent(factory, props) {
 	return component;
 }
 /**
-* Creates a component factory that skips parent-driven rerenders when props are equal.
-*
-* @param factory Component factory to memoize.
-* @param compare Optional prop equality check. Defaults to shallow equality.
-* @returns Memoized component factory.
-*/
-function memo(factory, compare = shallowEqualProps) {
-	return (props) => {
-		const component = createComponent(factory, props);
-		getComponentInternals(component).a = compare;
-		return component;
-	};
-}
-function shallowEqualProps(previousProps, nextProps) {
-	if (previousProps === nextProps) return true;
-	const previousKeys = Object.keys(previousProps);
-	const nextKeys = Object.keys(nextProps);
-	if (previousKeys.length !== nextKeys.length) return false;
-	for (const key of previousKeys) if (previousProps[key] !== nextProps[key] || !Object.hasOwn(nextProps, key)) return false;
-	return true;
-}
-/**
 * Subscribes a renderer to component updates.
 *
 * @param component Component to observe.
@@ -320,4 +300,4 @@ function isPromiseLike(value) {
 	return typeof value?.then === "function";
 }
 //#endregion
-export { fail as _, isComponent as a, queueComponentMount as c, renderComponentErrorOutput as d, renderComponentOutput as f, subscribeComponent as g, shouldRenderComponent as h, finishComponentRender as i, readComponentHydrateMeta as l, setComponentProps as m, beginComponentRender as n, markComponentRendered as o, resolveComponent as p, createComponent as r, memo as s, Component as t, readComponentProps as u, invariant as v };
+export { invariant as _, isComponent as a, readComponentHydrateMeta as c, renderComponentOutput as d, resolveComponent as f, fail as g, subscribeComponent as h, finishComponentRender as i, readComponentProps as l, setComponentProps as m, beginComponentRender as n, markComponentRendered as o, retainComponentSlot as p, createComponent as r, queueComponentMount as s, Component as t, renderComponentErrorOutput as u };

package/dist/{core-C_ayj9MV.d.mts → core-Cypb6mR9.d.mts}

@@ -130,14 +130,6 @@ declare class Component<Props extends AnyProps = AnyProps> {
  * @returns `true` when the value is a {@link Component}.
  */
 declare function isComponent(value: unknown): value is Component;
-/**
- * Creates a component factory that skips parent-driven rerenders when props are equal.
- *
- * @param factory Component factory to memoize.
- * @param compare Optional prop equality check. Defaults to shallow equality.
- * @returns Memoized component factory.
- */
-declare function memo<Props extends AnyProps>(factory: ComponentFactory<Props>, compare?: ComponentMemoCompare<Props>): ComponentFactoryWithProps<Props>;
 //#endregion
 //#region src/core.d.ts
 /**
@@ -243,10 +235,6 @@ type ComponentFactoryWithoutProps<Props extends AnyProps = AnyProps> = () => Com
  * A function component constructor used as a JSX tag.
  */
 type ComponentFactory<Props extends AnyProps = AnyProps> = ComponentFactoryWithProps<Props> | ComponentFactoryWithoutProps<Props>;
-/**
- * Returns `true` when two prop objects are equivalent for a memoized component.
- */
-type ComponentMemoCompare<Props extends AnyProps = AnyProps> = (previousProps: Readonly<Props>, nextProps: Readonly<Props>) => boolean;
 /**
  * A JSX tag target: either an intrinsic element name or a component factory.
  */
@@ -399,12 +387,6 @@ type ComponentOptions<Props extends AnyProps> = {
    * Metadata consumed by the hydration macros and Vite runtime.
    */
   hydrate?: unknown;
-  /**
-   * Skips parent-driven rerenders while previous and next props are equivalent.
-   *
-   * Internal component updates still render even when props are unchanged.
-   */
-  memo?: ComponentMemoCompare<Props>;
   /**
    * Renders the component's current child tree.
    *
@@ -449,4 +431,4 @@ declare global {
  * Internal marker range and props for a server-rendered hydration boundary.
  */
 //#endregion
-export { isComponent as A, RefCleanup as C, UpdateCallback as D, StyleValue as E, isVNode as F, jsx as I, jsxDEV as L, Fragment as M, Raw as N, VNode as O, createElement as P, RefCallback as S, RenderableType as T, PreloadMetadata as _, ComponentFactoryWithoutProps as a, RawChild as b, ComponentOptions as c, ElementType as d, EmptyChild as f, MountCallback as g, Key as h, ComponentFactoryWithProps as i, memo as j, Component as k, ComponentPropsFor as l, IntrinsicElementsByTagName as m, Child as n, ComponentInstance as o, IntrinsicElementProps as p, ComponentFactory as r, ComponentMemoCompare as s, AnyProps as t, DangerouslySetInnerHTML as u, PreloadResolver as v, RefValue as w, RawProps as x, PrimitiveChild as y };
+export { Fragment as A, RefValue as C, VNode as D, UpdateCallback as E, jsxDEV as F, createElement as M, isVNode as N, Component as O, jsx as P, RefCleanup as S, StyleValue as T, PreloadResolver as _, ComponentFactoryWithoutProps as a, RawProps as b, ComponentPropsFor as c, EmptyChild as d, IntrinsicElementProps as f, PreloadMetadata as g, MountCallback as h, ComponentFactoryWithProps as i, Raw as j, isComponent as k, DangerouslySetInnerHTML as l, Key as m, Child as n, ComponentInstance as o, IntrinsicElementsByTagName as p, ComponentFactory as r, ComponentOptions as s, AnyProps as t, ElementType as u, PrimitiveChild as v, RenderableType as w, RefCallback as x, RawChild as y };

package/dist/hmr-runtime.d.mts

@@ -1,4 +1,4 @@
-import { c as ComponentOptions, i as ComponentFactoryWithProps, k as Component, t as AnyProps } from "./core-C_ayj9MV.mjs";
+import { O as Component, i as ComponentFactoryWithProps, s as ComponentOptions, t as AnyProps } from "./core-Cypb6mR9.mjs";
 
 //#region src/hmr-runtime.d.ts
 /**

package/dist/hmr-runtime.mjs

@@ -1,4 +1,4 @@
-import { t as Component } from "./component-CHY49Hb1.mjs";
+import { t as Component } from "./component-2mAsZGIS.mjs";
 //#region src/hmr-runtime.ts
 const globalRegistryKey = "__puduiHmrRegistry";
 const moduleDataKey = "__puduiHmr";

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { A as isComponent, C as RefCleanup, D as UpdateCallback, E as StyleValue, F as isVNode, I as jsx, L as jsxDEV, M as Fragment, N as Raw, O as VNode, P as createElement, S as RefCallback, T as RenderableType, _ as PreloadMetadata, a as ComponentFactoryWithoutProps, b as RawChild, c as ComponentOptions, d as ElementType, f as EmptyChild, g as MountCallback, h as Key, i as ComponentFactoryWithProps, j as memo, k as Component, l as ComponentPropsFor, m as IntrinsicElementsByTagName, n as Child, o as ComponentInstance, p as IntrinsicElementProps, r as ComponentFactory, s as ComponentMemoCompare, t as AnyProps, u as DangerouslySetInnerHTML, v as PreloadResolver, w as RefValue, x as RawProps, y as PrimitiveChild } from "./core-C_ayj9MV.mjs";
+import { A as Fragment, C as RefValue, D as VNode, E as UpdateCallback, F as jsxDEV, M as createElement, N as isVNode, O as Component, P as jsx, S as RefCleanup, T as StyleValue, _ as PreloadResolver, a as ComponentFactoryWithoutProps, b as RawProps, c as ComponentPropsFor, d as EmptyChild, f as IntrinsicElementProps, g as PreloadMetadata, h as MountCallback, i as ComponentFactoryWithProps, j as Raw, k as isComponent, l as DangerouslySetInnerHTML, m as Key, n as Child, o as ComponentInstance, p as IntrinsicElementsByTagName, r as ComponentFactory, s as ComponentOptions, t as AnyProps, u as ElementType, v as PrimitiveChild, w as RenderableType, x as RefCallback, y as RawChild } from "./core-Cypb6mR9.mjs";
 
 //#region src/client.d.ts
 /**
@@ -106,4 +106,4 @@ declare function render(child: Child, container: Element | DocumentFragment): Hy
  */
 declare function hydrate(root: Document | DocumentFragment | Element, options: HydrateOptions): HydrationRoot;
 //#endregion
-export { type AnyProps, type Child, Component, type ComponentFactory, type ComponentFactoryWithProps, type ComponentFactoryWithoutProps, type ComponentInstance, type ComponentMemoCompare, type ComponentOptions, type ComponentPropsFor, type DangerouslySetInnerHTML, type ElementType, type EmptyChild, type EventForName, type EventHandler, Fragment, type HydrateLoad, type HydrateOptions, type HydrationRoot, type IntrinsicElementProps, type IntrinsicElementsByTagName, type Key, type MountCallback, type PreloadMetadata, type PreloadResolver, type PrimitiveChild, Raw, type RawChild, type RawProps, type RefCallback, type RefCleanup, type RefValue, type RenderableType, type StyleValue, type UpdateCallback, type VNode, createElement, event, hydrate, isComponent, isVNode, jsx, jsx as jsxs, jsxDEV, memo, render };
+export { type AnyProps, type Child, Component, type ComponentFactory, type ComponentFactoryWithProps, type ComponentFactoryWithoutProps, type ComponentInstance, type ComponentOptions, type ComponentPropsFor, type DangerouslySetInnerHTML, type ElementType, type EmptyChild, type EventForName, type EventHandler, Fragment, type HydrateLoad, type HydrateOptions, type HydrationRoot, type IntrinsicElementProps, type IntrinsicElementsByTagName, type Key, type MountCallback, type PreloadMetadata, type PreloadResolver, type PrimitiveChild, Raw, type RawChild, type RawProps, type RefCallback, type RefCleanup, type RefValue, type RenderableType, type StyleValue, type UpdateCallback, type VNode, createElement, event, hydrate, isComponent, isVNode, jsx, jsx as jsxs, jsxDEV, render };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { c as jsxDEV, d as normalizeChildren, f as readRawChildHtml, l as isEmptyChild, n as Raw, o as isVNode, r as createElement, s as jsx, t as Fragment, u as isRawChild } from "./vnode-B7qKjJZs.mjs";
 import { a as isRawStartCommentData, g as readDangerouslySetInnerHTML, h as isPrimitiveValue, i as isRawEndCommentData, m as isChildlessElement, n as isHydrateMetaCommentData, o as parseHydrateMetaCommentData, p as attributeName, r as isHydrateStartCommentData, s as parseHydrateStartCommentData, t as isHydrateEndCommentData, v as toKebabCase } from "./hydration-markers-DdjOvH6g.mjs";
-import { _ as fail, a as isComponent, c as queueComponentMount, d as renderComponentErrorOutput, f as renderComponentOutput, g as subscribeComponent, h as shouldRenderComponent, i as finishComponentRender, l as readComponentHydrateMeta, m as setComponentProps, n as beginComponentRender, o as markComponentRendered, p as resolveComponent, r as createComponent, s as memo, t as Component, v as invariant } from "./component-CHY49Hb1.mjs";
+import { _ as invariant, a as isComponent, c as readComponentHydrateMeta, d as renderComponentOutput, f as resolveComponent, g as fail, h as subscribeComponent, i as finishComponentRender, m as setComponentProps, n as beginComponentRender, o as markComponentRendered, p as retainComponentSlot, r as createComponent, s as queueComponentMount, t as Component, u as renderComponentErrorOutput } from "./component-2mAsZGIS.mjs";
 //#region src/core/hydration.ts
 /**
 * Checks whether a value is a hydrated child boundary wrapper.
@@ -519,7 +519,10 @@ function childToRenderNode(child, context) {
 	if (Array.isArray(child)) return arrayToRenderNode(child, context);
 	if (isComponent(child)) return componentToRenderNode(child, context);
 	if (isVNode(child)) {
-		if (typeof child.type === "function") return componentToRenderNode(resolveComponent(child, context.owner), context, child.key);
+		if (typeof child.type === "function") {
+			const vnode = child;
+			return componentToRenderNode(resolveComponent(vnode, context.owner), context, vnode.key, vnode.type, vnode);
+		}
 		return elementToRenderNode(child, context);
 	}
 	return textToRenderNode(null, context.document);
@@ -610,8 +613,10 @@ function hydrateComponentToDom(component, context, currentNode, rootComponent, p
 			c: result.r,
 			e: componentEnd,
 			k: componentRenderNodeKind,
+			o: void 0,
 			q: key,
 			s: componentStart,
+			t: void 0,
 			u: unsubscribe,
 			v: component
 		}
@@ -734,9 +739,11 @@ function patchRenderNode(node, nextChild, context) {
 			const component = resolveComponent(nextChild, context.owner);
 			if (node.k === componentRenderNodeKind && node.v === component) {
 				node.q = nextChild.key;
+				node.t = nextChild.type;
+				node.o = nextChild;
 				return patchComponentRenderNode(node, component, context);
 			}
-			return replaceRenderNode(node, component, context, nextChild.key);
+			return replaceRenderNode(node, component, context, nextChild.key, nextChild.type);
 		}
 		const vnode = nextChild;
 		if (node.k === elementRenderNodeKind && node.v.type === vnode.type && node.v.key === vnode.key) return patchElementRenderNode(node, vnode, context);
@@ -746,7 +753,8 @@ function patchRenderNode(node, nextChild, context) {
 }
 function patchArrayRenderNode(node, nextChildren, context) {
 	const normalizedChildren = normalizeChildren(nextChildren);
-	if (shouldPatchKeyedArray(node.c, normalizedChildren)) return patchKeyedArrayRenderNode(node, normalizedChildren, context);
+	if (shouldPatchKeyedArray(node.c, normalizedChildren)) return patchKeyedArrayRenderNode(node, reuseKeyedArrayChildren(node, normalizedChildren), context);
+	if (patchSameLengthKeyedArrayRenderNode(node, normalizedChildren, context)) return node;
 	const sharedLength = Math.min(node.c.length, normalizedChildren.length);
 	for (let index = 0; index < sharedLength; index++) node.c[index] = patchRenderNode(node.c[index], normalizedChildren[index], context);
 	const parent = node.e.parentNode;
@@ -770,9 +778,49 @@ function patchArrayRenderNode(node, nextChildren, context) {
 	const firstRemovedChild = removedChildren[0];
 	const lastRemovedChild = removedChildren.at(-1);
 	if (firstRemovedChild && lastRemovedChild) removeNodeRange(renderNodeStart(firstRemovedChild), renderNodeEnd(lastRemovedChild));
+	node.h = void 0;
 	return node;
 }
+function reuseKeyedArrayChildren(node, nextChildren) {
+	const previousChildren = node.h;
+	const reusableChildren = previousChildren ? Array.from(nextChildren) : void 0;
+	const nextReusableChildren = /* @__PURE__ */ new Map();
+	for (let index = 0; index < nextChildren.length; index++) {
+		const child = nextChildren[index];
+		const key = readChildKey(child);
+		if (key === void 0) {
+			node.h = void 0;
+			return nextChildren;
+		}
+		const previousChild = previousChildren?.get(key);
+		const reusableChild = previousChild && canReuseKeyedChild(previousChild, child) ? previousChild : child;
+		if (reusableChildren) reusableChildren[index] = reusableChild;
+		nextReusableChildren.set(key, reusableChild);
+	}
+	node.h = nextReusableChildren;
+	return reusableChildren ?? nextChildren;
+}
+function canReuseKeyedChild(previousChild, nextChild) {
+	if (!isVNode(previousChild) || !isVNode(nextChild) || typeof previousChild.type !== "function" || previousChild.type !== nextChild.type || previousChild.key !== nextChild.key) return false;
+	return shallowEqualProps(previousChild.props, nextChild.props);
+}
+function shallowEqualProps(previousProps, nextProps) {
+	if (previousProps === nextProps) return true;
+	if (previousProps === void 0) return false;
+	const previousRecord = previousProps;
+	const nextRecord = nextProps;
+	let previousKeyCount = 0;
+	for (const key in previousRecord) {
+		if (!Object.hasOwn(previousRecord, key)) continue;
+		previousKeyCount++;
+		if (previousRecord[key] !== nextRecord[key] || !Object.hasOwn(nextProps, key)) return false;
+	}
+	let nextKeyCount = 0;
+	for (const key in nextRecord) if (Object.hasOwn(nextRecord, key)) nextKeyCount++;
+	return previousKeyCount === nextKeyCount;
+}
 function patchKeyedArrayRenderNode(node, normalizedChildren, context) {
+	if (patchSameLengthKeyedArrayRenderNode(node, normalizedChildren, context)) return node;
 	const parent = node.e.parentNode;
 	const oldEntries = /* @__PURE__ */ new Map();
 	for (let index = 0; index < node.c.length; index++) oldEntries.set(readRenderNodeKey(node.c[index]), {
@@ -811,6 +859,58 @@ function patchKeyedArrayRenderNode(node, normalizedChildren, context) {
 	node.c = nextNodes;
 	return node;
 }
+function patchSameLengthKeyedArrayRenderNode(node, normalizedChildren, context) {
+	const length = node.c.length;
+	if (length !== normalizedChildren.length) return false;
+	const changedIndexes = [];
+	const changedOldNodes = /* @__PURE__ */ new Map();
+	const nextNodes = node.c.slice();
+	for (let index = 0; index < length; index++) {
+		const oldNode = node.c[index];
+		const nextChild = normalizedChildren[index];
+		const oldKey = readRenderNodeKey(oldNode);
+		const nextKey = readChildKey(nextChild);
+		if (oldKey === void 0 || nextKey === void 0) return false;
+		if (oldKey === nextKey) nextNodes[index] = patchStableKeyedRenderNode(oldNode, nextChild, context);
+		else {
+			changedIndexes.push(index);
+			changedOldNodes.set(oldKey, oldNode);
+		}
+	}
+	if (changedIndexes.length === 0) {
+		node.c = nextNodes;
+		return true;
+	}
+	for (const index of changedIndexes) {
+		const nextChild = normalizedChildren[index];
+		const oldNode = changedOldNodes.get(readChildKey(nextChild));
+		if (oldNode === void 0) return false;
+		nextNodes[index] = patchStableKeyedRenderNode(oldNode, nextChild, context);
+	}
+	const parent = node.e.parentNode;
+	if (parent) for (let cursor = changedIndexes.length - 1; cursor >= 0; cursor--) {
+		const index = changedIndexes[cursor];
+		const child = nextNodes[index];
+		const anchor = index + 1 < nextNodes.length ? renderNodeStart(nextNodes[index + 1]) : node.e;
+		if (renderNodeEnd(child).nextSibling !== anchor) insertRenderNode(parent, child, anchor);
+	}
+	node.c = nextNodes;
+	return true;
+}
+function patchStableKeyedRenderNode(node, nextChild, context) {
+	if (canSkipStableKeyedRenderNodePatch(node, nextChild, context)) return node;
+	return patchRenderNode(node, nextChild, context);
+}
+function canSkipStableKeyedRenderNodePatch(node, nextChild, context) {
+	if (node.k === componentRenderNodeKind && node.o === nextChild) {
+		retainComponentSlot(nextChild, context.owner);
+		return true;
+	}
+	if (node.k !== componentRenderNodeKind || !isVNode(nextChild) || typeof nextChild.type !== "function" || node.t !== nextChild.type || node.q !== nextChild.key || !shallowEqualProps(node.o?.props, nextChild.props)) return false;
+	retainComponentSlot(nextChild, context.owner);
+	node.o = nextChild;
+	return true;
+}
 function shouldPatchKeyedArray(oldNodes, nextChildren) {
 	const firstOld = oldNodes[0];
 	const firstNext = nextChildren[0];
@@ -852,7 +952,6 @@ function lis(values) {
 	return t;
 }
 function patchComponentRenderNode(node, component, context) {
-	if (!shouldRenderComponent(component)) return node;
 	return renderComponentChild(component, context.effects, (renderedChild) => {
 		node.c = patchRenderNode(node.c, renderedChild, renderContextWithOwner(context, component));
 		return node;
@@ -904,10 +1003,10 @@ function patchElementRenderNode(node, vnode, context) {
 	if (refChanged) collectRefEffects(node.n, vnode.props.ref, context.effects, node.r);
 	return node;
 }
-function replaceRenderNode(node, nextChild, context, key) {
+function replaceRenderNode(node, nextChild, context, key, type) {
 	const parent = renderNodeStart(node).parentNode;
 	const nextSibling = renderNodeEnd(node).nextSibling;
-	const replacement = isComponent(nextChild) ? componentToRenderNode(nextChild, context, key) : childToRenderNode(nextChild, context);
+	const replacement = isComponent(nextChild) ? componentToRenderNode(nextChild, context, key, type) : childToRenderNode(nextChild, context);
 	cleanupRenderNode(node);
 	removeRenderNode(node);
 	if (parent) insertRenderNode(parent, replacement, nextSibling);
@@ -1208,14 +1307,22 @@ function textValue(value) {
 	return isPrimitiveValue(value) ? String(value) : "";
 }
 function arrayToRenderNode(children, context) {
-	return {
-		c: normalizeChildren(children).map((child) => childToRenderNode(child, context)),
+	const normalizedChildren = normalizeChildren(children);
+	const node = {
+		c: normalizedChildren.map((child) => childToRenderNode(child, context)),
 		e: createMarker(context.document),
 		k: arrayRenderNodeKind,
 		s: createMarker(context.document)
 	};
+	if (isKeyedArrayChildren(normalizedChildren)) node.h = new Map(normalizedChildren.map((child) => [readChildKey(child), child]));
+	return node;
+}
+function isKeyedArrayChildren(children) {
+	if (children.length === 0) return false;
+	for (const child of children) if (!isVNode(child) || child.key === void 0) return false;
+	return true;
 }
-function componentToRenderNode(component, context, key) {
+function componentToRenderNode(component, context, key, type, vnode) {
 	const unsubscribe = subscribeComponent(component, context.scheduleUpdate);
 	let child;
 	try {
@@ -1234,7 +1341,9 @@ function componentToRenderNode(component, context, key) {
 	return {
 		c: child,
 		k: componentRenderNodeKind,
+		o: vnode,
 		q: key,
+		t: type,
 		u: unsubscribe,
 		v: component
 	};
@@ -1540,4 +1649,4 @@ function isCommentData(node, isMarkerCommentData) {
 	return node?.nodeType === Node.COMMENT_NODE && isMarkerCommentData(node.data);
 }
 //#endregion
-export { Component, Fragment, Raw, createElement, event, hydrate, isComponent, isVNode, jsx, jsx as jsxs, jsxDEV, memo, render };
+export { Component, Fragment, Raw, createElement, event, hydrate, isComponent, isVNode, jsx, jsx as jsxs, jsxDEV, render };

package/dist/jsx-dev-runtime.d.mts

@@ -1,4 +1,4 @@
-import { L as jsxDEV, M as Fragment, l as ComponentPropsFor, m as IntrinsicElementsByTagName, n as Child, p as IntrinsicElementProps } from "./core-C_ayj9MV.mjs";
+import { A as Fragment, F as jsxDEV, c as ComponentPropsFor, f as IntrinsicElementProps, n as Child, p as IntrinsicElementsByTagName } from "./core-Cypb6mR9.mjs";
 
 //#region src/jsx-dev-runtime.d.ts
 /**

package/dist/jsx-runtime.d.mts

@@ -1,4 +1,4 @@
-import { I as jsx, M as Fragment, l as ComponentPropsFor, m as IntrinsicElementsByTagName, n as Child, p as IntrinsicElementProps } from "./core-C_ayj9MV.mjs";
+import { A as Fragment, P as jsx, c as ComponentPropsFor, f as IntrinsicElementProps, n as Child, p as IntrinsicElementsByTagName } from "./core-Cypb6mR9.mjs";
 
 //#region src/jsx-runtime.d.ts
 /**

package/dist/server.d.mts

@@ -1,4 +1,4 @@
-import { A as isComponent, C as RefCleanup, D as UpdateCallback, E as StyleValue, F as isVNode, I as jsx, L as jsxDEV, M as Fragment, N as Raw, O as VNode, P as createElement, S as RefCallback, T as RenderableType, a as ComponentFactoryWithoutProps, b as RawChild, c as ComponentOptions, d as ElementType, f as EmptyChild, g as MountCallback, h as Key, i as ComponentFactoryWithProps, k as Component, l as ComponentPropsFor, m as IntrinsicElementsByTagName, n as Child, o as ComponentInstance, p as IntrinsicElementProps, r as ComponentFactory, t as AnyProps, u as DangerouslySetInnerHTML, v as PreloadResolver, w as RefValue, x as RawProps, y as PrimitiveChild } from "./core-C_ayj9MV.mjs";
+import { A as Fragment, C as RefValue, D as VNode, E as UpdateCallback, F as jsxDEV, M as createElement, N as isVNode, O as Component, P as jsx, S as RefCleanup, T as StyleValue, _ as PreloadResolver, a as ComponentFactoryWithoutProps, b as RawProps, c as ComponentPropsFor, d as EmptyChild, f as IntrinsicElementProps, h as MountCallback, i as ComponentFactoryWithProps, j as Raw, k as isComponent, l as DangerouslySetInnerHTML, m as Key, n as Child, o as ComponentInstance, p as IntrinsicElementsByTagName, r as ComponentFactory, s as ComponentOptions, t as AnyProps, u as ElementType, v as PrimitiveChild, w as RenderableType, x as RefCallback, y as RawChild } from "./core-Cypb6mR9.mjs";
 
 //#region src/server.d.ts
 /**

package/dist/server.mjs

@@ -1,6 +1,6 @@
 import { a as isHostVNode, c as jsxDEV, d as normalizeChildren, f as readRawChildHtml, i as isComponentVNode, n as Raw, o as isVNode, r as createElement, s as jsx, t as Fragment, u as isRawChild } from "./vnode-B7qKjJZs.mjs";
 import { _ as serializeAttributeValue, b as validateStyleName, c as serializeHydrateEndComment, d as serializeRawEndComment, f as serializeRawStartComment, g as readDangerouslySetInnerHTML, l as serializeHydrateMetaComment, m as isChildlessElement, p as attributeName, u as serializeHydrateStartComment, v as toKebabCase, x as validateStyleValue, y as validateMarkupName } from "./hydration-markers-DdjOvH6g.mjs";
-import { a as isComponent, d as renderComponentErrorOutput, f as renderComponentOutput, i as finishComponentRender, l as readComponentHydrateMeta, m as setComponentProps, n as beginComponentRender, p as resolveComponent, t as Component, u as readComponentProps } from "./component-CHY49Hb1.mjs";
+import { a as isComponent, c as readComponentHydrateMeta, d as renderComponentOutput, f as resolveComponent, i as finishComponentRender, l as readComponentProps, m as setComponentProps, n as beginComponentRender, t as Component, u as renderComponentErrorOutput } from "./component-2mAsZGIS.mjs";
 //#region src/server.ts
 /**
 * Renders a Pudui child tree to an HTML string.

package/dist/vite-runtime.d.mts

@@ -1,4 +1,4 @@
-import { _ as PreloadMetadata } from "./core-C_ayj9MV.mjs";
+import { g as PreloadMetadata } from "./core-Cypb6mR9.mjs";
 
 //#region src/vite-runtime.d.ts
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pudui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "A tiny JSX UI runtime built from the ground up.",
   "license": "MIT",
   "files": [