@vertz/ui 0.2.11 → 0.2.12

package/dist/css/public.js

@@ -6,10 +6,10 @@ import {
   globalCss,
   s,
   variants
-} from "../shared/chunk-qacth5ah.js";
-import"../shared/chunk-ryb49346.js";
+} from "../shared/chunk-kg898f92.js";
+import"../shared/chunk-662f9zrb.js";
 import"../shared/chunk-g4rch80a.js";
-import"../shared/chunk-hrd0mft1.js";
+import"../shared/chunk-2rs8a26p.js";
 import"../shared/chunk-prj7nm08.js";
 export {
   variants,

package/dist/form/public.js

@@ -3,8 +3,8 @@ import {
   form,
   formDataToObject,
   validate
-} from "../shared/chunk-q6cpe5k7.js";
-import"../shared/chunk-hrd0mft1.js";
+} from "../shared/chunk-55tgkc7s.js";
+import"../shared/chunk-2rs8a26p.js";
 export {
   validate,
   formDataToObject,

package/dist/index.d.ts

@@ -151,7 +151,7 @@ declare function onMount2(callback: () => (() => void) | void): void;
 interface ListTransitionProps<T> {
 	each: T[];
 	keyFn: (item: T, index: number) => string | number;
-	children: (item: T) => HTMLElement;
+	children: (item: T) => HTMLElement | SVGElement;
 }
 /**
 * ListTransition component for animated list item enter/exit.
@@ -749,7 +749,7 @@ interface MountHandle {
 * @param options - Mount options (theme, styles, onMount, etc.)
 * @returns MountHandle with unmount function and root element
 */
-declare function mount<AppFn extends () => Element>(app: AppFn, selector: string | HTMLElement, options?: MountOptions): MountHandle;
+declare function mount<AppFn extends () => Element | DocumentFragment>(app: AppFn, selector: string | HTMLElement, options?: MountOptions): MountHandle;
 import { QueryDescriptor as QueryDescriptor2 } from "@vertz/fetch";
 import { isQueryDescriptor } from "@vertz/fetch";
 /**
@@ -1188,8 +1188,9 @@ declare class DisposalScopeError extends Error {
 declare function batch(fn: () => void): void;
 /**
 * Create a reactive signal with an initial value.
+* Optional key is used by HMR to match signals by name across re-mounts.
 */
-declare function signal<T>(initial: T): Signal<T>;
+declare function signal<T>(initial: T, key?: string): Signal<T>;
 /**
 * Create a computed (derived) reactive value.
 * The function is lazily evaluated and cached.

package/dist/index.js

@@ -20,7 +20,7 @@ import {
   slideOutToTop,
   zoomIn,
   zoomOut
-} from "./shared/chunk-n91rwj2r.js";
+} from "./shared/chunk-bjcpcq5j.js";
 import {
   Outlet,
   OutletContext,
@@ -31,11 +31,11 @@ import {
   useParams,
   useRouter,
   useSearchParams
-} from "./shared/chunk-0xcmwgdb.js";
-import"./shared/chunk-v3yyf79g.js";
+} from "./shared/chunk-18jzqefd.js";
+import"./shared/chunk-wn4gv1qd.js";
 import {
   createRouter
-} from "./shared/chunk-ka5ked7n.js";
+} from "./shared/chunk-g1gf16fz.js";
 import {
   defineRoutes
 } from "./shared/chunk-9e92w0wt.js";
@@ -44,11 +44,11 @@ import {
   form,
   formDataToObject,
   validate
-} from "./shared/chunk-q6cpe5k7.js";
+} from "./shared/chunk-55tgkc7s.js";
 import {
   query,
   queryMatch
-} from "./shared/chunk-rjjjvmcf.js";
+} from "./shared/chunk-9k2z3jfx.js";
 import"./shared/chunk-jrtrk5z4.js";
 import {
   ThemeProvider,
@@ -63,7 +63,7 @@ import {
   resolveChildren,
   s,
   variants
-} from "./shared/chunk-qacth5ah.js";
+} from "./shared/chunk-kg898f92.js";
 import {
   __append,
   __element,
@@ -72,7 +72,7 @@ import {
   __staticText,
   endHydration,
   startHydration
-} from "./shared/chunk-ryb49346.js";
+} from "./shared/chunk-662f9zrb.js";
 import {
   RENDER_NODE_BRAND,
   createDOMAdapter,
@@ -95,7 +95,7 @@ import {
   signal,
   untrack,
   useContext
-} from "./shared/chunk-hrd0mft1.js";
+} from "./shared/chunk-2rs8a26p.js";
 import"./shared/chunk-prj7nm08.js";
 // src/component/error-boundary-context.ts
 var handlerStack = [];
@@ -466,7 +466,7 @@ function Suspense(props) {
   }
 }
 // src/dialog/dialog-stack.ts
-var DialogStackContext = createContext();
+var DialogStackContext = createContext(undefined, "@vertz/ui::DialogStackContext");
 function useDialogStack() {
   const stack = useContext(DialogStackContext);
   if (!stack) {
@@ -605,6 +605,11 @@ function createDialogStack(container) {
   }
 }
 // src/mount.ts
+var MOUNTED_KEY = Symbol.for("vertz:mounted-roots");
+var _global = globalThis;
+if (!_global[MOUNTED_KEY])
+  _global[MOUNTED_KEY] = new WeakMap;
+var mountedRoots = _global[MOUNTED_KEY];
 function mount(app, selector, options) {
   if (typeof selector !== "string" && !(selector instanceof HTMLElement)) {
     throw new Error(`mount(): selector must be a string or HTMLElement, got ${typeof selector}`);
@@ -613,6 +618,9 @@ function mount(app, selector, options) {
   if (!root) {
     throw new Error(`mount(): root element "${selector}" not found`);
   }
+  const existingHandle = mountedRoots.get(root);
+  if (existingHandle)
+    return existingHandle;
   if (options?.theme) {
     const { css: css2 } = compileTheme(options.theme);
     injectCSS(css2);
@@ -630,13 +638,16 @@ function mount(app, selector, options) {
       endHydration();
       popScope();
       options?.onMount?.(root);
-      return {
+      const handle2 = {
         unmount: () => {
+          mountedRoots.delete(root);
           runCleanups(scope2);
           root.textContent = "";
         },
         root
       };
+      mountedRoots.set(root, handle2);
+      return handle2;
     } catch (e) {
       endHydration();
       popScope();
@@ -652,13 +663,16 @@ function mount(app, selector, options) {
   root.appendChild(appElement);
   popScope();
   options?.onMount?.(root);
-  return {
+  const handle = {
     unmount: () => {
+      mountedRoots.delete(root);
       runCleanups(scope);
       root.textContent = "";
     },
     root
   };
+  mountedRoots.set(root, handle);
+  return handle;
 }
 // src/store/merge.ts
 function shallowMerge(existing, incoming) {

package/dist/internals.d.ts

@@ -195,7 +195,7 @@ declare function setAdapter(adapter: RenderAdapter | null): void;
 * If no animations are running, calls back immediately.
 * Respects prefers-reduced-motion by skipping the wait.
 */
-declare function onAnimationsComplete(el: HTMLElement, callback: () => void): void;
+declare function onAnimationsComplete(el: Element, callback: () => void): void;
 /**
 * Create a reactive attribute binding.
 * When the value returned by `fn` changes, the attribute is updated.

package/dist/internals.js

@@ -2,13 +2,13 @@ import {
   deserializeProps,
   onAnimationsComplete,
   resolveComponent
-} from "./shared/chunk-n91rwj2r.js";
+} from "./shared/chunk-bjcpcq5j.js";
 import {
   __attr,
   __classList,
   __on,
   __show
-} from "./shared/chunk-v3yyf79g.js";
+} from "./shared/chunk-wn4gv1qd.js";
 import {
   executeLoaders,
   matchPath,
@@ -17,7 +17,7 @@ import {
 import {
   MemoryCache,
   deriveKey
-} from "./shared/chunk-rjjjvmcf.js";
+} from "./shared/chunk-9k2z3jfx.js";
 import"./shared/chunk-jrtrk5z4.js";
 import {
   ALIGNMENT_MAP,
@@ -38,7 +38,7 @@ import {
   SIZE_KEYWORDS,
   SPACING_SCALE,
   compileTheme
-} from "./shared/chunk-qacth5ah.js";
+} from "./shared/chunk-kg898f92.js";
 import {
   __append,
   __child,
@@ -51,7 +51,7 @@ import {
   claimComment,
   claimText,
   getIsHydrating
-} from "./shared/chunk-ryb49346.js";
+} from "./shared/chunk-662f9zrb.js";
 import {
   RENDER_NODE_BRAND,
   createDOMAdapter,
@@ -72,9 +72,24 @@ import {
   signal,
   startSignalCollection,
   stopSignalCollection
-} from "./shared/chunk-hrd0mft1.js";
+} from "./shared/chunk-2rs8a26p.js";
 import"./shared/chunk-prj7nm08.js";
 // src/dom/conditional.ts
+function normalizeNode(branchResult) {
+  if (branchResult == null || typeof branchResult === "boolean") {
+    return getAdapter().createComment("empty");
+  }
+  if (isRenderNode(branchResult)) {
+    if (branchResult.nodeType === 11) {
+      const wrap = getAdapter().createElement("span");
+      wrap.style.display = "contents";
+      wrap.appendChild(branchResult);
+      return wrap;
+    }
+    return branchResult;
+  }
+  return getAdapter().createTextNode(String(branchResult));
+}
 function __conditional(condFn, trueFn, falseFn) {
   if (getIsHydrating()) {
     return hydrateConditional(condFn, trueFn, falseFn);
@@ -110,14 +125,7 @@ function hydrateConditional(condFn, trueFn, falseFn) {
     const branchResult = show ? trueFn() : falseFn();
     popScope();
     branchCleanups = scope;
-    let newNode;
-    if (branchResult == null || typeof branchResult === "boolean") {
-      newNode = getAdapter().createComment("empty");
-    } else if (isRenderNode(branchResult)) {
-      newNode = branchResult;
-    } else {
-      newNode = getAdapter().createTextNode(String(branchResult));
-    }
+    const newNode = normalizeNode(branchResult);
     if (currentNode?.parentNode) {
       currentNode.parentNode.replaceChild(newNode, currentNode);
     } else if (anchor.parentNode) {
@@ -148,14 +156,7 @@ function csrConditional(condFn, trueFn, falseFn) {
     const branchResult = show ? trueFn() : falseFn();
     popScope();
     branchCleanups = scope;
-    let newNode;
-    if (branchResult == null || typeof branchResult === "boolean") {
-      newNode = getAdapter().createComment("empty");
-    } else if (isRenderNode(branchResult)) {
-      newNode = branchResult;
-    } else {
-      newNode = getAdapter().createTextNode(String(branchResult));
-    }
+    const newNode = normalizeNode(branchResult);
     if (currentNode?.parentNode) {
       currentNode.parentNode.replaceChild(newNode, currentNode);
     } else if (anchor.parentNode) {

package/dist/jsx-runtime/index.d.ts

@@ -3,7 +3,7 @@
 * to understand intrinsic element types and component types.
 */
 declare namespace JSX {
-	type Element = HTMLElement | SVGElement;
+	type Element = HTMLElement | SVGElement | DocumentFragment;
 	type JSXComponent = (props: Record<string, unknown>) => Element;
 	interface HTMLAttributes {
 		[key: string]: unknown;

package/dist/query/public.js

@@ -1,10 +1,10 @@
 import {
   query,
   queryMatch
-} from "../shared/chunk-rjjjvmcf.js";
+} from "../shared/chunk-9k2z3jfx.js";
 import"../shared/chunk-jrtrk5z4.js";
 import"../shared/chunk-g4rch80a.js";
-import"../shared/chunk-hrd0mft1.js";
+import"../shared/chunk-2rs8a26p.js";
 
 // src/query/public.ts
 import { isQueryDescriptor } from "@vertz/fetch";

package/dist/router/public.js

@@ -8,18 +8,18 @@ import {
   useParams,
   useRouter,
   useSearchParams
-} from "../shared/chunk-0xcmwgdb.js";
-import"../shared/chunk-v3yyf79g.js";
+} from "../shared/chunk-18jzqefd.js";
+import"../shared/chunk-wn4gv1qd.js";
 import {
   createRouter
-} from "../shared/chunk-ka5ked7n.js";
+} from "../shared/chunk-g1gf16fz.js";
 import {
   defineRoutes
 } from "../shared/chunk-9e92w0wt.js";
 import"../shared/chunk-jrtrk5z4.js";
