@vertz/ui 0.2.24 → 0.2.26

package/dist/shared/{chunk-2eh4p2n7.js → chunk-09ntccdx.js}

@@ -1,6 +1,6 @@
 import {
   getSSRContext
-} from "./chunk-656n0x6y.js";
+} from "./chunk-ppr06jgn.js";
 
 // src/query/invalidate.ts
 var registry = new Set;

package/dist/shared/{chunk-4gen306a.js → chunk-1jgws7rs.js}

@@ -1,30 +1,22 @@
 import {
   isNavPrefetchActive
 } from "./chunk-jrtrk5z4.js";
-import {
-  getAdapter,
-  isRenderNode
-} from "./chunk-2y9f9j62.js";
 import {
   registerActiveQuery
-} from "./chunk-2eh4p2n7.js";
+} from "./chunk-09ntccdx.js";
 import {
   isBrowser
-} from "./chunk-da2w7j7w.js";
+} from "./chunk-xs5s8gqe.js";
 import {
   _tryOnCleanup,
   batch,
   computed,
-  domEffect,
   getSSRContext,
   lifecycleEffect,
-  popScope,
-  pushScope,
-  runCleanups,
   setReadValueCallback,
   signal,
   untrack
-} from "./chunk-656n0x6y.js";
+} from "./chunk-ppr06jgn.js";
 
 // src/query/cache.ts
 class MemoryCache {
@@ -1380,101 +1372,4 @@ function splitRefKey(key) {
   return [key.slice(0, idx), key.slice(idx + 1)];
 }
 
-// src/query/query-match.ts
-var cache = new WeakMap;
-function queryMatch(queryResult, handlers) {
-  const key = queryResult;
-  const existing = cache.get(key);
-  if (existing && !existing.disposed) {
-    existing.handlers = handlers;
-    return existing.wrapper;
-  }
-  if (existing) {
-    cache.delete(key);
-  }
-  const wrapper = getAdapter().createElement("span");
-  wrapper.style.display = "contents";
-  const entry = { wrapper, handlers, disposed: false };
-  cache.set(key, entry);
-  let currentBranch = null;
-  let branchCleanups = [];
-  const outerScope = pushScope();
-  domEffect(() => {
-    const isLoading = queryResult.loading.value;
-    const err = queryResult.error.value;
-    const dataValue = queryResult.data.value;
-    let branch;
-    if (isLoading || err === undefined && dataValue === undefined) {
-      branch = "loading";
-    } else if (err !== undefined) {
-      branch = "error";
-    } else {
-      branch = "data";
-    }
-    if (branch === currentBranch) {
-      return;
-    }
-    runCleanups(branchCleanups);
-    while (wrapper.firstChild) {
-      wrapper.removeChild(wrapper.firstChild);
-    }
-    currentBranch = branch;
-    const scope = pushScope();
-    let branchResult = null;
-    if (branch === "loading") {
-      branchResult = entry.handlers.loading();
-    } else if (branch === "error") {
-      branchResult = entry.handlers.error(err);
-    } else {
-      const dataSignal = queryResult.data;
-      const dataProxy = new Proxy({}, {
-        get(_target, prop, receiver) {
-          const current = dataSignal.value;
-          if (current == null)
-            return;
-          const value = Reflect.get(current, prop, receiver);
-          if (typeof value === "function") {
-            return value.bind(current);
-          }
-          return value;
-        },
-        has(_target, prop) {
-          const current = dataSignal.value;
-          if (current == null)
-            return false;
-          return Reflect.has(current, prop);
-        },
-        ownKeys() {
-          const current = dataSignal.value;
-          if (current == null)
-            return [];
-          return Reflect.ownKeys(current);
-        },
-        getOwnPropertyDescriptor(_target, prop) {
-          const current = dataSignal.value;
-          if (current == null)
-            return;
-          return Reflect.getOwnPropertyDescriptor(current, prop);
-        }
-      });
-      branchResult = entry.handlers.data(dataProxy);
-    }
-    popScope();
-    branchCleanups = scope;
-    if (branchResult != null && isRenderNode(branchResult)) {
-      wrapper.appendChild(branchResult);
-    }
-  });
-  popScope();
-  const dispose = () => {
-    entry.disposed = true;
-    runCleanups(branchCleanups);
-    runCleanups(outerScope);
-    cache.delete(key);
-  };
-  wrapper.dispose = dispose;
-  _tryOnCleanup(dispose);
-  return wrapper;
-}
-
-export { MemoryCache, deriveKey, FieldSelectionTracker, registerRelationSchema, getRelationSchema, resetRelationSchemas_TEST_ONLY, EntityStore, QueryEnvelopeStore, getEntityStore, getQueryEnvelopeStore, getMutationEventBus, query, queryMatch };
+export { MemoryCache, deriveKey, FieldSelectionTracker, registerRelationSchema, getRelationSchema, resetRelationSchemas_TEST_ONLY, EntityStore, QueryEnvelopeStore, getEntityStore, getQueryEnvelopeStore, getMutationEventBus, query };

package/dist/shared/{chunk-2wag9c7v.js → chunk-2krx4aqe.js}

@@ -3,7 +3,7 @@ import {
   beginDeferringMounts,
   discardDeferredMounts,
   flushDeferredMounts
-} from "./chunk-ge2e6y2s.js";
+} from "./chunk-svvqjmyy.js";
 import {
   __append,
   __classList,
@@ -11,13 +11,13 @@ import {
   __enterChildren,
   __exitChildren,
   __staticText
-} from "./chunk-mbnda3pv.js";
+} from "./chunk-djvarb8r.js";
 import {
   RouterContext
-} from "./chunk-f4d5nphq.js";
+} from "./chunk-7nr2ebrf.js";
 import {
   isBrowser
-} from "./chunk-da2w7j7w.js";
+} from "./chunk-xs5s8gqe.js";
 import {
   _tryOnCleanup,
   createContext,
@@ -32,7 +32,7 @@ import {
   startHydration,
   untrack,
   useContext
-} from "./chunk-656n0x6y.js";
+} from "./chunk-ppr06jgn.js";
 
 // src/component/error-boundary-context.ts
 var handlerStack = [];

