@vertz/ui 0.2.41 → 0.2.43

package/dist/shared/{chunk-bmcthk92.js → chunk-96hnx5jk.js}

@@ -1,6 +1,6 @@
 import {
   injectCSS
-} from "./chunk-3n9teyam.js";
+} from "./chunk-hgtmh07c.js";
 import {
   createContext
 } from "./chunk-2k26a794.js";

package/dist/shared/{chunk-sb69h6ns.js → chunk-abv8ax3j.js}

@@ -23,11 +23,13 @@ import {
   createContext,
   domEffect,
   endHydration,
+  getContextScope,
   getIsHydrating,
   getSSRContext,
   popScope,
   pushScope,
   runCleanups,
+  setContextScope,
   signal,
   startHydration,
   untrack,
@@ -221,6 +223,7 @@ function Outlet() {
       const gen = ++renderGen;
       childCleanups = pushScope();
       if (factory) {
+        const capturedScope = getContextScope();
         const result = factory();
         if (result instanceof Promise) {
           const router = ctx.router;
@@ -230,6 +233,7 @@ function Outlet() {
               return;
             let node;
             childCleanups = pushScope();
+            const prevScope = setContextScope(capturedScope);
             try {
               if (wasHydrating) {
                 beginDeferringMounts();
@@ -265,9 +269,10 @@ function Outlet() {
                 });
               }
             } finally {
+              setContextScope(prevScope);
               popScope();
             }
-          });
+          }).catch(() => {});
         } else {
           __append(container, result);
           if (getIsHydrating() && !container.contains(result)) {
@@ -354,6 +359,7 @@ function RouterView({ router, fallback, errorFallback }) {
         const lazyFallback = match ? match.route.errorComponent ?? errorFallback : undefined;
         let asyncRoute = false;
         RouterContext.Provider(router, () => {
+          const capturedScope = getContextScope();
           const result = rootFactory();
           if (result instanceof Promise) {
             asyncRoute = true;
@@ -363,6 +369,7 @@ function RouterView({ router, fallback, errorFallback }) {
                 return;
               let node;
               pageCleanups = pushScope();
+              const prevScope = setContextScope(capturedScope);
               try {
                 if (wasHydrating) {
                   beginDeferringMounts();
@@ -419,8 +426,24 @@ function RouterView({ router, fallback, errorFallback }) {
                   throw thrown;
                 }
               } finally {
+                setContextScope(prevScope);
                 popScope();
               }
+            }).catch((thrown) => {
+              if (gen !== renderGen)
+                return;
+              if (lazyFallback) {
+                pageCleanups = pushScope();
+                try {
+                  const error = thrown instanceof Error ? thrown : new Error(String(thrown));
+                  while (container.firstChild) {
+                    container.removeChild(container.firstChild);
+                  }
+                  container.appendChild(lazyFallback({ error, retry: () => {} }));
+                } finally {
+                  popScope();
+                }
+              }
             });
           } else {
             if (gen !== renderGen) {

package/dist/shared/{chunk-3n9teyam.js → chunk-hgtmh07c.js}

@@ -88,6 +88,12 @@ var PROPERTY_MAP = {
   overflow: { properties: ["overflow"], valueType: "raw" },
   "overflow-x": { properties: ["overflow-x"], valueType: "raw" },
   "overflow-y": { properties: ["overflow-y"], valueType: "raw" },
+  top: { properties: ["top"], valueType: "raw" },
+  right: { properties: ["right"], valueType: "raw" },
+  bottom: { properties: ["bottom"], valueType: "raw" },
+  left: { properties: ["left"], valueType: "raw" },
+  object: { properties: ["object-fit"], valueType: "raw" },
+  aspect: { properties: ["aspect-ratio"], valueType: "raw" },
   cursor: { properties: ["cursor"], valueType: "raw" },
   transition: { properties: ["transition"], valueType: "raw" },
   resize: { properties: ["resize"], valueType: "raw" },
@@ -655,12 +661,20 @@ function resolveRaw(value, property) {
       return `repeat(${num}, minmax(0, 1fr))`;
     return value;
   }
-  if (property === "inset") {
+  if (property === "inset" || property === "top" || property === "right" || property === "bottom" || property === "left") {
     const spaced = SPACING_SCALE[value];
     if (spaced !== undefined)
       return spaced;
     return value;
   }
+  if (property === "aspect") {
+    const ASPECT_MAP = {
+      square: "1 / 1",
+      video: "16 / 9",
+      photo: "4 / 3"
+    };
+    return ASPECT_MAP[value] ?? value;
+  }
   return value;
 }
 function formatShorthand(parsed) {

package/dist/src/css/public.js

@@ -9,7 +9,7 @@ import {
   googleFont,
   s,
   variants
-} from "../../shared/chunk-3n9teyam.js";
+} from "../../shared/chunk-hgtmh07c.js";
 import"../../shared/chunk-29x7mbne.js";
 import"../../shared/chunk-h1fsr8kv.js";
 import"../../shared/chunk-2k26a794.js";

package/dist/src/index.js

@@ -25,7 +25,7 @@ import {
   slideOutToTop,
   zoomIn,
   zoomOut
-} from "../shared/chunk-bmcthk92.js";
+} from "../shared/chunk-96hnx5jk.js";
 import {
   ErrorBoundary,
   Link,
@@ -36,7 +36,7 @@ import {
   getCurrentErrorHandler,
   parseSearchParams,
   useSearchParams
-} from "../shared/chunk-sb69h6ns.js";
+} from "../shared/chunk-abv8ax3j.js";
 import {
   beginDeferringMounts,
   discardDeferredMounts,
@@ -83,7 +83,7 @@ import {
   resolveChildren,
   s,
   variants
-} from "../shared/chunk-3n9teyam.js";
+} from "../shared/chunk-hgtmh07c.js";
 import {
   RENDER_NODE_BRAND,
   __append,

package/dist/src/internals.d.ts

@@ -558,12 +558,17 @@ declare function __listValue<T>(items: Signal<T[]> | (() => T[]), keyFn: ((item:
 *
 * Compiler output target for JSX spread attributes on intrinsic elements:
 *   <button {...rest} /> → __spread(el, rest)
+*   <button {...rest} /> → __spread(el, rest, __props)  (inside components)
+*
+* When `source` is provided (the original __props with getter descriptors),
+* keys that have getters on source get reactive effects (like __attr/__prop).
+* Keys without getters are set one-shot from the `props` rest object.
 *
 * Handles event handlers (on*), ref, style, class/className, htmlFor,
 * SVG attribute normalization, and standard HTML attributes.
 * Uses replace (not merge) semantics — last-wins, matching source order.
 */
-declare function __spread(el: Element, props: Record<string, unknown>): void;
+declare function __spread(el: Element, props: Record<string, unknown>, source?: Record<string, unknown>): void;
 declare function styleObjectToString(style: Record<string, string | number | null | undefined>): string;
 /**
 * Returns true when running in a real browser environment.
@@ -1143,13 +1148,13 @@ interface SSRRenderContext {
 	matchedRoutePatterns?: string[];
 	/**
 	* Auth state resolved by the server (e.g. from session cookie).
-	* Set by ssrRenderToString() before Pass 1 so AuthProvider can
+	* Set by the SSR pipeline before discovery so AuthProvider can
 	* hydrate status/user synchronously during SSR.
 	*/
 	ssrAuth?: SSRAuth;
 	/**
-	* Written by ProtectedRoute during Pass 1 when the user is not
-	* authenticated. Signals ssrRenderToString() to skip Pass 2 and
+	* Written by ProtectedRoute during discovery when the user is not
+	* authenticated. Signals the SSR pipeline to skip rendering and
 	* return a redirect response instead.
 	*/
 	ssrRedirect?: {
@@ -1162,6 +1167,12 @@ interface SSRRenderContext {
 	* response only includes CSS for components actually rendered.
 	*/
 	cssTracker?: Set<string>;
+	/**
+	* Request cookies (from the `Cookie` header).
+	* Set by the SSR handler before rendering so that `document.cookie`
+	* reads the real request cookies during SSR — same as in a browser.
+	*/
+	cookies?: string;
 }
 /** Auth state injected into SSRRenderContext by the server. */
 type SSRAuth = ({

package/dist/src/internals.js

@@ -3,7 +3,7 @@ import {
   deserializeProps,
   onAnimationsComplete,
   resolveComponent
-} from "../shared/chunk-bmcthk92.js";
+} from "../shared/chunk-96hnx5jk.js";
 import {
   __discardMountFrame,
   __flushMountFrame,
@@ -41,7 +41,7 @@ import {
   SIZE_KEYWORDS,
   SPACING_SCALE,
   compileTheme
-} from "../shared/chunk-3n9teyam.js";
+} from "../shared/chunk-hgtmh07c.js";
 import {
   RENDER_NODE_BRAND,
   __append,
@@ -74,6 +74,7 @@ import {
   _tryOnCleanup,
   claimComment,
   claimText,
+  deferredDomEffect,
   domEffect,
   getContextScope,
   getIsHydrating,
@@ -609,7 +610,12 @@ var PROP_ALIASES = {
   className: "class",
   htmlFor: "for"
 };
-function __spread(el, props) {
+var IDL_PROPS = {
+  INPUT: new Set(["value", "checked"]),
+  SELECT: new Set(["value"]),
+  TEXTAREA: new Set(["value"])
+};
+function __spread(el, props, source) {
   const isSvg = el.namespaceURI === SVG_NS;
   for (const key of Object.keys(props)) {
     if (SKIP_KEYS.has(key))
@@ -626,8 +632,47 @@ function __spread(el, props) {
       el.addEventListener(eventName, value);
       continue;
     }
-    if (value == null || value === false)
+    const descriptor = source && Object.getOwnPropertyDescriptor(source, key);
+    if (descriptor?.get) {
+      const getter = descriptor.get;
+      const isIdl = IDL_PROPS[el.tagName]?.has(key);
+      if (isIdl) {
+        deferredDomEffect(() => {
+          const v = getter();
+          if (v == null) {
+            Reflect.set(el, key, typeof Reflect.get(el, key) === "boolean" ? false : "");
+          } else {
+            Reflect.set(el, key, v);
+          }
+        });
+      } else {
+        const attrName2 = PROP_ALIASES[key] ?? key;
+        const finalName2 = isSvg ? normalizeSVGAttr(attrName2) : attrName2;
+        deferredDomEffect(() => {
+          const v = getter();
+          if (v == null || v === false) {
+            el.removeAttribute(finalName2);
+          } else if (v === true) {
+            el.setAttribute(finalName2, "");
+          } else if (finalName2 === "style" && typeof v === "object") {
+            el.setAttribute("style", styleObjectToString(v));
+          } else {
+            el.setAttribute(finalName2, String(v));
+          }
+        });
+      }
       continue;
+    }
+    if (value == null || value === false) {
+      if (value === false && IDL_PROPS[el.tagName]?.has(key)) {
+        Reflect.set(el, key, false);
+      }
+      continue;
+    }
+    if (IDL_PROPS[el.tagName]?.has(key)) {
+      Reflect.set(el, key, value);
+      continue;
+    }
     const attrName = PROP_ALIASES[key] ?? key;
     if (attrName === "style") {
       if (typeof value === "object") {

package/dist/src/router/public.js

@@ -6,7 +6,7 @@ import {
   createLink,
   parseSearchParams,
   useSearchParams
-} from "../../shared/chunk-sb69h6ns.js";
+} from "../../shared/chunk-abv8ax3j.js";
 import"../../shared/chunk-pbw64893.js";
 import {
   createRouter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/ui",
-  "version": "0.2.41",
+  "version": "0.2.43",
   "description": "Vertz UI framework — signals, components, JSX runtime",
   "license": "MIT",
   "repository": {
@@ -77,11 +77,11 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@vertz/fetch": "^0.2.39"
+    "@vertz/fetch": "^0.2.41"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/schema": "^0.2.39",
+    "@vertz/schema": "^0.2.41",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"