@vertz/ui 0.2.17 → 0.2.18

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

@@ -3,7 +3,7 @@ import {
   __element,
   __enterChildren,
   __exitChildren
-} from "./chunk-vndfjfdy.js";
+} from "./chunk-mgfrrrjq.js";
 import {
   getSSRContext
 } from "./chunk-4fwcwxn6.js";

package/dist/shared/{chunk-2wtb9x81.js → chunk-j5qtsm0b.js}

@@ -9,7 +9,7 @@ import {
   __exitChildren,
   __staticText,
   getIsHydrating
-} from "./chunk-vndfjfdy.js";
+} from "./chunk-mgfrrrjq.js";
 import {
   RouterContext
 } from "./chunk-mtsvrj9e.js";
@@ -147,7 +147,9 @@ var OutletContext = createContext(undefined, "@vertz/ui::OutletContext");
 function Outlet() {
   const ctx = useContext(OutletContext);
   if (!ctx) {
-    return document.createComment("outlet:empty");
+    const el = __element("span");
+    el.style.display = "contents";
+    return el;
   }
   const container = __element("div");
   let childCleanups = [];

package/dist/shared/{chunk-vndfjfdy.js → chunk-mgfrrrjq.js}

@@ -254,6 +254,11 @@ function __child(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);
           }
@@ -272,6 +277,11 @@ function __child(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);
     }

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

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

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

@@ -121,6 +121,17 @@ interface EntitlementRegistry {}
 /** Entitlement type — narrows to literal union when codegen populates EntitlementRegistry. */
 type Entitlement = keyof EntitlementRegistry extends never ? string : Extract<keyof EntitlementRegistry, string>;
 /**
+* @internal Signal-backed version of AccessCheck — actual runtime type of can() return.
+* Use with canSignals() when framework code needs reactive signal access without compiler transforms.
+*/
+interface RawAccessCheck {
+	readonly allowed: ReadonlySignal<boolean>;
+	readonly reasons: ReadonlySignal<DenialReason[]>;
+	readonly reason: ReadonlySignal<DenialReason | undefined>;
+	readonly meta: ReadonlySignal<DenialMeta | undefined>;
+	readonly loading: ReadonlySignal<boolean>;
+}
+/**
 * Check if the current user has a specific entitlement.
 *
 * Must be called in the component body (like query()/form()).
@@ -136,6 +147,19 @@ type Entitlement = keyof EntitlementRegistry extends never ? string : Extract<ke
 declare function can(entitlement: Entitlement, entity?: {
 	__access?: Record<string, AccessCheckData>;
 }): AccessCheck;
+/**
+* @internal Framework use only.
+* Same as can() but returns raw ReadonlySignal properties.
+* Use when framework code needs reactive signal access without compiler transforms.
+*
+* Must NOT be added to the signal-api-registry — the compiler must not auto-unwrap these.
+*
+* @param entitlement - The entitlement to check
+* @param entity - Optional entity with pre-computed `__access` metadata
+*/
+declare function canSignals(entitlement: Entitlement, entity?: {
+	__access?: Record<string, AccessCheckData>;
+}): RawAccessCheck;
 /** Client-side access events (no orgId/userId — server scopes the broadcast) */
 type ClientAccessEvent = {
 	type: "access:flag_toggled";
@@ -329,4 +353,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, can, User, SignUpInput, SignOutOptions, SignInInput, ResetInput, 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, AuthResponse, AuthProviderProps, AuthProvider, AuthErrorCode, AuthContextValue, AuthContext, AuthClientError, AccessSet, AccessEventClientOptions, AccessEventClient, AccessContextValue, AccessContext, AccessCheckData, AccessCheck };

package/dist/src/auth/public.js

@@ -22,25 +22,18 @@ function useAccessContext() {
   }
   return ctx;
 }
-function createFallbackDenied() {
-  return {
-    allowed: computed(() => false),
-    reasons: computed(() => ["not_authenticated"]),
-    reason: computed(() => "not_authenticated"),
-    meta: computed(() => {
-      return;
-    }),
-    loading: computed(() => false)
-  };
-}
 var __DEV__ = typeof process !== "undefined" && true;
