@vertz/ui 0.2.21 → 0.2.23

package/dist/shared/{chunk-67z8b0q8.js → chunk-016m1fq0.js}

@@ -1,20 +1,23 @@
 import {
   __classList,
-  __on
-} from "./chunk-kjwp5q5s.js";
+  __on,
+  beginDeferringMounts,
+  discardDeferredMounts,
+  flushDeferredMounts
+} from "./chunk-2kyhn86t.js";
 import {
   __append,
   __element,
   __enterChildren,
   __exitChildren,
   __staticText
-} from "./chunk-vwz86vg9.js";
+} from "./chunk-13tvh4wq.js";
 import {
   RouterContext
-} from "./chunk-4cmt1ve8.js";
+} from "./chunk-f4d5nphq.js";
 import {
   isBrowser
-} from "./chunk-bybgyjye.js";
+} from "./chunk-da2w7j7w.js";
 import {
   _tryOnCleanup,
   createContext,
@@ -29,7 +32,7 @@ import {
   startHydration,
   untrack,
   useContext
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/router/link.ts
 var DANGEROUS_SCHEMES = ["javascript:", "data:", "vbscript:"];
@@ -191,32 +194,43 @@ function Outlet() {
               return;
             let node;
             childCleanups = pushScope();
-            if (wasHydrating) {
-              startHydration(container);
-              try {
+            try {
+              if (wasHydrating) {
+                beginDeferringMounts();
+                startHydration(container);
+                let miniHydrationOk = false;
+                try {
+                  RouterContext.Provider(router, () => {
+                    node = mod.default();
+                    __append(container, node);
+                  });
+                  miniHydrationOk = true;
+                } finally {
+                  endHydration();
+                  if (miniHydrationOk) {
+                    flushDeferredMounts();
+                  } else {
+                    discardDeferredMounts();
+                  }
+                }
+                if (!container.contains(node)) {
+                  while (container.firstChild) {
+                    container.removeChild(container.firstChild);
+                  }
+                  container.appendChild(node);
+                }
+              } else {
+                while (container.firstChild) {
+                  container.removeChild(container.firstChild);
+                }
                 RouterContext.Provider(router, () => {
                   node = mod.default();
                   __append(container, node);
                 });
-              } finally {
-                endHydration();
-              }
-              if (!container.contains(node)) {
-                while (container.firstChild) {
-                  container.removeChild(container.firstChild);
-                }
-                container.appendChild(node);
-              }
-            } else {
-              while (container.firstChild) {
-                container.removeChild(container.firstChild);
               }
-              RouterContext.Provider(router, () => {
-                node = mod.default();
-                __append(container, node);
-              });
+            } finally {
+              popScope();
             }
-            popScope();
           });
         } else {
           __append(container, result);
@@ -304,32 +318,43 @@ function RouterView({ router, fallback }) {
                 return;
               let node;
               pageCleanups = pushScope();
-              if (wasHydrating) {
-                startHydration(container);
-                try {
-                  RouterContext.Provider(router, () => {
-                    node = mod.default();
-                    __append(container, node);
-                  });
-                } finally {
-                  endHydration();
-                }
-                if (!container.contains(node)) {
+              try {
+                if (wasHydrating) {
+                  beginDeferringMounts();
+                  startHydration(container);
+                  let miniHydrationOk = false;
+                  try {
+                    RouterContext.Provider(router, () => {
+                      node = mod.default();
+                      __append(container, node);
+                    });
+                    miniHydrationOk = true;
+                  } finally {
+                    endHydration();
+                    if (miniHydrationOk) {
+                      flushDeferredMounts();
+                    } else {
+                      discardDeferredMounts();
+                    }
+                  }
+                  if (!container.contains(node)) {
+                    while (container.firstChild) {
+                      container.removeChild(container.firstChild);
+                    }
+                    container.appendChild(node);
+                  }
+                } else {
                   while (container.firstChild) {
                     container.removeChild(container.firstChild);
                   }
-                  container.appendChild(node);
-                }
-              } else {
-                while (container.firstChild) {
-                  container.removeChild(container.firstChild);
+                  RouterContext.Provider(router, () => {
+                    node = mod.default();
+                    container.appendChild(node);
+                  });
                 }
-                RouterContext.Provider(router, () => {
-                  node = mod.default();
-                  container.appendChild(node);
-                });
+              } finally {
+                popScope();
               }
-              popScope();
             });
           } else {
             __append(container, result);

package/dist/shared/{chunk-vwz86vg9.js → chunk-13tvh4wq.js}

@@ -6,7 +6,7 @@ import {
 import {
   getAdapter,
   isRenderNode
-} from "./chunk-c61572xp.js";
+} from "./chunk-2y9f9j62.js";
 import {
   claimElement,
   claimText,
@@ -16,8 +16,11 @@ import {
   exitChildren,
   getIsHydrating,
   pauseHydration,
-  resumeHydration
-} from "./chunk-2qe6aqhb.js";
+  popScope,
+  pushScope,
+  resumeHydration,
+  runCleanups
+} from "./chunk-656n0x6y.js";
 
 // src/dom/element.ts
 var MAX_THUNK_DEPTH = 100;
@@ -73,20 +76,33 @@ function __child(fn) {
       }
       pauseHydration();
       try {
+        let childCleanups2 = [];
         wrapper.dispose = domEffect(() => {
-          const value = fn();
-          if (isRenderNode(value) && wrapper.childNodes.length === 1 && wrapper.firstChild === value) {
-            return;
-          }
-          if (!isRenderNode(value) && value != null && typeof value !== "boolean" && wrapper.childNodes.length === 1 && wrapper.firstChild.nodeType === 3) {
-            const text = typeof value === "string" ? value : String(value);
-            wrapper.firstChild.data = text;
-            return;
-          }
-          while (wrapper.firstChild) {
-            wrapper.removeChild(wrapper.firstChild);
+          runCleanups(childCleanups2);
+          const needsPause = getIsHydrating();
+          if (needsPause)
+            pauseHydration();
+          try {
+            const scope = pushScope();
+            const value = fn();
+            popScope();
+            childCleanups2 = scope;
+            if (isRenderNode(value) && wrapper.childNodes.length === 1 && wrapper.firstChild === value) {
+              return;
+            }
+            if (!isRenderNode(value) && value != null && typeof value !== "boolean" && wrapper.childNodes.length === 1 && wrapper.firstChild.nodeType === 3) {
+              const text = typeof value === "string" ? value : String(value);
+              wrapper.firstChild.data = text;
+              return;
+            }
+            while (wrapper.firstChild) {
+              wrapper.removeChild(wrapper.firstChild);
+            }
+            resolveAndAppend(wrapper, value);
+          } finally {
+            if (needsPause)
+              resumeHydration();
           }
-          resolveAndAppend(wrapper, value);
         });
       } finally {
         resumeHydration();
@@ -96,8 +112,13 @@ function __child(fn) {
   }
   wrapper = getAdapter().createElement("span");
   wrapper.style.display = "contents";
+  let childCleanups = [];
   wrapper.dispose = domEffect(() => {
+    runCleanups(childCleanups);
+    const scope = pushScope();
     const value = fn();
+    popScope();
+    childCleanups = scope;
     if (isRenderNode(value) && wrapper.childNodes.length === 1 && wrapper.firstChild === value) {
       return;
     }

package/dist/shared/chunk-2kyhn86t.js

@@ -0,0 +1,160 @@
+import {
+  styleObjectToString
+} from "./chunk-4xkw6h1s.js";
+import {
+  _tryOnCleanup,
+  deferredDomEffect,
+  getSSRContext,
+  popScope,
+  pushScope,
+  runCleanups,
+  untrack
+} from "./chunk-656n0x6y.js";
+
+// src/component/lifecycle.ts
+var mountFrames = [];
+var postHydrationQueue = null;
+function __pushMountFrame() {
+  mountFrames.push([]);
+  return mountFrames.length;
+}
+function __flushMountFrame() {
+  const frame = mountFrames.pop();
+  if (!frame)
+    return;
+  if (postHydrationQueue) {
+    for (const cb of frame) {
+      postHydrationQueue.push(cb);
+    }
+    return;
+  }
+  let firstError;
+  for (const cb of frame) {
+    try {
+      cb();
+    } catch (e) {
+      if (firstError === undefined)
+        firstError = e;
+    }
+  }
+  if (firstError !== undefined)
+    throw firstError;
+}
+function __discardMountFrame(expectedDepth) {
+  if (mountFrames.length === expectedDepth) {
+    mountFrames.pop();
+  }
+}
+function beginDeferringMounts() {
+  if (!postHydrationQueue) {
+    postHydrationQueue = [];
+  }
+}
+function flushDeferredMounts() {
+  const queue = postHydrationQueue;
+  postHydrationQueue = null;
+  if (!queue)
+    return;
+  let firstError;
+  for (const cb of queue) {
+    try {
+      cb();
+    } catch (e) {
+      if (firstError === undefined)
+        firstError = e;
+    }
+  }
+  if (firstError !== undefined)
+    throw firstError;
+}
+function discardDeferredMounts() {
+  postHydrationQueue = null;
+}
+function onMount(callback) {
+  if (getSSRContext())
+    return;
+  const frame = mountFrames[mountFrames.length - 1];
+  if (frame) {
+    frame.push(() => executeOnMount(callback));
+  } else {
+    executeOnMount(callback);
+  }
+}
+function executeOnMount(callback) {
+  const scope = pushScope();
+  try {
+    const cleanup = untrack(callback);
+    if (typeof cleanup === "function") {
+      _tryOnCleanup(cleanup);
+    }
+  } finally {
+    popScope();
+    if (scope.length > 0) {
+      _tryOnCleanup(() => runCleanups(scope));
+    }
+  }
+}
+
+// src/dom/attributes.ts
+function __attr(el, name, fn) {
+  return deferredDomEffect(() => {
+    const value = fn();
+    if (value == null || value === false) {
+      el.removeAttribute(name);
+    } else if (value === true) {
+      el.setAttribute(name, "");
+    } else if (name === "style" && typeof value === "object") {
+      el.setAttribute(name, styleObjectToString(value));
+    } else {
+      el.setAttribute(name, value);
+    }
+  });
+}
+function __prop(el, name, fn) {
+  return deferredDomEffect(() => {
+    const value = fn();
+    if (value == null) {
+      Reflect.set(el, name, typeof Reflect.get(el, name) === "boolean" ? false : "");
+    } else {
+      Reflect.set(el, name, value);
+    }
+    if (name === "selected") {
+      if (value) {
+        el.setAttribute(name, "");
+      } else {
+        el.removeAttribute(name);
+      }
+    }
+  });
+}
+function __show(el, fn) {
+  const originalDisplay = el.style.display;
+  return deferredDomEffect(() => {
+    el.style.display = fn() ? originalDisplay : "none";
+  });
+}
+function __classList(el, classMap) {
+  const disposers = [];
+  for (const [className, fn] of Object.entries(classMap)) {
+    disposers.push(deferredDomEffect(() => {
+      if (fn()) {
+        el.classList.add(className);
+      } else {
+        el.classList.remove(className);
+      }
+    }));
+  }
+  return () => {
+    for (const dispose of disposers) {
+      dispose();
+    }
+  };
+}
+
+// src/dom/events.ts
+function __on(el, event, handler) {
+  el.addEventListener(event, handler);
+  return () => el.removeEventListener(event, handler);
+}
+
+export { __pushMountFrame, __flushMountFrame, __discardMountFrame, beginDeferringMounts, flushDeferredMounts, discardDeferredMounts, onMount, __attr, __prop, __show, __classList, __on };

package/dist/shared/{chunk-c61572xp.js → chunk-2y9f9j62.js}

@@ -1,6 +1,6 @@
 import {
   getSSRContext
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/dom/dom-adapter.ts
 function createDOMAdapter() {

package/dist/shared/{chunk-yb4a0smw.js → chunk-4gmtsf6v.js}

@@ -1,7 +1,7 @@
 import {
   computed,
   signal
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/form/field-state.ts
 function createFieldState(_name, initialValue) {

package/dist/shared/{chunk-2qe6aqhb.js → chunk-656n0x6y.js}

@@ -188,52 +188,6 @@ function runCleanups(cleanups) {
   cleanups.length = 0;
 }
 
-// src/runtime/tracking.ts
-var currentSubscriber = null;
-var readValueCallback = null;
-function getSubscriber() {
-  const ctx = getSSRContext();
-  if (ctx)
-    return ctx.subscriber;
-  return currentSubscriber;
-}
-function setSubscriber(sub) {
-  const ctx = getSSRContext();
-  if (ctx) {
-    const prev2 = ctx.subscriber;
-    ctx.subscriber = sub;
-    return prev2;
-  }
-  const prev = currentSubscriber;
-  currentSubscriber = sub;
-  return prev;
-}
-function getReadValueCallback() {
-  const ctx = getSSRContext();
-  if (ctx)
-    return ctx.readValueCb;
-  return readValueCallback;
-}
-function setReadValueCallback(cb) {
-  const ctx = getSSRContext();
-  if (ctx) {
-    const prev2 = ctx.readValueCb;
-    ctx.readValueCb = cb;
-    return prev2;
-  }
-  const prev = readValueCallback;
-  readValueCallback = cb;
-  return prev;
-}
-function untrack(fn) {
-  const prev = setSubscriber(null);
-  try {
-    return fn();
-  } finally {
-    setSubscriber(prev);
-  }
-}
-
 // src/runtime/scheduler.ts
 var batchDepth = 0;
 var pendingEffects = new Map;
@@ -285,6 +239,52 @@ function batch(fn) {
   }
 }
 
+// src/runtime/tracking.ts
+var currentSubscriber = null;
+var readValueCallback = null;
+function getSubscriber() {
+  const ctx = getSSRContext();
+  if (ctx)
+    return ctx.subscriber;
+  return currentSubscriber;
+}
+function setSubscriber(sub) {
+  const ctx = getSSRContext();
+  if (ctx) {
+    const prev2 = ctx.subscriber;
+    ctx.subscriber = sub;
+    return prev2;
+  }
+  const prev = currentSubscriber;
+  currentSubscriber = sub;
+  return prev;
+}
+function getReadValueCallback() {
+  const ctx = getSSRContext();
+  if (ctx)
+    return ctx.readValueCb;
+  return readValueCallback;
+}
+function setReadValueCallback(cb) {
+  const ctx = getSSRContext();
+  if (ctx) {
+    const prev2 = ctx.readValueCb;
+    ctx.readValueCb = cb;
+    return prev2;
+  }
+  const prev = readValueCallback;
+  readValueCallback = cb;
+  return prev;
+}
+function untrack(fn) {
+  const prev = setSubscriber(null);
+  try {
+    return fn();
+  } finally {
+    setSubscriber(prev);
+  }
+}
+
 // src/hydrate/hydration-context.ts
 var isHydrating = false;
 var currentNode = null;
@@ -374,7 +374,7 @@ function claimElement(tag) {
   while (currentNode) {
     if (currentNode.nodeType === Node.ELEMENT_NODE) {
       const el = currentNode;
-      if (el.tagName === upperTag) {
+      if (el.tagName.toUpperCase() === upperTag) {
         if (isDebug()) {
           const id = el.id ? `#${el.id}` : "";
           const cls = el.className ? `.${el.className.split(" ")[0]}` : "";
@@ -716,4 +716,4 @@ function lifecycleEffect(fn) {
   return dispose;
 }
 
-export { registerSSRResolver, getSSRContext, hasSSRResolver, createContext, useContext, getContextScope, setContextScope, DisposalScopeError, onCleanup, _tryOnCleanup, pushScope, popScope, runCleanups, setReadValueCallback, untrack, startHydration, endHydration, discardDeferredEffects, getIsHydrating, pauseHydration, resumeHydration, claimElement, claimText, claimComment, enterChildren, exitChildren, batch, startSignalCollection, stopSignalCollection, signal, computed, domEffect, deferredDomEffect, lifecycleEffect };
+export { registerSSRResolver, getSSRContext, hasSSRResolver, createContext, useContext, getContextScope, setContextScope, startHydration, endHydration, discardDeferredEffects, getIsHydrating, pauseHydration, resumeHydration, claimElement, claimText, claimComment, enterChildren, exitChildren, DisposalScopeError, onCleanup, _tryOnCleanup, pushScope, popScope, runCleanups, batch, setReadValueCallback, untrack, startSignalCollection, stopSignalCollection, signal, computed, domEffect, deferredDomEffect, lifecycleEffect };

package/dist/shared/{chunk-bybgyjye.js → chunk-da2w7j7w.js}

@@ -1,6 +1,6 @@
 import {
   hasSSRResolver
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/env/is-browser.ts
 function isBrowser() {

package/dist/shared/{chunk-4cmt1ve8.js → chunk-f4d5nphq.js}

@@ -1,7 +1,7 @@
 import {
   createContext,
   useContext
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/router/router-context.ts
 var RouterContext = createContext(undefined, "@vertz/ui::RouterContext");

package/dist/shared/{chunk-szk0hyjg.js → chunk-g6fb5yc2.js}

@@ -4,10 +4,10 @@ import {
 import {
   getAdapter,
   isRenderNode
-} from "./chunk-c61572xp.js";
+} from "./chunk-2y9f9j62.js";
 import {
   isBrowser
-} from "./chunk-bybgyjye.js";
+} from "./chunk-da2w7j7w.js";
 import {
   _tryOnCleanup,
   batch,
@@ -21,7 +21,7 @@ import {
   setReadValueCallback,
   signal,
   untrack
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/query/cache.ts
 class MemoryCache {

package/dist/shared/{chunk-7g722pdh.js → chunk-jtma4sh4.js}

@@ -7,11 +7,11 @@ import {
 } from "./chunk-jrtrk5z4.js";
 import {
   isBrowser
-} from "./chunk-bybgyjye.js";
+} from "./chunk-da2w7j7w.js";
 import {
   getSSRContext,
   signal
-} from "./chunk-2qe6aqhb.js";
+} from "./chunk-656n0x6y.js";
 
 // src/router/view-transitions.ts
 var transitionGen = 0;

package/dist/shared/{chunk-pdqr78k9.js → chunk-p3fz6qqp.js}

@@ -1,6 +1,6 @@
 import {
   injectCSS
-} from "./chunk-pq8khh47.js";
+} from "./chunk-xhc7arn9.js";
 
 // src/dom/animation.ts
 function onAnimationsComplete(el, callback) {