package/dist/shared/{chunk-f4d5nphq.js → chunk-7nr2ebrf.js}

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

package/dist/shared/{chunk-mbnda3pv.js → chunk-djvarb8r.js}

@@ -5,10 +5,7 @@ import {
   styleObjectToString
 } from "./chunk-h1fsr8kv.js";
 import {
-  getAdapter,
-  isRenderNode
-} from "./chunk-2y9f9j62.js";
-import {
+  claimComment,
   claimElement,
   claimText,
   deferredDomEffect,
@@ -16,39 +13,51 @@ import {
   enterChildren,
   exitChildren,
   getIsHydrating,
+  getSSRContext,
   pauseHydration,
   popScope,
   pushScope,
   resumeHydration,
   runCleanups
-} from "./chunk-656n0x6y.js";
+} from "./chunk-ppr06jgn.js";
 
-// src/dom/element.ts
-var MAX_THUNK_DEPTH = 100;
-function resolveAndAppend(parent, value, depth = 0) {
-  if (depth >= MAX_THUNK_DEPTH) {
-    throw new Error("resolveAndAppend: max recursion depth exceeded — possible circular thunk");
-  }
-  if (value == null || typeof value === "boolean") {
-    return;
-  }
-  if (typeof value === "function") {
-    resolveAndAppend(parent, value(), depth + 1);
-    return;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) {
-      resolveAndAppend(parent, item, depth);
-    }
-    return;
-  }
-  if (isRenderNode(value)) {
-    parent.appendChild(value);
-    return;
+// src/dom/dom-adapter.ts
+function createDOMAdapter() {
+  return {
+    createElement: (tag) => document.createElement(tag),
+    createElementNS: (ns, tag) => document.createElementNS(ns, tag),
+    createTextNode: (text) => document.createTextNode(text),
+    createComment: (text) => document.createComment(text),
+    createDocumentFragment: () => document.createDocumentFragment(),
+    isNode: (value) => typeof Node !== "undefined" && value instanceof Node
+  };
+}
+
+// src/dom/adapter.ts
+var RENDER_NODE_BRAND = Symbol.for("vertz:render-node");
+function isRenderNode(value) {
+  if (value == null || typeof value !== "object")
+    return false;
+  if (RENDER_NODE_BRAND in value)
+    return true;
+  return typeof Node !== "undefined" && value instanceof Node;
+}
+var currentAdapter = null;
+function getAdapter() {
+  const ctx = getSSRContext();
+  if (ctx)
+    return ctx.adapter;
+  if (!currentAdapter) {
+    currentAdapter = createDOMAdapter();
   }
-  const text = typeof value === "string" ? value : String(value);
-  parent.appendChild(getAdapter().createTextNode(text));
+  return currentAdapter;
 }
+function setAdapter(adapter) {
+  currentAdapter = adapter;
+}
+
+// src/dom/element.ts
+var MAX_THUNK_DEPTH = 100;
 function __text(fn) {
   if (getIsHydrating()) {
     const claimed = claimText();
@@ -66,74 +75,112 @@ function __text(fn) {
   });
   return node;
 }
+function resolveAndInsertAfter(anchor, value, managed, depth = 0) {
+  if (depth >= MAX_THUNK_DEPTH) {
+    throw new Error("resolveAndInsertAfter: max recursion depth exceeded — possible circular thunk");
+  }
+  if (value == null || typeof value === "boolean")
+    return;
+  if (typeof value === "function") {
+    resolveAndInsertAfter(anchor, value(), managed, depth + 1);
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      resolveAndInsertAfter(anchor, item, managed, depth);
+    }
+    return;
+  }
+  const node = isRenderNode(value) ? value : getAdapter().createTextNode(typeof value === "string" ? value : String(value));
+  if (node.nodeType === 11) {
+    const children = Array.from(node.childNodes);
+    for (const child of children) {
+      const insertAfter2 = managed.length > 0 ? managed[managed.length - 1] : anchor;
+      insertAfter2.parentNode.insertBefore(child, insertAfter2.nextSibling);
+      managed.push(child);
+    }
+    return;
+  }
+  const insertAfter = managed.length > 0 ? managed[managed.length - 1] : anchor;
+  insertAfter.parentNode.insertBefore(node, insertAfter.nextSibling);
+  managed.push(node);
+}
+function childEffect(anchor, fn, managed, childCleanups) {
+  return domEffect(() => {
+    runCleanups(childCleanups.value);
+    const scope = pushScope();
+    const value = fn();
+    popScope();
+    childCleanups.value = scope;
+    if (managed.length === 1 && isRenderNode(value) && managed[0] === value) {
+      return;
+    }
+    if (managed.length === 1 && managed[0].nodeType === 3 && !isRenderNode(value) && value != null && typeof value !== "boolean" && typeof value !== "function") {
+      const text = typeof value === "string" ? value : String(value);
+      managed[0].data = text;
+      return;
+    }
+    for (const node of managed) {
+      node.parentNode?.removeChild(node);
+    }
+    managed.length = 0;
+    resolveAndInsertAfter(anchor, value, managed);
+  });
+}
 function __child(fn) {
-  let wrapper;
   if (getIsHydrating()) {
-    const claimed = claimElement("span");
+    const claimed = claimComment();
     if (claimed) {
-      wrapper = claimed;
-      while (wrapper.firstChild) {
-        wrapper.removeChild(wrapper.firstChild);
+      const anchor2 = claimed;
+      const managed2 = [];
+      const childCleanups2 = { value: [] };
+      let sibling = anchor2.nextSibling;
+      while (sibling) {
+        if (sibling.nodeType === 8 && sibling.data.trim() === "child") {
+          break;
+        }
+        const next = sibling.nextSibling;
+        sibling.parentNode?.removeChild(sibling);
+        sibling = next;
       }
       pauseHydration();
       try {
-        let childCleanups2 = [];
-        wrapper.dispose = domEffect(() => {
-          runCleanups(childCleanups2);
+        const dispose2 = childEffect(anchor2, ((originalFn) => () => {
           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);
+            return originalFn();
           } finally {
             if (needsPause)
               resumeHydration();
           }
+        })(fn), managed2, childCleanups2);
+        const result2 = Object.assign(anchor2, {
+          dispose: () => {
+            runCleanups(childCleanups2.value);
+            dispose2();
+          }
         });
+        return result2;
       } finally {
         resumeHydration();
       }
-      return wrapper;
     }
   }
-  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;
-    }
-    if (!isRenderNode(value) && value != null && typeof value !== "boolean" && typeof value !== "function" && 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);
+  const anchor = getAdapter().createComment("child");
+  const fragment = getAdapter().createDocumentFragment();
+  fragment.appendChild(anchor);
+  const managed = [];
+  const childCleanups = { value: [] };
+  const dispose = childEffect(anchor, fn, managed, childCleanups);
+  const result = Object.assign(fragment, {
+    dispose: () => {
+      runCleanups(childCleanups.value);
+      dispose();
     }
-    resolveAndAppend(wrapper, value);
   });
-  return wrapper;
+  return result;
 }
 function resolveAndInsert(parent, value, depth = 0) {
   if (depth >= MAX_THUNK_DEPTH) {
@@ -283,4 +330,4 @@ function __classList(el, classMap) {
   };
 }
 
-export { __text, __child, __insert, __element, __append, __staticText, __enterChildren, __exitChildren, __attr, __prop, __show, __classList };
+export { createDOMAdapter, RENDER_NODE_BRAND, isRenderNode, getAdapter, setAdapter, __text, __child, __insert, __element, __append, __staticText, __enterChildren, __exitChildren, __attr, __prop, __show, __classList };

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

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

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

@@ -1,7 +1,7 @@
 import {
   computed,
   signal
-} from "./chunk-656n0x6y.js";
+} from "./chunk-ppr06jgn.js";
 
 // src/form/field-state.ts
 function createFieldState(_name, initialValue) {
@@ -103,6 +103,74 @@ function validate(schema, data) {
   }
   return { success: false, data: undefined, errors: { _form: "Validation failed" } };
 }
