@vertz/ui 0.2.20 → 0.2.22

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

@@ -1,16 +1,44 @@
-/** A raw CSS declaration: { property, value } for styles that can't be expressed as shorthands. */
-interface RawDeclaration {
-	property: string;
-	value: string;
-}
-/** A value within a nested selector array: shorthand string or raw declaration. */
-type StyleValue = string | RawDeclaration;
-/** A style entry in the array: either a shorthand string or an object for nested selectors. */
-type StyleEntry = string | Record<string, StyleValue[]>;
+/** All keyword names. */
+type Keyword = "flex" | "grid" | "block" | "inline" | "hidden" | "inline-flex" | "flex-1" | "flex-col" | "flex-row" | "flex-wrap" | "flex-nowrap" | "fixed" | "absolute" | "relative" | "sticky" | "uppercase" | "lowercase" | "capitalize" | "outline-none" | "overflow-hidden" | "select-none" | "pointer-events-none" | "whitespace-nowrap" | "shrink-0" | "italic" | "not-italic";
+type BaseUtility = Keyword | `${SpacingProperty}:${SpacingValue}` | `${BgColorProperty}:${ColorToken}` | `${SizeProperty}:${SizeKeyword | SpacingValue | "screen"}` | `${RadiusProperty}:${RadiusValue}` | `${ShadowProperty}:${ShadowValue}` | `${AlignmentProperty}:${AlignmentValue}` | `${FontWeightProperty}:${FontWeightValue}` | `${LineHeightProperty}:${LineHeightValue}` | `${ContentProperty}:${ContentValue}` | `${RawProperty}:${string}` | `ring:${`${number}` | ColorToken}` | `text:${FontSizeValue | TextAlignKeyword | ColorToken}` | `font:${FontSizeValue | FontWeightValue}` | `border:${`${number}` | ColorToken}` | `list:${ListKeyword}`;
+type PseudoUtility = `${PseudoPrefix}:${Keyword}` | `${PseudoPrefix}:${PropertyName}:${string}`;
+/**
+* Union of all valid CSS utility class strings.
+*
+* Used by `css()` and `variants()` to validate string entries at compile time.
+* Invalid utility class names produce TypeScript errors with autocomplete
+* suggestions for valid alternatives.
+*
+* Properties that accept arbitrary CSS values (cursor, z, opacity, transition,
+* etc.) use `${string}` for their value portion — these won't validate values
+* but will still validate the property name prefix.
+*/
+type UtilityClass = BaseUtility | PseudoUtility;
+/**
+* A value within a nested selector array: utility class string or CSS declarations map.
+*
+* Use a utility string for design token shorthands: 'p:4', 'bg:primary'
+* Use Record<string, string> for raw CSS: { 'flex-direction': 'row' }
+*/
+type StyleValue = UtilityClass | Record<string, string>;
+/**
+* A style entry: utility class string or nested selectors map.
+*
+* Nested selector values can be:
+* - Array form: ['text:foreground', { 'background-color': 'red' }]
+* - Direct object: { 'flex-direction': 'row', 'align-items': 'center' }
+*/
+type StyleEntry = UtilityClass | Record<string, StyleValue[] | Record<string, string>>;
 /** Input to css(): a record of named style blocks. */
 type CSSInput = Record<string, StyleEntry[]>;
