rask-ui 0.2.6 → 0.2.8

package/dist/createState.js

@@ -27,13 +27,29 @@ export function createState(state) {
     return getProxy(state);
 }
 const proxyCache = new WeakMap();
+const PROXY_MARKER = Symbol('isProxy');
 function getProxy(value) {
+    // Check if already a proxy to avoid double-wrapping
+    if (PROXY_MARKER in value) {
+        return value;
+    }
     if (proxyCache.has(value)) {
         return proxyCache.get(value);
     }
     const signals = {};
     const proxy = new Proxy(value, {
+        has(target, key) {
+            // Support the "in" operator check for PROXY_MARKER
+            if (key === PROXY_MARKER) {
+                return true;
+            }
+            return Reflect.has(target, key);
+        },
         get(target, key) {
+            // Mark this as a proxy to prevent double-wrapping
+            if (key === PROXY_MARKER) {
+                return true;
+            }
             const value = Reflect.get(target, key);
             if (typeof key === "symbol" || typeof value === "function") {
                 return value;

package/dist/vdom/AbstractVNode.d.ts

@@ -31,7 +31,7 @@ export declare abstract class AbstractVNode {
     patchChildren(newChildren: VNode[]): {
         children: VNode[];
         hasChangedStructure: boolean;
-        operations: PatchOperation[];
+        operations?: PatchOperation[];
     };
     applyPatchOperations(target: HTMLElement, operations: PatchOperation[]): void;
     /**

package/dist/vdom/AbstractVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/AbstractVNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;IACtB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACvB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,CAAC;AAEN,8BAAsB,aAAa;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;IACnB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,EAAE;IAC7C,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,IAAI;IACpC,QAAQ,CAAC,OAAO,IAAI,IAAI;IACxB,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IACtD,SAAS,CAAC,cAAc;IAOxB;;OAEG;IACH,WAAW,IAAI,IAAI,EAAE;IAWrB,gBAAgB,IAAI,WAAW;IAiB/B,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO;IAoB3D,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG;QACnC,QAAQ,EAAE,KAAK,EAAE,CAAC;QAClB,mBAAmB,EAAE,OAAO,CAAC;QAC7B,UAAU,EAAE,cAAc,EAAE,CAAC;KAC9B;IAkJD,oBAAoB,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE;IAqCtE;;;;OAIG;IACH,SAAS,CAAC,eAAe;CA6B1B"}
+{"version":3,"file":"AbstractVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/AbstractVNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;IACtB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACvB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,CAAC;AAEN,8BAAsB,aAAa;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;IACnB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,EAAE;IAC7C,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,IAAI;IACpC,QAAQ,CAAC,OAAO,IAAI,IAAI;IACxB,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IACtD,SAAS,CAAC,cAAc;IAOxB;;OAEG;IACH,WAAW,IAAI,IAAI,EAAE;IAmBrB,gBAAgB,IAAI,WAAW;IAiB/B,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO;IAoB3D,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG;QACnC,QAAQ,EAAE,KAAK,EAAE,CAAC;QAClB,mBAAmB,EAAE,OAAO,CAAC;QAC7B,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;KAC/B;IAqJD,oBAAoB,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE;IAqCtE;;;;OAIG;IACH,SAAS,CAAC,eAAe;CA6B1B"}

package/dist/vdom/AbstractVNode.js

@@ -21,7 +21,15 @@ export class AbstractVNode {
         if (!this.children) {
             throw new Error("This VNode has no element or children");
         }
-        return this.children.map((child) => child.getElements()).flat();
+        // Optimized: avoid intermediate arrays from map+flat
+        const result = [];
+        for (let i = 0; i < this.children.length; i++) {
+            const childElms = this.children[i].getElements();
+            for (let j = 0; j < childElms.length; j++) {
+                result.push(childElms[j]);
+            }
+        }
+        return result;
     }
     getParentElement() {
         let parent = this.parent;
@@ -55,13 +63,15 @@ export class AbstractVNode {
     }
     patchChildren(newChildren) {
         const prevChildren = this.children;
+        if (newChildren.length === 0 && prevChildren.length === 0) {
+            return { children: [], hasChangedStructure: false };
+        }
         // When there are only new children, we just mount them
-        if (newChildren && prevChildren.length === 0) {
+        if (prevChildren.length === 0) {
             newChildren.forEach((child) => child.mount(this));
             return {
                 children: newChildren,
                 hasChangedStructure: true,
-                operations: [],
             };
         }
         // If we want to remove all children, we just unmount the previous ones

package/dist/vdom/ComponentVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/ComponentVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,QAAQ,EAAU,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGvC,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,MAAM,GACN,IAAI,GACJ,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,cAAc,EAAE,CAAC;AAElE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,IACjC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,iBAAiB,CAAC,GACvC,CAAC,MAAM,MAAM,iBAAiB,CAAC,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC,CAAC;AAKF,wBAAgB,mBAAmB,sBAYlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,QAYrC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAYvC;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC/C,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IAEb,QAAQ,EAAE,KAAK,EAAE,CAAM;IACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;gBAE3B,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,EAAE,EACjB,GAAG,CAAC,EAAE,MAAM;IAWd,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IAG7C,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE;IA0I7B,KAAK,CAAC,OAAO,EAAE,cAAc;IAW7B,OAAO;CAcR"}
+{"version":3,"file":"ComponentVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/ComponentVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,QAAQ,EAAU,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIvC,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,MAAM,GACN,IAAI,GACJ,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,cAAc,EAAE,CAAC;AAElE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,IACjC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,iBAAiB,CAAC,GACvC,CAAC,MAAM,MAAM,iBAAiB,CAAC,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC,CAAC;AAKF,wBAAgB,mBAAmB,sBAYlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,QAYrC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAYvC;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC/C,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IAEb,QAAQ,EAAE,KAAK,EAAE,CAAM;IACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;gBAE3B,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,EAAE,EACjB,GAAG,CAAC,EAAE,MAAM;IAWd,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IAG7C,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE;IA6I7B,KAAK,CAAC,OAAO,EAAE,cAAc;IAW7B,OAAO;CAcR"}

package/dist/vdom/ComponentVNode.js

@@ -3,6 +3,7 @@ import { AbstractVNode } from "./AbstractVNode";
 import { FragmentVNode } from "./FragmentVNode";
 import { RootVNode } from "./RootVNode";
 import { normalizeChildren } from "./utils";
+import { flattenNodes } from "./dom-utils";
 import { currentRoot } from "./RootVNode";
 export function getCurrentComponent() {
     if (!currentRoot) {
@@ -99,11 +100,11 @@ export class ComponentVNode extends AbstractVNode {
                     this.children = children;
                     // So if a fragment is returned where we add new elements we can not safely
                     // add them yet, check Fragment for a potential later optimization
-                    const hasAddOperation = operations.some((operation) => operation.type === "add");
+                    const hasAddOperation = operations?.some((operation) => operation.type === "add");
                     if (hasChangedStructure || hasAddOperation) {
                         this.parent?.rerender();
                     }
-                    else if (operations.length) {
+                    else if (operations?.length) {
                         this.parent?.rerender(operations);
                     }
                     this.root?.clearCurrent();
@@ -158,9 +159,12 @@ export class ComponentVNode extends AbstractVNode {
         this.children = executeRender();
         this.root?.popComponent();
         this.root?.clearCurrent();
-        const childElements = this.children
-            .map((child) => child.mount(this))
-            .flat();
+        // Optimized: avoid intermediate arrays from map+flat
+        const childResults = [];
+        for (let i = 0; i < this.children.length; i++) {
+            childResults.push(this.children[i].mount(this));
+        }
+        const childElements = flattenNodes(childResults);
         // Queue onMount callbacks after children are mounted
         // This ensures refs and other child lifecycle hooks run before parent onMount
         instance.onMounts.forEach((cb) => {

package/dist/vdom/ElementVNode.d.ts

@@ -1,13 +1,15 @@
 import { AbstractVNode, PatchOperation } from "./AbstractVNode";
-import { Props, VNode } from "./types";
+import { Props, VNode, VFlags } from "./types";
 export declare class ElementVNode extends AbstractVNode {
     tag: string;
     props: Props;
     children: VNode[];
     key?: string;
+    flags: VFlags;
     private ref?;
     private eventListeners?;
     constructor(tag: string, { ref, ...props }: Props, children: VNode[], key?: string);
+    private computeFlags;
     rerender(operations?: PatchOperation[]): void;
     mount(parent?: VNode): Node;
     /**
@@ -19,6 +21,7 @@ export declare class ElementVNode extends AbstractVNode {
     unmount(): void;
     private setProp;
     private patchProps;
+    private patchStyle;
     private addEventListener;
 }
 //# sourceMappingURL=ElementVNode.d.ts.map

package/dist/vdom/ElementVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/ElementVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAUvC,qBAAa,YAAa,SAAQ,aAAa;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,GAAG,CAAC,CAA0D;IACtE,OAAO,CAAC,cAAc,CAAC,CAA6B;gBAElD,GAAG,EAAE,MAAM,EACX,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EACxB,QAAQ,EAAE,KAAK,EAAE,EACjB,GAAG,CAAC,EAAE,MAAM;IASd,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IAO7C,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI;IAkC3B;;;;OAIG;IACH,KAAK,CAAC,OAAO,EAAE,YAAY;IAc3B,OAAO;IAYP,OAAO,CAAC,OAAO,CAoCb;IACF,OAAO,CAAC,UAAU;IAGlB,OAAO,CAAC,gBAAgB;CAgBzB"}
+{"version":3,"file":"ElementVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/ElementVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAU/C,qBAAa,YAAa,SAAQ,aAAa;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,GAAG,CAAC,CAA0D;IACtE,OAAO,CAAC,cAAc,CAAC,CAA6B;gBAElD,GAAG,EAAE,MAAM,EACX,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EACxB,QAAQ,EAAE,KAAK,EAAE,EACjB,GAAG,CAAC,EAAE,MAAM;IAad,OAAO,CAAC,YAAY;IAwBpB,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IAO7C,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI;IAkC3B;;;;OAIG;IACH,KAAK,CAAC,OAAO,EAAE,YAAY;IAwB3B,OAAO;IAYP,OAAO,CAAC,OAAO,CAoCb;IACF,OAAO,CAAC,UAAU;IAsClB,OAAO,CAAC,UAAU;IAoClB,OAAO,CAAC,gBAAgB;CAgBzB"}

package/dist/vdom/ElementVNode.js

@@ -7,6 +7,7 @@ export class ElementVNode extends AbstractVNode {
     props;
     children;
     key;
+    flags;
     ref;
     eventListeners;
     constructor(tag, { ref, ...props }, children, key) {
@@ -16,6 +17,31 @@ export class ElementVNode extends AbstractVNode {
         this.children = children;
         this.key = key;
         this.ref = ref;
+        // Pre-compute flags for fast-path checks during patching
+        this.flags = this.computeFlags(props);
+    }
+    computeFlags(props) {
+        let flags = 0 /* VFlags.None */;
+        const propKeys = Object.keys(props);
+        if (propKeys.length > 0) {
+            flags |= 1 /* VFlags.HasProps */;
+            for (let i = 0; i < propKeys.length; i++) {
+                const key = propKeys[i];
+                if (key === "class" || key === "className") {
+                    flags |= 2 /* VFlags.HasClass */;
+                }
+                else if (key === "style") {
+                    flags |= 4 /* VFlags.HasStyle */;
+                }
+                else if (isEventProp(key)) {
+                    flags |= 8 /* VFlags.HasEvents */;
+                }
+                else if (key.startsWith("data-") || key.startsWith("aria-")) {
+                    flags |= 16 /* VFlags.HasDataAttrs */;
+                }
+            }
+        }
+        return flags;
     }
     rerender(operations) {
         if (operations) {
@@ -60,14 +86,21 @@ export class ElementVNode extends AbstractVNode {
      * - Patch the children
      */
     patch(newNode) {
-        this.patchProps(newNode.props);
+        // Save old flags before updating
+        const oldFlags = this.flags;
+        // Only patch props if either old or new node has props
+        if ((oldFlags | newNode.flags) & 1 /* VFlags.HasProps */) {
+            this.patchProps(newNode.props, oldFlags, newNode.flags);
+        }
+        // Update flags and props after patching
+        this.flags = newNode.flags;
         this.props = newNode.props;
         const { children, hasChangedStructure, operations } = this.patchChildren(newNode.children);
         this.children = children;
         if (hasChangedStructure) {
             this.syncDOMChildren();
         }
-        else {
+        else if (operations?.length) {
             this.applyPatchOperations(this.getHTMLElement(), operations);
         }
     }
@@ -110,8 +143,64 @@ export class ElementVNode extends AbstractVNode {
         }
         setElementProp(elm, prop, value);
     };
-    patchProps(newProps) {
-        diffObjectKeys(this.props, newProps, this.setProp);
+    patchProps(newProps, oldFlags, newFlags) {
+        // Early bailout for reference equality
+        if (this.props === newProps) {
+            return;
+        }
+        const oldProps = this.props;
+        const elm = this.getHTMLElement();
+        // Handle class separately for efficiency (check if either old or new has class)
+        if ((oldFlags | newFlags) & 2 /* VFlags.HasClass */) {
+            const oldClass = oldProps.class ?? oldProps.className;
+            const newClass = newProps.class ?? newProps.className;
+            if (oldClass !== newClass) {
+                setElementClass(elm, newClass);
+            }
+        }
+        // Handle style separately with per-property diffing (check if either old or new has style)
+        if ((oldFlags | newFlags) & 4 /* VFlags.HasStyle */) {
+            this.patchStyle(oldProps.style, newProps.style);
+        }
+        // Handle regular props (excluding class, className, style, children)
+        diffObjectKeys(oldProps, newProps, (key, value, oldValue) => {
+            // Skip props we've already handled
+            if (key === "class" ||
+                key === "className" ||
+                key === "style" ||
+                key === "children") {
+                return;
+            }
+            this.setProp(key, value);
+        });
+    }
+    patchStyle(oldStyle, newStyle) {
+        // Early bailout for reference equality
+        if (oldStyle === newStyle) {
+            return;
+        }
+        const elm = this.getHTMLElement();
+        // If either is a string, fall back to full replacement
+        if (typeof oldStyle === "string" || typeof newStyle === "string") {
+            setElementStyle(elm, newStyle);
+            return;
+        }
+        // Per-property style diffing for objects
+        const os = oldStyle || {};
+        const ns = newStyle || {};
+        // Remove old styles not in new
+        for (const key in os) {
+            if (!(key in ns)) {
+                elm.style[key] = "";
+            }
+        }
+        // Set new/changed styles
+        for (const key in ns) {
+            const newVal = ns[key];
+            if (newVal !== os[key]) {
+                elm.style[key] = newVal;
+            }
+        }
     }
     addEventListener(type, cb) {
         if (!this.eventListeners) {

package/dist/vdom/FragmentVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FragmentVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/FragmentVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKhE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,eAAO,MAAM,QAAQ,eAAqB,CAAC;AAE3C,qBAAa,aAAc,SAAQ,aAAa;IAC9C,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;gBAED,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,CAAC,EAAE,MAAM;IAK3C,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE;IAW7B,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IAG7C,KAAK,CAAC,OAAO,EAAE,aAAa;IAiB5B,OAAO;CAMR"}
+{"version":3,"file":"FragmentVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/FragmentVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKhE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,eAAO,MAAM,QAAQ,eAAqB,CAAC;AAE3C,qBAAa,aAAc,SAAQ,aAAa;IAC9C,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;gBAED,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,CAAC,EAAE,MAAM;IAK3C,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE;IAgB7B,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IAG7C,KAAK,CAAC,OAAO,EAAE,aAAa;IAiB5B,OAAO;CAMR"}

package/dist/vdom/FragmentVNode.js

@@ -1,5 +1,6 @@
 import { AbstractVNode } from "./AbstractVNode";
 import { RootVNode } from "./RootVNode";
+import { flattenNodes } from "./dom-utils";
 export const Fragment = Symbol("Fragment");
 export class FragmentVNode extends AbstractVNode {
     children;
@@ -17,7 +18,12 @@ export class FragmentVNode extends AbstractVNode {
         else {
             this.root = parent?.root;
         }
-        return this.children.map((child) => child.mount(this)).flat();
+        // Optimized: avoid intermediate arrays from map+flat
+        const childResults = [];
+        for (let i = 0; i < this.children.length; i++) {
+            childResults.push(this.children[i].mount(this));
+        }
+        return flattenNodes(childResults);
     }
     rerender(operations) {
         this.parent?.rerender(operations);
@@ -30,7 +36,7 @@ export class FragmentVNode extends AbstractVNode {
         // handled with some additional detection, changing it to insertBefore. This can be
         // done by passing this vnode up to the parent
         this.rerender(hasChangedStructure ||
-            operations.some((operation) => operation.type === "add")
+            operations?.some((operation) => operation.type === "add")
             ? undefined
             : operations);
     }

package/dist/vdom/RootVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RootVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/RootVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIrD,eAAO,IAAI,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;AAE9C,qBAAa,SAAU,SAAQ,aAAa;IAC1C,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,cAAc,EAAE,iBAAiB,EAAE,CAAM;IACzC,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,gBAAgB,CAAyB;gBAErC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW;IAMnD,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI;IAIzB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI;IAG3B,aAAa,CAAC,EAAE,EAAE,MAAM,IAAI;IAa5B,cAAc;IAOd,aAAa,CAAC,QAAQ,EAAE,iBAAiB;IAIzC,YAAY;IAIZ,YAAY;IAIZ,YAAY;IAMZ,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE;IAGtB,KAAK,IAAI,IAAI;IACb,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IAS7C,OAAO,IAAI,IAAI;CAChB"}
+{"version":3,"file":"RootVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/RootVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAKrD,eAAO,IAAI,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;AAE9C,qBAAa,SAAU,SAAQ,aAAa;IAC1C,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,cAAc,EAAE,iBAAiB,EAAE,CAAM;IACzC,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,gBAAgB,CAAyB;gBAErC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW;IAMnD,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI;IAIzB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI;IAG3B,aAAa,CAAC,EAAE,EAAE,MAAM,IAAI;IAa5B,cAAc;IAOd,aAAa,CAAC,QAAQ,EAAE,iBAAiB;IAIzC,YAAY;IAIZ,YAAY;IAIZ,YAAY;IAMZ,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE;IAStB,KAAK,IAAI,IAAI;IACb,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IAS7C,OAAO,IAAI,IAAI;CAChB"}

package/dist/vdom/RootVNode.js

@@ -1,4 +1,5 @@
 import { AbstractVNode } from "./AbstractVNode";
+import { flattenNodes } from "./dom-utils";
 // Global reference to the currently executing root
 // Safe because JS is single-threaded - only one render executes at a time
 export let currentRoot;
@@ -56,7 +57,13 @@ export class RootVNode extends AbstractVNode {
         }
     }
     mount() {
-        return this.children.map((childNode) => childNode.mount(this)).flat();
+        // Optimized: avoid intermediate arrays from map+flat
+        const childResults = [];
+        for (let i = 0; i < this.children.length; i++) {
+            childResults.push(this.children[i].mount(this));
+        }
+        const result = flattenNodes(childResults);
+        return result.length === 1 ? result[0] : result;
     }
     patch() { }
     rerender(operations) {

package/dist/vdom/dom-utils.d.ts

@@ -1,9 +1,14 @@
+/**
+ * Efficiently flatten a Node or Node[] result without creating intermediate arrays.
+ * Used to optimize mount operations that return either Node or Node[].
+ */
+export declare function flattenNodes(items: (Node | Node[])[]): Node[];
 export declare function replaceElementsOf(parent: HTMLElement, newChildren: Node | Node[]): void;
 export declare function elementsToFragment(elm: Node | Node[]): Node;
 export declare function removeElementRange(parent: Node, start: Node, end: Node): void;
 export declare function setElementProp(elm: HTMLElement, key: string, value: unknown): void;
 export declare function setElementAttr(elm: HTMLElement, key: string, value: string | null): void;
-export declare function setElementStyle(elm: HTMLElement, value: string | Record<string, unknown> | null): void;
+export declare function setElementStyle(elm: HTMLElement, value?: string | Record<string, unknown> | null): void;
 export declare function isEventProp(name: string): boolean;
 export declare function setElementClass(elm: HTMLElement, value: string | Record<string, boolean> | null | undefined): void;
 //# sourceMappingURL=dom-utils.d.ts.map

package/dist/vdom/dom-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom-utils.d.ts","sourceRoot":"","sources":["../../src/vdom/dom-utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,IAAI,GAAG,IAAI,EAAE,QAO3B;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAc3D;AAGD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,QAQtE;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,QAE3E;AAED,wBAAgB,cAAc,CAC5B,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GAAG,IAAI,QAOrB;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,QAe/C;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,QA0B3D"}
+{"version":3,"file":"dom-utils.d.ts","sourceRoot":"","sources":["../../src/vdom/dom-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAa7D;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,IAAI,GAAG,IAAI,EAAE,QAO3B;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAc3D;AAGD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,QAQtE;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,QAE3E;AAED,wBAAgB,cAAc,CAC5B,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GAAG,IAAI,QAOrB;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE,WAAW,EAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,QAehD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,QA0B3D"}

package/dist/vdom/dom-utils.js

@@ -1,3 +1,22 @@
+/**
+ * Efficiently flatten a Node or Node[] result without creating intermediate arrays.
+ * Used to optimize mount operations that return either Node or Node[].
+ */
+export function flattenNodes(items) {
+    const result = [];
+    for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (Array.isArray(item)) {
+            for (let j = 0; j < item.length; j++) {
+                result.push(item[j]);
+            }
+        }
+        else {
+            result.push(item);
+        }
+    }
+    return result;
+}
 export function replaceElementsOf(parent, newChildren) {
     if (Array.isArray(newChildren)) {
         parent.replaceChildren(...newChildren);
@@ -42,7 +61,7 @@ export function setElementAttr(elm, key, value) {
     }
 }
 export function setElementStyle(elm, value) {
-    if (value === null) {
+    if (value === null || value === undefined) {
         elm.removeAttribute("style");
         return;
     }

package/dist/vdom/types.d.ts

@@ -5,4 +5,16 @@ import { RootVNode } from "./RootVNode";
 import { TextVNode } from "./TextVNode";
 export type VNode = ElementVNode | FragmentVNode | ComponentVNode | TextVNode | RootVNode;
 export type Props = Record<string, unknown>;
+/**
+ * Bit flags to optimize VNode property checks.
+ * Pre-computed during VNode creation to avoid repeated conditional checks.
+ */
+export declare const enum VFlags {
+    None = 0,
+    HasProps = 1,// Has any props at all
+    HasClass = 2,// Has class or className prop
+    HasStyle = 4,// Has style prop
+    HasEvents = 8,// Has event listeners (onXxx props)
+    HasDataAttrs = 16
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/vdom/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/vdom/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,aAAa,GACb,cAAc,GACd,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/vdom/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,aAAa,GACb,cAAc,GACd,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE5C;;;GAGG;AACH,0BAAkB,MAAM;IACtB,IAAI,IAAI;IACR,QAAQ,IAAS,CAAQ,uBAAuB;IAChD,QAAQ,IAAS,CAAQ,8BAA8B;IACvD,QAAQ,IAAS,CAAQ,iBAAiB;IAC1C,SAAS,IAAS,CAAO,oCAAoC;IAC7D,YAAY,KAAS;CACtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",