+function isSchemaLike(value) {
+  return value !== null && typeof value === "object" && "parse" in value && typeof value.parse === "function";
+}
+function resolveFieldSchema(schema, fieldPath) {
+  const shape = schema.shape;
+  if (!shape || typeof shape !== "object")
+    return;
+  const segments = fieldPath.split(".");
+  let current = shape;
+  for (let i = 0;i < segments.length; i++) {
+    if (!current || typeof current !== "object")
+      return;
+    const segment = segments[i];
+    let fieldSchema = current[segment];
+    if (i < segments.length - 1) {
+      let unwrapCount = 0;
+      while (fieldSchema && typeof fieldSchema === "object" && "unwrap" in fieldSchema && typeof fieldSchema.unwrap === "function" && !fieldSchema.shape && unwrapCount < 10) {
+        fieldSchema = fieldSchema.unwrap();
+        unwrapCount++;
+      }
+      if (fieldSchema && typeof fieldSchema === "object" && "shape" in fieldSchema && typeof fieldSchema.shape === "object") {
+        current = fieldSchema.shape;
+      } else {
+        return;
+      }
+    } else {
+      if (isSchemaLike(fieldSchema)) {
+        return fieldSchema;
+      }
+      return;
+    }
+  }
+  return;
+}
+function extractErrorFromParseResult(result) {
+  const err = result.error;
+  if (err instanceof Error) {
+    const issues = err.issues;
+    if (Array.isArray(issues) && issues.length > 0) {
+      return issues[0].message ?? "Validation failed";
+    }
+    return err.message;
+  }
+  return "Validation failed";
+}
+function validateField(schema, fieldName, value, formData) {
+  const fieldSchema = resolveFieldSchema(schema, fieldName);
+  if (fieldSchema) {
+    const result = fieldSchema.parse(value);
+    if (result.ok) {
+      return { valid: true, error: undefined };
+    }
+    const error = extractErrorFromParseResult(result);
+    return { valid: false, error };
+  }
+  if (formData) {
+    const result = validate(schema, formData);
+    if (result.success) {
+      return { valid: true, error: undefined };
+    }
+    const fieldError = result.errors[fieldName];
+    if (fieldError) {
+      return { valid: false, error: fieldError };
+    }
+    return { valid: true, error: undefined };
+  }
+  return { valid: true, error: undefined };
+}
 
 // src/form/form.ts
 var FIELD_STATE_SIGNALS = new Set(["error", "dirty", "touched", "value"]);