-/** Output of css(): block names as top-level properties, plus non-enumerable `css`. */
-type CSSOutput<T extends CSSInput = CSSInput> = { readonly [K in keyof T & string] : string } & {
+/**
+* Output of css(): block names as top-level properties, plus non-enumerable `css`.
+*
+* The generic constraint uses `Record<string, unknown[]>` instead of `CSSInput`
+* because CSSOutput only uses the keys of T (to map them to string class names).
+* This allows theme component types to use `string[]` block values for simplicity.
+*/
+type CSSOutput<T extends Record<string, unknown[]> = CSSInput> = { readonly [K in keyof T & string] : string } & {
 	readonly css: string;
 };
 /**
@@ -227,8 +255,14 @@ interface ThemeProviderProps {
 * walker can claim the existing SSR node during mount().
 */
 declare function ThemeProvider({ theme, children }: ThemeProviderProps): HTMLElement;
-/** A record of variant names to their possible values (each value maps to style entries). */
-type VariantDefinitions = Record<string, Record<string, StyleEntry[]>>;
+/**
+* A record of variant names to their possible values (each value maps to style entries).
+*
+* Uses `unknown[]` for the style array type to allow both `StyleEntry[]` (constrained)
+* and `string[]` (legacy theme component types). Only the keys (variant names and
+* option names) are used for type inference; style values are handled at runtime.
+*/
+type VariantDefinitions = Record<string, Record<string, unknown[]>>;
 /** Extract the variant props type from a variant definitions object. */
 type VariantProps<V extends VariantDefinitions> = { [K in keyof V]? : keyof V[K] };
 /** A compound variant rule: matches when all specified variant values are active. */
@@ -259,4 +293,4 @@ interface VariantFunction<V extends VariantDefinitions> {
 * @returns A function that accepts variant props and returns a className string.
 */
 declare function variants<V extends VariantDefinitions>(config: VariantsConfig<V>): VariantFunction<V>;
-export { variants, s, globalCss, font, defineTheme, css, compileTheme, compileFonts, VariantsConfig, VariantProps, VariantFunction, ThemeProviderProps, ThemeProvider, ThemeInput, Theme, StyleEntry, PreloadItem, GlobalCSSOutput, GlobalCSSInput, FontSrc, FontOptions, FontFallbackMetrics, FontDescriptor, FallbackFontName, CompiledTheme, CompiledFonts, CompileThemeOptions, CompileFontsOptions, CSSOutput, CSSInput };
+export { variants, s, globalCss, font, defineTheme, css, compileTheme, compileFonts, VariantsConfig, VariantProps, VariantFunction, UtilityClass, ThemeProviderProps, ThemeProvider, ThemeInput, Theme, StyleValue, StyleEntry, PreloadItem, GlobalCSSOutput, GlobalCSSInput, FontSrc, FontOptions, FontFallbackMetrics, FontDescriptor, FallbackFontName, CompiledTheme, CompiledFonts, CompileThemeOptions, CompileFontsOptions, CSSOutput, CSSInput };

package/dist/src/css/public.js

@@ -8,11 +8,11 @@ import {
   globalCss,
   s,
   variants
-} from "../../shared/chunk-c3r237f0.js";
-import"../../shared/chunk-mgfrrrjq.js";
+} from "../../shared/chunk-pq8khh47.js";
+import"../../shared/chunk-vwz86vg9.js";
 import"../../shared/chunk-prj7nm08.js";
-import"../../shared/chunk-afawz764.js";
-import"../../shared/chunk-4fwcwxn6.js";
+import"../../shared/chunk-c61572xp.js";
+import"../../shared/chunk-2qe6aqhb.js";
 export {
   variants,
   s,

package/dist/src/form/public.js

@@ -3,8 +3,8 @@ import {
   form,
   formDataToObject,
   validate
-} from "../../shared/chunk-j09yyh34.js";
-import"../../shared/chunk-4fwcwxn6.js";
+} from "../../shared/chunk-yb4a0smw.js";
+import"../../shared/chunk-2qe6aqhb.js";
 export {
   validate,
   formDataToObject,

package/dist/src/index.d.ts

@@ -223,19 +223,47 @@ declare const slideOutToLeft: string;
 declare const slideOutToRight: string;
 declare const accordionDown: string;
 declare const accordionUp: string;
-/** A raw CSS declaration: { property, value } for styles that can't be expressed as shorthands. */
-interface RawDeclaration {
-	property: string;
-	value: string;
-}
-/** A value within a nested selector array: shorthand string or raw declaration. */
-type StyleValue = string | RawDeclaration;
-/** A style entry in the array: either a shorthand string or an object for nested selectors. */
-type StyleEntry = string | Record<string, StyleValue[]>;
+/** All keyword names. */
+type Keyword = "flex" | "grid" | "block" | "inline" | "hidden" | "inline-flex" | "flex-1" | "flex-col" | "flex-row" | "flex-wrap" | "flex-nowrap" | "fixed" | "absolute" | "relative" | "sticky" | "uppercase" | "lowercase" | "capitalize" | "outline-none" | "overflow-hidden" | "select-none" | "pointer-events-none" | "whitespace-nowrap" | "shrink-0" | "italic" | "not-italic";
+type BaseUtility = Keyword | `${SpacingProperty}:${SpacingValue}` | `${BgColorProperty}:${ColorToken}` | `${SizeProperty}:${SizeKeyword | SpacingValue | "screen"}` | `${RadiusProperty}:${RadiusValue}` | `${ShadowProperty}:${ShadowValue}` | `${AlignmentProperty}:${AlignmentValue}` | `${FontWeightProperty}:${FontWeightValue}` | `${LineHeightProperty}:${LineHeightValue}` | `${ContentProperty}:${ContentValue}` | `${RawProperty}:${string}` | `ring:${`${number}` | ColorToken}` | `text:${FontSizeValue | TextAlignKeyword | ColorToken}` | `font:${FontSizeValue | FontWeightValue}` | `border:${`${number}` | ColorToken}` | `list:${ListKeyword}`;
+type PseudoUtility = `${PseudoPrefix}:${Keyword}` | `${PseudoPrefix}:${PropertyName}:${string}`;
+/**
+* Union of all valid CSS utility class strings.
+*
+* Used by `css()` and `variants()` to validate string entries at compile time.
+* Invalid utility class names produce TypeScript errors with autocomplete
+* suggestions for valid alternatives.
+*
+* Properties that accept arbitrary CSS values (cursor, z, opacity, transition,
+* etc.) use `${string}` for their value portion — these won't validate values
+* but will still validate the property name prefix.
+*/
+type UtilityClass = BaseUtility | PseudoUtility;
+/**
+* A value within a nested selector array: utility class string or CSS declarations map.
+*
+* Use a utility string for design token shorthands: 'p:4', 'bg:primary'
+* Use Record<string, string> for raw CSS: { 'flex-direction': 'row' }
+*/
+type StyleValue = UtilityClass | Record<string, string>;
+/**
+* A style entry: utility class string or nested selectors map.
+*
+* Nested selector values can be:
+* - Array form: ['text:foreground', { 'background-color': 'red' }]
+* - Direct object: { 'flex-direction': 'row', 'align-items': 'center' }
+*/
+type StyleEntry = UtilityClass | Record<string, StyleValue[] | Record<string, string>>;
 /** Input to css(): a record of named style blocks. */
 type CSSInput = Record<string, StyleEntry[]>;
-/** Output of css(): block names as top-level properties, plus non-enumerable `css`. */
-type CSSOutput<T extends CSSInput = CSSInput> = { readonly [K in keyof T & string] : string } & {
+/**
+* Output of css(): block names as top-level properties, plus non-enumerable `css`.
+*
+* The generic constraint uses `Record<string, unknown[]>` instead of `CSSInput`
+* because CSSOutput only uses the keys of T (to map them to string class names).
+* This allows theme component types to use `string[]` block values for simplicity.
+*/
+type CSSOutput<T extends Record<string, unknown[]> = CSSInput> = { readonly [K in keyof T & string] : string } & {
 	readonly css: string;
 };
 /**
@@ -514,8 +542,14 @@ interface ThemeProviderProps {
 * walker can claim the existing SSR node during mount().
 */
 declare function ThemeProvider({ theme, children }: ThemeProviderProps): HTMLElement;
-/** A record of variant names to their possible values (each value maps to style entries). */
-type VariantDefinitions = Record<string, Record<string, StyleEntry[]>>;
+/**
+* A record of variant names to their possible values (each value maps to style entries).
+*
+* Uses `unknown[]` for the style array type to allow both `StyleEntry[]` (constrained)
+* and `string[]` (legacy theme component types). Only the keys (variant names and
+* option names) are used for type inference; style values are handled at runtime.
+*/
+type VariantDefinitions = Record<string, Record<string, unknown[]>>;
 /** Extract the variant props type from a variant definitions object. */
 type VariantProps<V extends VariantDefinitions> = { [K in keyof V]? : keyof V[K] };
 /** A compound variant rule: matches when all specified variant values are active. */
@@ -557,19 +591,22 @@ type DialogComponent<
 > = (props: TProps & {
 	dialog: DialogHandle<TResult>;
 }) => Node;
-declare class DialogDismissedError extends Error {
-	constructor();
-}
+type DialogResult<T> = {
+	readonly ok: true;
+	readonly data: T;
+} | {
+	readonly ok: false;
+};
 interface DialogStack {
 	open<
 		TResult,
 		TProps
-	>(component: DialogComponent<TResult, TProps>, props: TProps): Promise<TResult>;
+	>(component: DialogComponent<TResult, TProps>, props: TProps): Promise<DialogResult<TResult>>;
 	/** @internal — used by useDialogStack() to pass captured context scope */
 	openWithScope<
 		TResult,
 		TProps
-	>(component: DialogComponent<TResult, TProps>, props: TProps, scope: ContextScope | null): Promise<TResult>;
+	>(component: DialogComponent<TResult, TProps>, props: TProps, scope: ContextScope | null): Promise<DialogResult<TResult>>;
 	readonly size: number;
 	closeAll(): void;
 }
@@ -630,6 +667,12 @@ declare function setAdapter(adapter: RenderAdapter | null): void;
 */
 declare function createDOMAdapter(): RenderAdapter;
 /**
+* Wait for all CSS animations on an element to complete, then call back.
+* If no animations are running, calls back immediately.
+* Respects prefers-reduced-motion by skipping the wait.
+*/
+declare function onAnimationsComplete(el: Element, callback: () => void): void;
+/**
 * Create a DOM element with optional static properties.
 *
 * This is a compiler output target — the compiler generates calls
@@ -888,6 +931,8 @@ interface ImageProps {
 	width: number;
 	height: number;
 	alt: string;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	pictureClass?: string;
 	style?: string;
@@ -1123,6 +1168,24 @@ type RoutePattern<TRouteMap extends Record<string, unknown>> = keyof TRouteMap &
 * ```
 */
 type RoutePaths<TRouteMap extends Record<string, unknown>> = { [K in RoutePattern<TRouteMap>] : PathWithParams<K> }[RoutePattern<TRouteMap>];
+/**
+* View Transitions API integration.
+*
+* Provides a utility to wrap DOM updates in browser view transitions,
+* with graceful degradation for unsupported browsers, reduced motion
+* preferences, and SSR environments.
+*/
+/** View transition configuration. */
+interface ViewTransitionConfig {
+	/**
+	* CSS class name added to `<html>` during the transition,
+	* enabling per-transition CSS animation rules via
+	* `.className::view-transition-old(root)` etc.
+	*
+	* Omit for the default cross-fade.
+	*/
+	className?: string;
+}
 /** Schema interface for parsing and validating values (search params, path params). */
 interface SearchParamSchema<T> {
 	parse(data: unknown): {
@@ -1161,6 +1224,10 @@ interface RouteConfig<
 	children?: RouteDefinitionMap;
 	/** Whether to pre-render this route at build time (default: true for static routes). */
 	prerender?: boolean;
+	/** Generate param combinations for pre-rendering dynamic routes at build time. */
+	generateParams?: () => Array<Record<string, string>> | Promise<Array<Record<string, string>>>;
+	/** Per-route view transition config. Overrides global RouterOptions.viewTransition. */
+	viewTransition?: boolean | ViewTransitionConfig;
 }
 /** A map of path patterns to route configs (user input format). */
 interface RouteDefinitionMap {
@@ -1191,6 +1258,8 @@ interface RouteConfigLike {
 	searchParams?: SearchParamSchema<unknown>;
 	children?: Record<string, RouteConfigLike>;
 	prerender?: boolean;
+	generateParams?: () => Array<Record<string, string>> | Promise<Array<Record<string, string>>>;
+	viewTransition?: boolean | ViewTransitionConfig;
 }
 /**
 * Phantom branded array that carries the route map type `T`.
@@ -1226,6 +1295,10 @@ interface CompiledRoute {
 	children?: CompiledRoute[];
 	/** Whether to pre-render this route at build time (default: true for static routes). */
 	prerender?: boolean;
+	/** Generate param combinations for pre-rendering dynamic routes at build time. */
+	generateParams?: () => Array<Record<string, string>> | Promise<Array<Record<string, string>>>;
+	/** Per-route view transition config. */
+	viewTransition?: boolean | ViewTransitionConfig;
 }
 /** A single matched route entry in the matched chain. */
 interface MatchedRoute {
@@ -1276,6 +1349,11 @@ interface LinkProps<T extends Record<string, RouteConfigLike> = RouteDefinitionM
 	activeClass?: string;
 	/** Static class name for the anchor element. */
 	className?: string;
+	/**
+	* Static class for the anchor element.
+	* @deprecated Use `className` instead.
+	*/
+	class?: string;
 	/** Prefetch strategy. 'hover' triggers server pre-fetch on mouseenter/focus. */
 	prefetch?: "hover";
 }
@@ -1298,7 +1376,7 @@ declare function createLink(currentPath: ReadonlySignal<string>, navigate: (url:
 * Reads the router from `RouterContext` automatically — no manual wiring needed.
 * Just use `<Link href="/about">About</Link>` inside a router-provided tree.
 */
-declare function Link({ href, children, activeClass, className }: LinkProps): HTMLAnchorElement;
+declare function Link({ href, children, activeClass, class: classProp, className }: LinkProps): HTMLAnchorElement;
 type NavigateSearchValue = string | number | boolean | null | undefined;
 type NavigateSearch = string | URLSearchParams | Record<string, NavigateSearchValue | readonly NavigateSearchValue[]>;
 /** Options for router.navigate(). */
@@ -1309,6 +1387,11 @@ interface NavigateOptions {
 	params?: Record<string, string>;
 	/** Search params appended to the final URL. */
 	search?: NavigateSearch;
+	/**
+	* Override view transition for this navigation only.
+	* `false` explicitly disables even if route/global config enables transitions.
+	*/
+	viewTransition?: boolean | ViewTransitionConfig;
 }
 type NavigateOptionsFor<TPath extends string> = string extends TPath ? NavigateOptions : TPath extends `${string}:${string}` | `${string}*` ? Omit<NavigateOptions, "params"> & {
 	params: ExtractParams<TPath>;
@@ -1336,6 +1419,14 @@ interface RouterOptions {
 	_prefetchNavData?: (url: string, options?: {
 		timeout?: number;
 	}) => PrefetchHandle;
+	/**
+	* Global view transition setting.
+	* - `true` → all navigations use the default cross-fade
+	* - `ViewTransitionConfig` → all navigations use the config
+	* - Per-route and per-navigation overrides take precedence
+	* - Default: `undefined` (no transitions)
+	*/
+	viewTransition?: boolean | ViewTransitionConfig;
 }
 /**
 * The router instance returned by createRouter.
@@ -1446,6 +1537,26 @@ declare function parseSearchParams<T = Record<string, string>>(urlParams: URLSea
 * @returns The current search params value
 */
 declare function useSearchParams<T>(searchSignal: ReadonlySignal<T>): T;
+/** Input type for registerTheme(). Compatible with configureTheme() output. */
+interface RegisterThemeInput {
+	components: {
+		primitives?: object;
+	};
+}
+/**
+* Register a theme for use with `@vertz/ui/components`.
+*
+* Call once at app startup, before any component from `@vertz/ui/components` is used.
+* Calling again replaces the previously registered theme.
+*
+* @example
+* ```ts
+* import { registerTheme } from '@vertz/ui';
+* import { configureTheme } from '@vertz/theme-shadcn';
+* registerTheme(configureTheme({ palette: 'zinc', radius: 'md' }));
+* ```
+*/
+declare function registerTheme(resolved: RegisterThemeInput): void;
 /**
 * Error thrown when `onCleanup()` is called outside a disposal scope.
 * Similar to React's invalid hook call error — fail-fast so developers
@@ -1798,4 +1909,4 @@ declare function resetRelationSchemas_TEST_ONLY(): void;
 * ```
 */
 declare function createTestStore(data: Record<string, Record<string, unknown>>): EntityStore;
-export { zoomOut, zoomIn, variants, validate, useSearchParams, useRouter, useParams, useDialogStack, useContext, untrack, slideOutToTop, slideOutToRight, slideOutToLeft, slideOutToBottom, slideInFromTop, slideInFromRight, slideInFromLeft, slideInFromBottom, signal, setAdapter, s, resolveChildren, resetRelationSchemas_TEST_ONLY, resetInjectedStyles, registerRelationSchema, ref, queryMatch, query, parseSearchParams, palettes, onMount2 as onMount, mount, keyframes, isRenderNode, isQueryDescriptor, isBrowser, invalidate, injectCSS, hydrateIslands, hydrate, globalCss, getRelationSchema, getQueryEnvelopeStore, getInjectedCSS, getEntityStore, getAdapter, formDataToObject, form, font, fadeOut, fadeIn, defineTheme, defineRoutes, css, createTestStore, createRouter, createOptimisticHandler, createLink, createFieldState, createDialogStack, createDOMAdapter, createContext, configureImageOptimizer, computed, compileTheme, compileFonts, children, buildOptimizedUrl, batch, accordionUp, accordionDown, __staticText, __exitChildren, __enterChildren, __element, __append, VariantsConfig, VariantProps, VariantFunction, ValidationResult, UnwrapSignals, TypedRoutes, TypedRouter, ThemeProviderProps, ThemeProvider, ThemeInput, Theme, SuspenseProps, Suspense, StyleValue, StyleEntry, Signal, SerializedStore, SearchParamSchema, SdkMethodWithMeta, SdkMethod, RouterViewProps, RouterView, RouterOptions, RouterContext, Router, RoutePattern, RoutePaths, RouteMatch, RouteDefinitionMap, RouteConfig, RenderText, RenderNode, RenderElement, RenderAdapter, RelationSchema, RelationFieldDef, Ref, ReadonlySignal, RawDeclaration, RENDER_NODE_BRAND, QueryResult, QueryOptions, QueryMatchHandlers, QueryEnvelopeStore, QueryEnvelope, QueryDescriptor3 as QueryDescriptor, PresenceProps, Presence, PreloadItem, PathWithParams, ParamSchema, OutletContextValue, OutletContext, Outlet, NavigateOptions, NavigateInput, MountOptions, MountHandle, MergeSelectOptions, MatchedRoute, LoaderData, ListTransitionProps, ListTransition, LinkProps, LinkFactoryOptions, Link, IslandRegistry, IslandProps, Island, InferRouteMap, ImageProps, Image, GlobalCSSOutput, GlobalCSSInput, FormSchema, FormOptions, FormInstance, FormDataOptions, FontSrc, FontOptions, FontFallbackMetrics, FontDescriptor, FieldState, FieldSelectionTracker, FallbackFontName, ExtractParams, ErrorBoundaryProps, ErrorBoundary, EntityStoreOptions, EntityStore, DisposeFn, DisposalScopeError, DialogStackContext, DialogStack, DialogHandle, DialogDismissedError, DialogComponent, Context, Computed, ComponentRegistry, ComponentLoader, ComponentFunction, CompiledTheme, CompiledRoute, CompiledFonts, CompileThemeOptions, CompileFontsOptions, ColorPalette, ChildrenAccessor, ChildValue, CacheStore, CSSOutput, CSSInput, ANIMATION_EASING, ANIMATION_DURATION };
+export { zoomOut, zoomIn, variants, validate, useSearchParams, useRouter, useParams, useDialogStack, useContext, untrack, slideOutToTop, slideOutToRight, slideOutToLeft, slideOutToBottom, slideInFromTop, slideInFromRight, slideInFromLeft, slideInFromBottom, signal, setAdapter, s, resolveChildren, resetRelationSchemas_TEST_ONLY, resetInjectedStyles, registerTheme, registerRelationSchema, ref, queryMatch, query, parseSearchParams, palettes, onMount2 as onMount, onAnimationsComplete, mount, keyframes, isRenderNode, isQueryDescriptor, isBrowser, invalidate, injectCSS, hydrateIslands, hydrate, globalCss, getRelationSchema, getQueryEnvelopeStore, getInjectedCSS, getEntityStore, getAdapter, formDataToObject, form, font, fadeOut, fadeIn, defineTheme, defineRoutes, css, createTestStore, createRouter, createOptimisticHandler, createLink, createFieldState, createDialogStack, createDOMAdapter, createContext, configureImageOptimizer, computed, compileTheme, compileFonts, children, buildOptimizedUrl, batch, accordionUp, accordionDown, __staticText, __exitChildren, __enterChildren, __element, __append, VariantsConfig, VariantProps, VariantFunction, ValidationResult, UnwrapSignals, TypedRoutes, TypedRouter, ThemeProviderProps, ThemeProvider, ThemeInput, Theme, SuspenseProps, Suspense, StyleValue, StyleEntry, Signal, SerializedStore, SearchParamSchema, SdkMethodWithMeta, SdkMethod, RouterViewProps, RouterView, RouterOptions, RouterContext, Router, RoutePattern, RoutePaths, RouteMatch, RouteDefinitionMap, RouteConfig, RenderText, RenderNode, RenderElement, RenderAdapter, RelationSchema, RelationFieldDef, RegisterThemeInput, Ref, ReadonlySignal, RENDER_NODE_BRAND, QueryResult, QueryOptions, QueryMatchHandlers, QueryEnvelopeStore, QueryEnvelope, QueryDescriptor3 as QueryDescriptor, PresenceProps, Presence, PreloadItem, PathWithParams, ParamSchema, OutletContextValue, OutletContext, Outlet, NavigateOptions, NavigateInput, MountOptions, MountHandle, MergeSelectOptions, MatchedRoute, LoaderData, ListTransitionProps, ListTransition, LinkProps, LinkFactoryOptions, Link, IslandRegistry, IslandProps, Island, InferRouteMap, ImageProps, Image, GlobalCSSOutput, GlobalCSSInput, FormSchema, FormOptions, FormInstance, FormDataOptions, FontSrc, FontOptions, FontFallbackMetrics, FontDescriptor, FieldState, FieldSelectionTracker, FallbackFontName, ExtractParams, ErrorBoundaryProps, ErrorBoundary, EntityStoreOptions, EntityStore, DisposeFn, DisposalScopeError, DialogStackContext, DialogStack, DialogResult, DialogHandle, DialogComponent, Context, Computed, ComponentRegistry, ComponentLoader, ComponentFunction, CompiledTheme, CompiledRoute, CompiledFonts, CompileThemeOptions, CompileFontsOptions, ColorPalette, ChildrenAccessor, ChildValue, CacheStore, CSSOutput, CSSInput, ANIMATION_EASING, ANIMATION_DURATION };

package/dist/src/index.js

@@ -1,3 +1,6 @@
+import {
+  registerTheme
+} from "../shared/chunk-mwc4v48d.js";
 import {
   ANIMATION_DURATION,
   ANIMATION_EASING,
@@ -21,7 +24,7 @@ import {
   slideOutToTop,
   zoomIn,
   zoomOut
-} from "../shared/chunk-yjs76c7v.js";
+} from "../shared/chunk-pdqr78k9.js";
 import {
   Link,
   Outlet,
@@ -30,20 +33,21 @@ import {
   createLink,
   parseSearchParams,
   useSearchParams
-} from "../shared/chunk-j5qtsm0b.js";
-import"../shared/chunk-07bh4m1e.js";
+} from "../shared/chunk-67z8b0q8.js";
+import"../shared/chunk-kjwp5q5s.js";
+import"../shared/chunk-4xkw6h1s.js";
 import {
   createRouter
-} from "../shared/chunk-fkbgbf3n.js";
+} from "../shared/chunk-7g722pdh.js";
 import {
   defineRoutes
-} from "../shared/chunk-6wd36w21.js";
+} from "../shared/chunk-am9zaw4h.js";
 import {
   createFieldState,
   form,
   formDataToObject,
   validate
-} from "../shared/chunk-j09yyh34.js";
+} from "../shared/chunk-yb4a0smw.js";
 import {
   EntityStore,
   FieldSelectionTracker,
@@ -57,7 +61,7 @@ import {
   queryMatch,
   registerRelationSchema,
   resetRelationSchemas_TEST_ONLY
-} from "../shared/chunk-fs3eec4b.js";
+} from "../shared/chunk-szk0hyjg.js";
 import"../shared/chunk-jrtrk5z4.js";
 import {
   ThemeProvider,
@@ -74,20 +78,14 @@ import {
   resolveChildren,
   s,
   variants
-} from "../shared/chunk-c3r237f0.js";
+} from "../shared/chunk-pq8khh47.js";
 import {
   __append,
   __element,
   __enterChildren,
   __exitChildren,
-  __staticText,
-  claimElement,
-  endHydration,
-  enterChildren,
-  exitChildren,
-  getIsHydrating,
-  startHydration
-} from "../shared/chunk-mgfrrrjq.js";
+  __staticText
+} from "../shared/chunk-vwz86vg9.js";
 import"../shared/chunk-prj7nm08.js";
 import {
   RENDER_NODE_BRAND,
@@ -95,32 +93,39 @@ import {
   getAdapter,
   isRenderNode,
   setAdapter
-} from "../shared/chunk-afawz764.js";
+} from "../shared/chunk-c61572xp.js";
 import {
   RouterContext,
   useParams,
   useRouter
-} from "../shared/chunk-mtsvrj9e.js";
+} from "../shared/chunk-4cmt1ve8.js";
 import {
   isBrowser
-} from "../shared/chunk-14eqne2a.js";
+} from "../shared/chunk-bybgyjye.js";
 import {
   DisposalScopeError,
   _tryOnCleanup,
   batch,
+  claimElement,
   computed,
   createContext,
+  discardDeferredEffects,
   domEffect,
+  endHydration,
+  enterChildren,
+  exitChildren,
   getContextScope,
+  getIsHydrating,
   getSSRContext,
   popScope,
   pushScope,
   runCleanups,
   setContextScope,
   signal,
+  startHydration,
   untrack,
   useContext
-} from "../shared/chunk-4fwcwxn6.js";
+} from "../shared/chunk-2qe6aqhb.js";
 // src/component/error-boundary-context.ts
 var handlerStack = [];
 function pushErrorHandler(handler) {
@@ -516,18 +521,11 @@ function useDialogStack() {
     }
   };
 }
