@vertz/ui 0.2.20 → 0.2.22

package/dist/shared/{chunk-6wd36w21.js → chunk-am9zaw4h.js}

@@ -41,11 +41,13 @@ function defineRoutes(map) {
     const compiled = {
       component: config.component,
       errorComponent: config.errorComponent,
+      generateParams: config.generateParams,
       loader: config.loader,
       params: config.params,
       pattern,
       prerender: config.prerender,
-      searchParams: config.searchParams
+      searchParams: config.searchParams,
+      viewTransition: config.viewTransition
     };
     if (config.children) {
       compiled.children = defineRoutes(config.children);

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

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

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

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

package/dist/shared/{chunk-07bh4m1e.js → chunk-kjwp5q5s.js}

@@ -1,15 +1,20 @@
 import {
-  domEffect
-} from "./chunk-4fwcwxn6.js";
+  styleObjectToString
+} from "./chunk-4xkw6h1s.js";
+import {
+  deferredDomEffect
+} from "./chunk-2qe6aqhb.js";
 
 // src/dom/attributes.ts
 function __attr(el, name, fn) {
-  return domEffect(() => {
+  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);
     }
@@ -17,14 +22,14 @@ function __attr(el, name, fn) {
 }
 function __show(el, fn) {
   const originalDisplay = el.style.display;
-  return domEffect(() => {
+  return deferredDomEffect(() => {
     el.style.display = fn() ? originalDisplay : "none";
   });
 }
 function __classList(el, classMap) {
   const disposers = [];
   for (const [className, fn] of Object.entries(classMap)) {
-    disposers.push(domEffect(() => {
+    disposers.push(deferredDomEffect(() => {
       if (fn()) {
         el.classList.add(className);
       } else {

package/dist/shared/chunk-mwc4v48d.js

@@ -0,0 +1,36 @@
+// src/theme/registry.ts
+var _components = null;
+var _primitives = null;
+function registerTheme(resolved) {
+  if (!resolved || typeof resolved !== "object" || !resolved.components || typeof resolved.components !== "object") {
+    throw new Error(`registerTheme() expects an object with a "components" property.
+
+` + `Example:
+` + `  import { registerTheme } from '@vertz/ui';
+` + `  import { configureTheme } from '@vertz/theme-shadcn';
+` + `  registerTheme(configureTheme({ palette: 'zinc' }));
+`);
+  }
+  _components = resolved.components;
+  _primitives = resolved.components.primitives ?? {};
+}
+function _getComponent(name) {
+  if (!_components) {
+    throw new Error(`No theme registered. Call registerTheme() before using components from @vertz/ui/components.
+
+` + `Example:
+` + `  import { registerTheme } from '@vertz/ui';
+` + `  import { configureTheme } from '@vertz/theme-shadcn';
+` + `  registerTheme(configureTheme({ palette: 'zinc' }));
+`);
+  }
+  return Reflect.get(_components, name);
+}
+function _getPrimitive(name) {
+  if (!_primitives) {
+    throw new Error(`No theme registered. Call registerTheme() before using components from @vertz/ui/components.`);
+  }
+  return Reflect.get(_primitives, name);
+}
+
+export { registerTheme, _getComponent, _getPrimitive };

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

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

package/dist/shared/{chunk-c3r237f0.js → chunk-pq8khh47.js}

@@ -3,10 +3,10 @@ import {
   __element,
   __enterChildren,
   __exitChildren
-} from "./chunk-mgfrrrjq.js";
+} from "./chunk-vwz86vg9.js";
 import {
   getSSRContext
-} from "./chunk-4fwcwxn6.js";
+} from "./chunk-2qe6aqhb.js";
 
 // src/component/children.ts
 var MAX_RESOLVE_DEPTH = 100;
@@ -90,6 +90,8 @@ var PROPERTY_MAP = {
   opacity: { properties: ["opacity"], valueType: "raw" },
   inset: { properties: ["inset"], valueType: "raw" },
   z: { properties: ["z-index"], valueType: "raw" },
+  "vt-name": { properties: ["view-transition-name"], valueType: "raw" },
+  "view-transition-name": { properties: ["view-transition-name"], valueType: "raw" },
   content: { properties: ["content"], valueType: "content" }
 };
 var KEYWORD_MAP = {
@@ -693,15 +695,23 @@ function css(input, filePath = DEFAULT_FILE_PATH) {
           baseDeclarations.push(...resolved.declarations);
         }
       } else {
-        for (const [selector, nestedEntries] of Object.entries(entry)) {
+        for (const [selector, nestedValue] of Object.entries(entry)) {
           const nestedDecls = [];
-          for (const nestedEntry of nestedEntries) {
-            if (typeof nestedEntry === "string") {
-              const parsed = parseShorthand(nestedEntry);
-              const resolved = resolveToken(parsed);
-              nestedDecls.push(...resolved.declarations);
-            } else if ("property" in nestedEntry && "value" in nestedEntry) {
-              nestedDecls.push({ property: nestedEntry.property, value: nestedEntry.value });
+          if (Array.isArray(nestedValue)) {
+            for (const nestedEntry of nestedValue) {
+              if (typeof nestedEntry === "string") {
+                const parsed = parseShorthand(nestedEntry);
+                const resolved = resolveToken(parsed);
+                nestedDecls.push(...resolved.declarations);
+              } else {
+                for (const [prop, val] of Object.entries(nestedEntry)) {
+                  nestedDecls.push({ property: prop, value: val });
+                }
+              }
+            }
+          } else {
+            for (const [prop, val] of Object.entries(nestedValue)) {
+              nestedDecls.push({ property: prop, value: val });
             }
           }
           if (selector.startsWith("@")) {
@@ -737,7 +747,18 @@ function serializeEntries(entries) {
   return entries.map((entry) => {
     if (typeof entry === "string")
       return entry;
-    return Object.entries(entry).map(([sel, vals]) => `${sel}:{${vals.map((v) => typeof v === "string" ? v : `${v.property}=${v.value}`).join(",")}}`).join(";");
+    return Object.entries(entry).map(([sel, val]) => {
+      if (Array.isArray(val)) {
+        const serialized2 = val.map((v) => {
+          if (typeof v === "string")
+            return v;
+          return Object.keys(v).sort().map((k) => `${k}=${v[k]}`).join(",");
+        }).join(",");
+        return `${sel}:{${serialized2}}`;
+      }
+      const serialized = Object.keys(val).sort().map((k) => `${k}=${val[k]}`).join(",");
+      return `${sel}:{${serialized}}`;
+    }).join(";");
   }).join("|");
 }
 function formatRule(selector, declarations) {

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

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

package/dist/shared/chunk-vwz86vg9.js

@@ -0,0 +1,208 @@
+import {
+  SVG_NS,
+  isSVGTag,
+  normalizeSVGAttr
+} from "./chunk-prj7nm08.js";
+import {
+  getAdapter,
+  isRenderNode
+} from "./chunk-c61572xp.js";
+import {
+  claimElement,
+  claimText,
+  deferredDomEffect,
+  domEffect,
+  enterChildren,
+  exitChildren,
+  getIsHydrating,
+  pauseHydration,
+  resumeHydration
+} from "./chunk-2qe6aqhb.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;
+  }
+  const text = typeof value === "string" ? value : String(value);
+  parent.appendChild(getAdapter().createTextNode(text));
+}
+function __text(fn) {
+  if (getIsHydrating()) {
+    const claimed = claimText();
+    if (claimed) {
+      const node2 = claimed;
+      node2.dispose = deferredDomEffect(() => {
+        node2.data = fn();
+      });
+      return node2;
+    }
+  }
+  const node = getAdapter().createTextNode("");
+  node.dispose = domEffect(() => {
+    node.data = fn();
+  });
+  return node;
+}
+function __child(fn) {
+  let wrapper;
+  if (getIsHydrating()) {
+    const claimed = claimElement("span");
+    if (claimed) {
+      wrapper = claimed;
+      while (wrapper.firstChild) {
+        wrapper.removeChild(wrapper.firstChild);
+      }
+      pauseHydration();
+      try {
+        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);
+          }
+          resolveAndAppend(wrapper, value);
+        });
+      } finally {
+        resumeHydration();
+      }
+      return wrapper;
+    }
+  }
+  wrapper = getAdapter().createElement("span");
+  wrapper.style.display = "contents";
+  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" && 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);
+    }
+    resolveAndAppend(wrapper, value);
+  });
+  return wrapper;
+}
+function resolveAndInsert(parent, value, depth = 0) {
+  if (depth >= MAX_THUNK_DEPTH) {
+    throw new Error("__insert: max recursion depth exceeded — possible circular thunk");
+  }
+  if (value == null || typeof value === "boolean") {
+    return;
+  }
+  if (typeof value === "function") {
+    resolveAndInsert(parent, value(), depth + 1);
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      resolveAndInsert(parent, item, depth);
+    }
+    return;
+  }
+  insertLeaf(parent, value);
+}
+function insertLeaf(parent, value) {
+  if (getIsHydrating()) {
+    if (isRenderNode(value)) {
+      return;
+    }
+    claimText();
+    return;
+  }
+  if (isRenderNode(value)) {
+    parent.appendChild(value);
+    return;
+  }
+  const text = typeof value === "string" ? value : String(value);
+  parent.appendChild(getAdapter().createTextNode(text));
+}
+function __insert(parent, value) {
+  if (value == null || typeof value === "boolean") {
+    return;
+  }
+  resolveAndInsert(parent, value);
+}
+function __element(tag, props) {
+  if (getIsHydrating()) {
+    const claimed = claimElement(tag);
+    if (claimed) {
+      if (props && typeof process !== "undefined" && true) {
+        for (const [key, value] of Object.entries(props)) {
+          if (key === "role" || key.startsWith("aria-")) {
+            const actual = claimed.getAttribute(key);
+            if (actual !== value) {
+              console.warn(`[hydrate] ARIA mismatch on <${tag}>: ${key}="${actual}" (expected "${value}")`);
+            }
+          }
+        }
+      }
+      return claimed;
+    }
+  }
+  const adapter = getAdapter();
+  const svg = isSVGTag(tag);
+  const el = svg ? adapter.createElementNS(SVG_NS, tag) : adapter.createElement(tag);
+  if (props) {
+    for (const [key, value] of Object.entries(props)) {
+      const attrName = svg ? normalizeSVGAttr(key) : key;
+      el.setAttribute(attrName, value);
+    }
+  }
+  return el;
+}
+function __append(parent, child) {
+  if (getIsHydrating())
+    return;
+  parent.appendChild(child);
+}
+function __staticText(text) {
+  if (getIsHydrating()) {
+    const claimed = claimText();
+    if (claimed)
+      return claimed;
+  }
+  return getAdapter().createTextNode(text);
+}
+function __enterChildren(el) {
+  if (getIsHydrating()) {
+    enterChildren(el);
+  }
+}
+function __exitChildren() {
+  if (getIsHydrating()) {
+    exitChildren();
+  }
+}
+
+export { __text, __child, __insert, __element, __append, __staticText, __enterChildren, __exitChildren };

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

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

package/dist/src/auth/public.d.ts

@@ -203,6 +203,7 @@ interface AccessEventClient {
 	dispose(): void;
 }
 declare function createAccessEventClient(options: AccessEventClientOptions): AccessEventClient;
+import { Result as Result2 } from "@vertz/fetch";
 import { Result } from "@vertz/fetch";
 /**
 * Minimal schema interface compatible with @vertz/schema.
@@ -291,6 +292,30 @@ interface AuthResponse {
 	user: User;
 	expiresAt: number;
 }
+/**
+* Minimal callable with endpoint metadata.
+* Matches the shape generated by `@vertz/codegen`'s auth SDK.
+*/
+interface AuthSdkMethod<
+	TBody,
+	TResult
+> {
+	(body: TBody): PromiseLike<Result2<TResult, Error>>;
+	url: string;
+	method: string;
+}
+/**
+* Interface for the generated auth SDK.
+* AuthProvider delegates HTTP calls to these methods and wraps them
+* with signal-based state management.
+*/
+interface AuthSdk {
+	signIn: AuthSdkMethod<SignInInput, AuthResponse>;
+	signUp: AuthSdkMethod<SignUpInput, AuthResponse>;
+	signOut: () => PromiseLike<Result2<unknown, Error>>;
+	refresh: () => PromiseLike<Result2<AuthResponse, Error>>;
+	providers?: () => PromiseLike<Result2<OAuthProviderInfo[], Error>>;
+}
 interface AuthContextValue {
 	user: Signal<User | null>;
 	status: Signal<AuthStatus>;
@@ -309,6 +334,9 @@ interface AuthContextValue {
 declare const AuthContext: Context<AuthContextValue>;
 declare function useAuth(): UnwrapSignals<AuthContextValue>;
 interface AuthProviderProps {
+	/** Generated auth SDK instance. AuthProvider delegates HTTP calls to it. */
+	auth: AuthSdk;
+	/** Base path for auth endpoints not yet in the SDK (MFA, forgot/reset password, access-set). */
 	basePath?: string;
 	accessControl?: boolean;
 	/** Enable WebSocket-based real-time access event updates. Requires accessControl. */
@@ -319,7 +347,7 @@ interface AuthProviderProps {
 	flagEntitlementMap?: Record<string, string[]>;
 	children: (() => unknown) | unknown;
 }
-declare function AuthProvider({ basePath, accessControl, accessEvents, accessEventsUrl, flagEntitlementMap, children }: AuthProviderProps): HTMLElement;
+declare function AuthProvider({ auth, basePath, accessControl, accessEvents, accessEventsUrl, flagEntitlementMap, children }: AuthProviderProps): HTMLElement;
 /**
 * Create an AccessContextValue for use with AccessContext.Provider.
 * Hydrates from `window.__VERTZ_ACCESS_SET__` when available (SSR).
@@ -353,4 +381,4 @@ declare function getUserInitials(user: User | null | undefined): string;
 * Returns an inline SVG string — no external requests, works in SSR.
 */
 declare function getUserIcon(size: number): string;
-export { useAuth, useAccessContext, getUserInitials, getUserIcon, getUserDisplayName, getProviderIcon, createAccessProvider, createAccessEventClient, canSignals, can, User, SignUpInput, SignOutOptions, SignInInput, ResetInput, RawAccessCheck, OAuthProviderInfo, MfaInput, ForgotInput, EntitlementRegistry, Entitlement, DenialReason, DenialMeta, ClientAccessEvent, AuthStatus, AuthResponse, AuthProviderProps, AuthProvider, AuthErrorCode, AuthContextValue, AuthContext, AuthClientError, AccessSet, AccessEventClientOptions, AccessEventClient, AccessContextValue, AccessContext, AccessCheckData, AccessCheck };
+export { useAuth, useAccessContext, getUserInitials, getUserIcon, getUserDisplayName, getProviderIcon, createAccessProvider, createAccessEventClient, canSignals, can, User, SignUpInput, SignOutOptions, SignInInput, ResetInput, RawAccessCheck, OAuthProviderInfo, MfaInput, ForgotInput, EntitlementRegistry, Entitlement, DenialReason, DenialMeta, ClientAccessEvent, AuthStatus, AuthSdkMethod, AuthSdk, AuthResponse, AuthProviderProps, AuthProvider, AuthErrorCode, AuthContextValue, AuthContext, AuthClientError, AccessSet, AccessEventClientOptions, AccessEventClient, AccessContextValue, AccessContext, AccessCheckData, AccessCheck };