-function can(entitlement, entity) {
-  const ctx = useContext(AccessContext);
+function createAccessCheckRaw(ctx, entitlement, entity) {
   if (!ctx) {
-    if (__DEV__) {
-      console.warn("can() called without AccessContext.Provider — all checks denied");
-    }
-    return createFallbackDenied();
+    return {
+      allowed: computed(() => false),
+      reasons: computed(() => ["not_authenticated"]),
+      reason: computed(() => "not_authenticated"),
+      meta: computed(() => {
+        return;
+      }),
+      loading: computed(() => false)
+    };
   }
   const accessData = computed(() => {
     if (entity?.__access?.[entitlement])
@@ -61,6 +54,20 @@ function can(entitlement, entity) {
     })
   };
 }
+function can(entitlement, entity) {
+  const ctx = useContext(AccessContext);
+  if (!ctx && __DEV__) {
+    console.warn("can() called without AccessContext.Provider — all checks denied");
+  }
+  return createAccessCheckRaw(ctx, entitlement, entity);
+}
+function canSignals(entitlement, entity) {
+  const ctx = useContext(AccessContext);
+  if (!ctx && __DEV__) {
+    console.warn("canSignals() called without AccessContext.Provider — all checks denied");
+  }
+  return createAccessCheckRaw(ctx, entitlement, entity);
+}
 // src/auth/access-event-client.ts
 var BASE_BACKOFF_MS = 1000;
 var MAX_BACKOFF_MS = 30000;
@@ -852,6 +859,7 @@ export {
   getProviderIcon,
   createAccessProvider,
   createAccessEventClient,
+  canSignals,
   can,
   AuthProvider,
   AuthContext,

package/dist/src/css/public.js

@@ -8,8 +8,8 @@ import {
   globalCss,
   s,
   variants
-} from "../../shared/chunk-dhehvmj0.js";
-import"../../shared/chunk-vndfjfdy.js";
+} from "../../shared/chunk-c3r237f0.js";
+import"../../shared/chunk-mgfrrrjq.js";
 import"../../shared/chunk-prj7nm08.js";
 import"../../shared/chunk-afawz764.js";
 import"../../shared/chunk-4fwcwxn6.js";

package/dist/src/index.d.ts

@@ -117,12 +117,14 @@ declare function createContext<T>(defaultValue?: T, __stableId?: string): Contex
 * Returns the default value if no Provider is active.
 */
 declare function useContext<T>(ctx: Context<T>): UnwrapSignals<T> | undefined;
+/** DOM element types accepted by JSX (mirrors JSX.Element). */
+type JsxElement = HTMLElement | SVGElement | DocumentFragment;
 /** Props for the ErrorBoundary component. */
 interface ErrorBoundaryProps {
 	/** Function that returns the children to render. */
-	children: () => Node;
+	children: () => JsxElement;
 	/** Fallback renderer that receives the caught error and a retry function. */
-	fallback: (error: Error, retry: () => void) => Node;
+	fallback: (error: Error, retry: () => void) => JsxElement;
 }
 /**
 * ErrorBoundary component.
@@ -135,7 +137,7 @@ interface ErrorBoundaryProps {
 * Also registers an async error handler so that nested Suspense components
 * can propagate async errors to this boundary.
 */
-declare function ErrorBoundary(props: ErrorBoundaryProps): Node;
+declare function ErrorBoundary(props: ErrorBoundaryProps): JsxElement;
 /**
 * Runs callback once on mount. Never re-executes.
 * Return a function to register cleanup that runs on unmount.
@@ -184,12 +186,14 @@ interface Ref<T> {
 * `ref.current` will hold the DOM element.
 */
 declare function ref<T>(): Ref<T>;
+/** DOM element types accepted by JSX (mirrors JSX.Element). */
+type JsxElement2 = HTMLElement | SVGElement | DocumentFragment;
 /** Props for the Suspense component. */
 interface SuspenseProps {
 	/** Function that returns the children to render (may throw a Promise). */
-	children: () => Node;
+	children: () => JsxElement2;
 	/** Fallback renderer shown while children are pending. */
-	fallback: () => Node;
+	fallback: () => JsxElement2;
 }
 /**
 * Suspense component for async boundaries.
@@ -202,7 +206,7 @@ interface SuspenseProps {
 * to the nearest ErrorBoundary. If no ErrorBoundary exists, the error is surfaced
 * globally via queueMicrotask to avoid silent swallowing.
 */
-declare function Suspense(props: SuspenseProps): Node;
+declare function Suspense(props: SuspenseProps): JsxElement2;
 declare const ANIMATION_DURATION: string;
 declare const ANIMATION_EASING: string;
 declare const fadeIn: string;
@@ -1395,7 +1399,7 @@ declare const OutletContext: Context<OutletContextValue>;
 * Must be called inside a layout component rendered by RouterView.
 * Reads from OutletContext to determine which child to render.
 */
-declare function Outlet(): Node;
+declare function Outlet(): HTMLElement;
 declare const RouterContext: Context<Router>;
 declare function useRouter<T extends Record<string, RouteConfigLike> = RouteDefinitionMap>(): UnwrapSignals<Router<T>>;
 /**

package/dist/src/index.js

@@ -21,7 +21,7 @@ import {
   slideOutToTop,
   zoomIn,
   zoomOut
-} from "../shared/chunk-6jyt4ycw.js";
+} from "../shared/chunk-yjs76c7v.js";
 import {
   Link,
   Outlet,
@@ -30,7 +30,7 @@ import {
   createLink,
   parseSearchParams,
   useSearchParams
-} from "../shared/chunk-2wtb9x81.js";
+} from "../shared/chunk-j5qtsm0b.js";
 import"../shared/chunk-07bh4m1e.js";
 import {
   createRouter
@@ -74,7 +74,7 @@ import {
   resolveChildren,
   s,
   variants
-} from "../shared/chunk-dhehvmj0.js";
+} from "../shared/chunk-c3r237f0.js";
 import {
   __append,
   __element,
@@ -87,7 +87,7 @@ import {
   exitChildren,
   getIsHydrating,
   startHydration
-} from "../shared/chunk-vndfjfdy.js";
+} from "../shared/chunk-mgfrrrjq.js";
 import"../shared/chunk-prj7nm08.js";
 import {
   RENDER_NODE_BRAND,

package/dist/src/internals.js

@@ -2,7 +2,7 @@ import {
   deserializeProps,
   onAnimationsComplete,
   resolveComponent
-} from "../shared/chunk-6jyt4ycw.js";
+} from "../shared/chunk-yjs76c7v.js";
 import {
   __attr,
   __classList,
@@ -40,7 +40,7 @@ import {
   SIZE_KEYWORDS,
   SPACING_SCALE,
   compileTheme
-} from "../shared/chunk-dhehvmj0.js";
+} from "../shared/chunk-c3r237f0.js";
 import {
   __append,
   __child,
@@ -53,7 +53,7 @@ import {
   claimComment,
   claimText,
   getIsHydrating
-} from "../shared/chunk-vndfjfdy.js";
+} from "../shared/chunk-mgfrrrjq.js";
 import"../shared/chunk-prj7nm08.js";
 import {
   RENDER_NODE_BRAND,

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

@@ -388,7 +388,7 @@ declare const OutletContext: Context<OutletContextValue>;
 * Must be called inside a layout component rendered by RouterView.
 * Reads from OutletContext to determine which child to render.
 */
-declare function Outlet(): Node;
+declare function Outlet(): HTMLElement;
 declare const RouterContext: Context<Router>;
 declare function useRouter<T extends Record<string, RouteConfigLike> = RouteDefinitionMap>(): UnwrapSignals<Router<T>>;
 /**

package/dist/src/router/public.js

@@ -6,7 +6,7 @@ import {
   createLink,
   parseSearchParams,
   useSearchParams
-} from "../../shared/chunk-2wtb9x81.js";
+} from "../../shared/chunk-j5qtsm0b.js";
 import"../../shared/chunk-07bh4m1e.js";
 import {
   createRouter
@@ -15,7 +15,7 @@ import {
   defineRoutes
 } from "../../shared/chunk-6wd36w21.js";
 import"../../shared/chunk-jrtrk5z4.js";
-import"../../shared/chunk-vndfjfdy.js";
+import"../../shared/chunk-mgfrrrjq.js";
 import"../../shared/chunk-prj7nm08.js";
 import"../../shared/chunk-afawz764.js";
 import {

package/package.json

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