-
-class DialogDismissedError extends Error {
-  constructor() {
-    super("Dialog was dismissed");
-    this.name = "DialogDismissedError";
-  }
-}
 function createDialogStack(container) {
   const entries = [];
   let nextId = 0;
   function open(component, props, capturedScope) {
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve) => {
       if (entries.length > 0) {
         entries[entries.length - 1].wrapper.setAttribute("data-state", "background");
       }
@@ -540,9 +538,9 @@ function createDialogStack(container) {
         wrapper,
         node: null,
         resolve,
-        reject,
         cleanups: [],
-        dismissible: true
+        dismissible: true,
+        settled: false
       };
       const prevScope = setContextScope(capturedScope ?? null);
       const scope = pushScope();
@@ -571,9 +569,12 @@ function createDialogStack(container) {
     });
   }
   function closeEntry(entry, result) {
+    if (entry.settled)
+      return;
     const idx = entries.indexOf(entry);
     if (idx === -1)
       return;
+    entry.settled = true;
     entry.wrapper.setAttribute("data-state", "closed");
     onAnimationsComplete(entry.wrapper, () => {
       runCleanups(entry.cleanups);
@@ -588,7 +589,7 @@ function createDialogStack(container) {
         entries[entries.length - 1].wrapper.setAttribute("data-state", "open");
       }
       updateDepthAttributes();
-      entry.resolve(result);
+      entry.resolve({ ok: true, data: result });
     });
   }
   function updateDepthAttributes() {
@@ -613,9 +614,12 @@ function createDialogStack(container) {
     }
   };
   function dismissEntry(entry) {
+    if (entry.settled)
+      return;
     const idx = entries.indexOf(entry);
     if (idx === -1)
       return;
+    entry.settled = true;
     entry.wrapper.setAttribute("data-state", "closed");
     onAnimationsComplete(entry.wrapper, () => {
       runCleanups(entry.cleanups);
@@ -630,7 +634,7 @@ function createDialogStack(container) {
         entries[entries.length - 1].wrapper.setAttribute("data-state", "open");
       }
       updateDepthAttributes();
-      entry.reject(new DialogDismissedError);
+      entry.resolve({ ok: false });
     });
   }
 }