-import"../shared/chunk-ryb49346.js";
+import"../shared/chunk-662f9zrb.js";
 import"../shared/chunk-g4rch80a.js";
-import"../shared/chunk-hrd0mft1.js";
+import"../shared/chunk-2rs8a26p.js";
 import"../shared/chunk-prj7nm08.js";
 export {
   useSearchParams,

package/dist/shared/{chunk-0xcmwgdb.js → chunk-18jzqefd.js}

@@ -1,7 +1,7 @@
 import {
   __classList,
   __on
-} from "./chunk-v3yyf79g.js";
+} from "./chunk-wn4gv1qd.js";
 import {
   __append,
   __element,
@@ -9,7 +9,7 @@ import {
   __exitChildren,
   __staticText,
   getIsHydrating
-} from "./chunk-ryb49346.js";
+} from "./chunk-662f9zrb.js";
 import {
   _tryOnCleanup,
   createContext,
@@ -20,7 +20,7 @@ import {
   signal,
   untrack,
   useContext
-} from "./chunk-hrd0mft1.js";
+} from "./chunk-2rs8a26p.js";
 
 // src/router/link.ts
 var DANGEROUS_SCHEMES = ["javascript:", "data:", "vbscript:"];
@@ -90,7 +90,7 @@ function createLink(currentPath, navigate, factoryOptions) {
 }
 
 // src/router/router-context.ts