@@ -112,6 +180,8 @@ function form(sdkMethod, options) {
   const chainProxyCache = new Map;
   const submitting = signal(false);
   const fieldGeneration = signal(0);
+  const revalidateOn = options?.revalidateOn ?? "blur";
+  let hasSubmitted = false;
   const dirty = computed(() => {
     fieldGeneration.value;
     for (const field of fieldCache.values()) {
@@ -178,6 +248,7 @@ function form(sdkMethod, options) {
   }
   const resolvedSchema = options?.schema ?? sdkMethod.meta?.bodySchema;
   async function submitPipeline(formData) {
+    hasSubmitted = true;
     const data = formDataToObject(formData, { nested: true });
     if (resolvedSchema) {
       const result2 = validate(resolvedSchema, data);
@@ -209,10 +280,42 @@ function form(sdkMethod, options) {
   }
   let boundElement;
   function resetForm() {
+    hasSubmitted = false;
     for (const field of fieldCache.values()) {
       field.reset();
     }
   }
+  function assembleFormData() {
+    const result = {};
+    for (const [name, f] of fieldCache) {
+      const value = f.value.peek();
+      if (!name.includes(".")) {
+        result[name] = value;
+        continue;
+      }
+      const segments = name.split(".");
+      let current = result;
+      for (let i = 0;i < segments.length - 1; i++) {
+        const seg = segments[i];
+        if (!(seg in current) || typeof current[seg] !== "object" || current[seg] === null) {
+          current[seg] = {};
+        }
+        current = current[seg];
+      }
+      current[segments[segments.length - 1]] = value;
+    }
+    return result;
+  }
+  function revalidateFieldIfNeeded(fieldName) {
+    if (!hasSubmitted || revalidateOn === "submit" || !resolvedSchema)
+      return;
+    const field = fieldCache.get(fieldName);
+    if (!field || field.error.peek() === undefined)
+      return;
+    const formData = assembleFormData();
+    const result = validateField(resolvedSchema, fieldName, field.value.peek(), formData);
+    field.error.value = result.valid ? undefined : result.error;
+  }
   async function submitPipelineWithReset(formData) {
     await submitPipeline(formData);
     if (options?.resetOnSuccess && !submitting.peek() && boundElement) {
@@ -228,6 +331,9 @@ function form(sdkMethod, options) {
       return;
     const field = getOrCreateField(target.name);
     field.setValue(target.value);
+    if (revalidateOn === "change") {
+      revalidateFieldIfNeeded(target.name);
+    }
   }
   function handleFocusout(e) {
     const target = e.target;
@@ -235,6 +341,9 @@ function form(sdkMethod, options) {
       return;
     const field = getOrCreateField(target.name);
     field.touched.value = true;
+    if (revalidateOn === "blur") {
+      revalidateFieldIfNeeded(target.name);
+    }
   }
   const baseProperties = {
     action: sdkMethod.url,

package/dist/shared/{chunk-t3rnfxc0.js → chunk-j1a7t906.js}

@@ -4,10 +4,10 @@ import {
   __element,
   __enterChildren,
   __exitChildren
-} from "./chunk-mbnda3pv.js";
+} from "./chunk-djvarb8r.js";
 import {
   getSSRContext
-} from "./chunk-656n0x6y.js";
+} from "./chunk-ppr06jgn.js";
 
 // src/component/children.ts
 var MAX_RESOLVE_DEPTH = 100;

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

@@ -411,7 +411,7 @@ function claimText() {
       currentNode = text.nextSibling;
       return text;
     }
-    if (currentNode.nodeType === Node.ELEMENT_NODE) {
+    if (currentNode.nodeType === Node.ELEMENT_NODE || currentNode.nodeType === Node.COMMENT_NODE) {
       break;
     }
     currentNode = currentNode.nextSibling;
@@ -466,8 +466,14 @@ function findUnclaimedNodes(root, claimed) {
           continue;
         }
       }
-      if (child.nodeType === Node.ELEMENT_NODE && claimed.has(child) && child.tagName === "SPAN" && child.style.display === "contents") {
+      if (child.nodeType === Node.COMMENT_NODE && claimed.has(child) && child.data.trim() === "child") {
         child = child.nextSibling;
+        while (child) {
+          if (child.nodeType === Node.COMMENT_NODE && child.data.trim() === "child") {
+            break;
+          }
+          child = child.nextSibling;
+        }
         continue;
       }
       if (!claimed.has(child)) {

package/dist/shared/{chunk-ge2e6y2s.js → chunk-svvqjmyy.js}

@@ -5,7 +5,7 @@ import {
   pushScope,
   runCleanups,
   untrack
-} from "./chunk-656n0x6y.js";
+} from "./chunk-ppr06jgn.js";
 
 // src/component/lifecycle.ts
 var mountFrames = [];

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

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