@@ -662,6 +666,7 @@ var BUILD_ONLY_PROPS = new Set([
   "width",
   "height",
   "alt",
+  "className",
   "class",
   "style",
   "loading",
@@ -677,7 +682,8 @@ function Image({
   width,
   height,
   alt,
-  class: className,
+  className,
+  class: classProp,
   style,
   loading = "lazy",
   decoding = "async",
@@ -702,10 +708,11 @@ function Image({
   el.setAttribute("alt", alt);
   el.setAttribute("loading", resolvedLoading);
   el.setAttribute("decoding", resolvedDecoding);
+  const effectiveClass = className ?? classProp;
   if (resolvedFetchpriority)
     el.setAttribute("fetchpriority", resolvedFetchpriority);
-  if (className)
-    el.setAttribute("class", className);
+  if (effectiveClass)
+    el.setAttribute("class", effectiveClass);
   if (style)
     el.setAttribute("style", style);
   for (const [key, value] of Object.entries(rest)) {
@@ -798,6 +805,7 @@ function mount(app, options) {
       mountedRoots.set(root, handle2);
       return handle2;
     } catch (e) {
+      discardDeferredEffects();
       endHydration();
       popScope();
       runCleanups(scope2);
@@ -891,6 +899,7 @@ export {
   resolveChildren,
   resetRelationSchemas_TEST_ONLY,
   resetInjectedStyles,
+  registerTheme,
   registerRelationSchema,
   ref,
   queryMatch,
@@ -898,6 +907,7 @@ export {
   parseSearchParams,
   palettes,
   onMount,
+  onAnimationsComplete,
   mount,
   keyframes,
   isRenderNode,
@@ -961,7 +971,6 @@ export {
   EntityStore,
   DisposalScopeError,
   DialogStackContext,
-  DialogDismissedError,
   ANIMATION_EASING,
   ANIMATION_DURATION
 };