-var RouterContext = createContext();
+var RouterContext = createContext(undefined, "@vertz/ui::RouterContext");
 function useRouter() {
   const router = useContext(RouterContext);
   if (!router) {
@@ -107,7 +107,7 @@ function useParams() {
 }
 
 // src/router/outlet.ts
-var OutletContext = createContext();
+var OutletContext = createContext(undefined, "@vertz/ui::OutletContext");
 function Outlet() {
   const ctx = useContext(OutletContext);
   if (!ctx) {

package/dist/shared/{chunk-hrd0mft1.js → chunk-2rs8a26p.js}

@@ -220,7 +220,11 @@ function isSSR() {
   const check = typeof globalThis !== "undefined" && globalThis.__VERTZ_IS_SSR__;
   return typeof check === "function" ? check() : false;
 }
-var signalCollectorStack = [];
+var COLLECTOR_KEY = Symbol.for("vertz:signal-collector-stack");
+var _global = globalThis;
+if (!_global[COLLECTOR_KEY])
+  _global[COLLECTOR_KEY] = [];
+var signalCollectorStack = _global[COLLECTOR_KEY];
 function startSignalCollection() {
   signalCollectorStack.push([]);
 }
@@ -232,8 +236,10 @@ var nextId = 0;
 class SignalImpl {
   _value;
   _subscribers = new Set;
-  constructor(initial) {
+  _hmrKey;
+  constructor(initial, key) {
     this._value = initial;
+    this._hmrKey = key;
   }
   get value() {
     const sub = getSubscriber();
@@ -267,8 +273,8 @@ class SignalImpl {
     });
   }
 }
-function signal(initial) {
-  const s = new SignalImpl(initial);
+function signal(initial, key) {
+  const s = new SignalImpl(initial, key);
   const collector = signalCollectorStack[signalCollectorStack.length - 1];
   if (collector) {
     collector.push(s);

package/dist/shared/{chunk-q6cpe5k7.js → chunk-55tgkc7s.js}

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

package/dist/shared/{chunk-ryb49346.js → chunk-662f9zrb.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-g4rch80a.js";
 import {
   domEffect
-} from "./chunk-hrd0mft1.js";
+} from "./chunk-2rs8a26p.js";
 import {
   SVG_NS,
   isSVGTag,

package/dist/shared/{chunk-rjjjvmcf.js → chunk-9k2z3jfx.js}

@@ -16,7 +16,7 @@ import {
   setReadValueCallback,
   signal,
   untrack
-} from "./chunk-hrd0mft1.js";
+} from "./chunk-2rs8a26p.js";
 
 // src/query/cache.ts
 class MemoryCache {

package/dist/shared/{chunk-n91rwj2r.js → chunk-bjcpcq5j.js}

@@ -1,6 +1,6 @@
 import {
   injectCSS
-} from "./chunk-qacth5ah.js";
+} from "./chunk-kg898f92.js";
 
 // src/dom/animation.ts
 function onAnimationsComplete(el, callback) {
@@ -8,7 +8,9 @@ function onAnimationsComplete(el, callback) {
     callback();
     return;
   }
-  el.offsetHeight;
+  if ("offsetHeight" in el) {
+    el.offsetHeight;
+  }
   if (typeof el.getAnimations === "function") {
     const animations = el.getAnimations();
     if (animations.length > 0) {

package/dist/shared/{chunk-ka5ked7n.js → chunk-g1gf16fz.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-jrtrk5z4.js";
 import {
   signal
-} from "./chunk-hrd0mft1.js";
+} from "./chunk-2rs8a26p.js";
 
 // src/router/navigate.ts
 var DEFAULT_NAV_THRESHOLD_MS = 500;

package/dist/shared/{chunk-qacth5ah.js → chunk-kg898f92.js}

@@ -3,7 +3,7 @@ import {
   __element,
   __enterChildren,
   __exitChildren
-} from "./chunk-ryb49346.js";
+} from "./chunk-662f9zrb.js";
 
 // src/component/children.ts
 var MAX_RESOLVE_DEPTH = 100;

package/dist/shared/{chunk-v3yyf79g.js → chunk-wn4gv1qd.js}

@@ -1,6 +1,6 @@
 import {
   domEffect
-} from "./chunk-hrd0mft1.js";
+} from "./chunk-2rs8a26p.js";
 
 // src/dom/attributes.ts
 function __attr(el, name, fn) {

package/dist/test/index.js

@@ -1,11 +1,11 @@
 import {
   createRouter
-} from "../shared/chunk-ka5ked7n.js";
+} from "../shared/chunk-g1gf16fz.js";
 import {
   defineRoutes
 } from "../shared/chunk-9e92w0wt.js";
 import"../shared/chunk-jrtrk5z4.js";
-import"../shared/chunk-hrd0mft1.js";
+import"../shared/chunk-2rs8a26p.js";
 
 // src/test/interactions.ts
 async function click(el) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/ui",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "type": "module",
   "license": "MIT",
   "description": "Vertz UI framework — signals, components, JSX runtime",