@kasperrt/smolter 0.4.2 → 0.4.3

package/dist/preact/route-hooks.js

@@ -6,6 +6,7 @@ import { pendingLocation } from "../core/presentation.js";
 import { useNavigationSnapshot } from "./navigation-state.js";
 import { useCallback } from "preact/hooks";
 //#region .generated/preact/route-hooks.tsx
+/** Read root loader data from the application context. */
 function useRootData() {
 	return useApplication().root;
 }
@@ -18,9 +19,11 @@ function useRouteLoaderData(id) {
 	if (!route || route.path !== snapshot.path) return void 0;
 	return snapshot.data;
 }
+/** Read the current route error for an error boundary. */
 function useRouteError() {
 	return useSnapshot("error");
 }
+/** Read the current page navigation or submission state. */
 function useNavigation() {
 	const router = useRouter();
 	const snapshot = useSnapshot();
@@ -30,18 +33,21 @@ function useNavigation() {
 		location
 	}), [snapshot.state, location?.href]);
 }
+/** Read the active flat route match and loader data; this is not a nested layout match chain. */
 function useMatches() {
-	const { routes } = useApplication();
+	const router = useRouter();
 	const snapshot = useSnapshot();
 	return [{
-		id: routes.find((item) => item.path === snapshot.path)?.id ?? "",
+		id: router.routes.find((item) => item.path === snapshot.path)?.id ?? "",
 		data: snapshot.data,
 		params: snapshot.params
 	}];
 }
+/** Read context supplied by the nearest Outlet. */
 function useOutletContext() {
 	return useContext(OutletContext);
 }
+/** Return a function that submits form data through the current router. */
 function useSubmit() {
 	const router = useRouter();
 	return useCallback((value, options = {}) => {
@@ -56,6 +62,7 @@ function useSubmit() {
 		return router.submit(target, body, { method });
 	}, [router]);
 }
+/** Read the current router location as a URL. */
 function useURLLocation() {
 	const href = useSnapshot("url");
 	const snapshot = useNavigationSnapshot(useRouter());
@@ -68,6 +75,7 @@ function useURLLocation() {
 		snapshot.key
 	]);
 }
+/** Return the application navigation function, including history offsets and relative destinations. */
 function useNavigate() {
 	const router = useRouter();
 	return useCallback((to, options) => {
@@ -80,6 +88,7 @@ function useNavigate() {
 		router.navigate(target, options);
 	}, [router]);
 }
+/** Read URL search parameters and update them through router navigation. */
 function useSearchParams() {
 	const location = useURLLocation();
 	const navigate = useNavigate();
@@ -87,6 +96,7 @@ function useSearchParams() {
 		navigate(`${location.pathname}?${new URLSearchParams(value)}`, options);
 	}, [location.pathname, navigate])];
 }
+/** Read the last browser history operation. */
 function useNavigationType() {
 	return useNavigationSnapshot(useRouter()).type;
 }

package/dist/preact/route-types.d.ts

@@ -1,20 +1,28 @@
 import type { DataArgs, RevalidationArgs, Route, Snapshot } from "../core/index.ts";
 import type { DataResponse } from "../core/responses.ts";
 import type { ComponentType, ReactNode } from "preact/compat";
+/** Request, route parameters and cancellation signal supplied to a loader. */
 export interface LoaderFunctionArgs extends DataArgs {
     context?: unknown;
 }
+/** Request, route parameters and cancellation signal supplied to an action. */
 export type ActionFunctionArgs = LoaderFunctionArgs;
+/** Loader arguments with a serverLoader callback for the server transport. */
 export interface ClientLoaderFunctionArgs extends LoaderFunctionArgs {
     serverLoader: <T = unknown>() => Promise<T>;
 }
+/** Action arguments with a serverAction callback for the server transport. */
 export interface ClientActionFunctionArgs extends LoaderFunctionArgs {
     serverAction: <T = unknown>() => Promise<T>;
 }
+/** Navigation or mutation context used to decide whether loader data should refresh. */
 export type ShouldRevalidateFunctionArgs = RevalidationArgs;
 type UnwrapData<T> = T extends DataResponse<infer V> ? V : T;
+/** Infer successful loader data, unwrapping promises and data responses. */
 export type RouteData<T> = T extends (...args: never[]) => infer R ? UnwrapData<Exclude<Awaited<R>, Response | Error>> : T;
+/** A document metadata descriptor, such as a title, meta tag or structured-data record. */
 export type MetaDescriptor = Record<string, unknown>;
+/** Loader data, error, parameters and location supplied to a route metadata function. */
 export interface MetaArgs<T> {
     data: RouteData<T> | undefined;
     loaderData: RouteData<T> | undefined;
@@ -22,8 +30,11 @@ export interface MetaArgs<T> {
     params: Record<string, string>;
     location: URL;
 }
+/** Derive document metadata descriptors from the current route data and location. */
 export type MetaFunction<T = unknown> = (args: MetaArgs<T>) => MetaDescriptor[];
+/** Return link descriptors rendered in the document head. */
 export type LinksFunction = () => Record<string, string>[];
+/** Data route with optional lazy component, preload and document metadata integration. */
 export interface AppRoute extends Route {
     resolveComponent?: () => ComponentType | undefined;
     preload?: () => Promise<void>;
@@ -31,6 +42,7 @@ export interface AppRoute extends Route {
     routePath?: string;
     meta?: MetaFunction;
 }
+/** Root document components, loader, metadata and revalidation policy for a Preact application. */
 export interface RootModule {
     /** Route identity used by targeted revalidation. Defaults to root. */
     id?: string;
@@ -46,10 +58,12 @@ export interface RootModule {
     meta?: MetaFunction;
     shouldRevalidate?: (args: RevalidationArgs) => boolean;
 }
+/** Serialized root data and route snapshot used to hydrate without repeating initial loaders. */
 export interface Hydration {
     rootError?: boolean;
     root: unknown;
     snapshot: Snapshot;
 }
+/** Transform a data transport response using the current request context. */
 export type HandleDataRequestFunction = (response: Response, args: LoaderFunctionArgs) => Response | Promise<Response>;
 export {};

package/dist/preact/router.d.ts

@@ -3,14 +3,17 @@ import type { ReactNode } from "preact/compat";
 import { type ApplicationContext } from "./root-context.ts";
 import { createRootStore } from "./root-data.ts";
 import type { AppRoute } from "./route-types.ts";
+/** Optional children and context shared with descendants through useOutletContext. */
 export interface OutletProps {
     context?: unknown;
     children?: ReactNode;
 }
+/** Render supplied children or the active route, and provide outlet context to descendants. */
 export declare function Outlet({ context, children, }: OutletProps): import("preact").JSX.Element;
 export interface ApplicationProps extends ApplicationContext {
     document?: boolean;
     rootStore?: ReturnType<typeof createRootStore>;
 }
+/** Render a Preact root document and active route with shared root data and application context. */
 export declare function RouterApplication(props: ApplicationProps): import("preact").JSX.Element;
 export declare function prepareRoutes(routes: AppRoute[], preserveDeferred?: boolean): AppRoute[];

package/dist/preact/router.js

@@ -6,6 +6,7 @@ import { createStore } from "../core/store.js";
 import { Routes } from "./routes.js";
 import { jsx } from "preact/jsx-runtime";
 //#region .generated/preact/router.tsx
+/** Render supplied children or the active route, and provide outlet context to descendants. */
 function Outlet({ context, children }) {
 	const current = useContext(OutletContext);
 	return /* @__PURE__ */ jsx(OutletContext, {
@@ -16,6 +17,7 @@ function Outlet({ context, children }) {
 		}) })
 	});
 }
+/** Render a Preact root document and active route with shared root data and application context. */
 function RouterApplication(props) {
 	const rootStore = useMemo(() => props.rootStore ?? createStore(props.root), [props.rootStore, props.root]);
 	const root = useSyncExternalStore(rootStore.subscribe, rootStore.getSnapshot);

package/dist/react/data.d.ts

@@ -1,4 +1,8 @@
-/** Resource subscriptions independent of URL navigation. @module */
+/**
+ * Independent React resource data, forms and subscriptions.
+ *
+ * @module
+ */
 export type { ActionFunctionArgs as ResourceActionArgs, DataResult as ResourceResult, LoaderFunctionArgs as ResourceLoaderArgs, ShouldRevalidateFunctionArgs as ResourceRevalidationArgs, } from "../core/resource-types.ts";
 export { createResourceRouter, ResourceRouter, } from "../core/resources.ts";
 export type { ResourceRouteModule } from "./resources/components.tsx";

package/dist/react/index.d.ts

@@ -1,4 +1,8 @@
-/** Framework components and typed data hooks. @module */
+/**
+ * React routing components, typed data hooks and forms.
+ *
+ * @module
+ */
 export type * from "../core/index.ts";
 export { createDataRouter, createRouter, defineRoute, } from "../core/index.ts";
 export { RouterProvider, type RouterProviderProps, useRouter, } from "./context.ts";
@@ -6,4 +10,5 @@ export * from "./fetcher.ts";
 export * from "./form.ts";
 export * from "./hooks.ts";
 export * from "./link.ts";
+export { Outlet, type OutletProps, useMatches, useOutletContext, } from "./outlet.ts";
 export * from "./routes.ts";

package/dist/react/index.js

@@ -7,4 +7,5 @@ import { useFetcher } from "./fetcher.js";
 import { useActionData, useLoaderData, useLocation, useParams, useRevalidator } from "./hooks.js";
 import { Link } from "./link.js";
 import { Routes } from "./routes.js";
-export { Form, Link, RouterProvider, Routes, createDataRouter, createRouter, defineRoute, useActionData, useFetcher, useLoaderData, useLocation, useParams, useRevalidator, useRouter };
+import { Outlet, useMatches, useOutletContext } from "./outlet.js";
+export { Form, Link, Outlet, RouterProvider, Routes, createDataRouter, createRouter, defineRoute, useActionData, useFetcher, useLoaderData, useLocation, useMatches, useOutletContext, useParams, useRevalidator, useRouter };

package/dist/react/outlet.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "./runtime.ts";
+/** Optional children and context shared with descendants through useOutletContext. */
+export interface OutletProps {
+    context?: unknown;
+    children?: ReactNode;
+}
+/** Render the active route under a layout's shared context. */
+export declare function Outlet({ context, children }: OutletProps): ReactNode;
+/** Read the nearest Outlet's context. */
+export declare function useOutletContext<T>(): T;
+/** Read the active flat route match; this is not a nested layout match chain. */
+export declare function useMatches(): {
+    id: string;
+    data: unknown;
+    params: import("../core/index.ts").Params;
+}[];

package/dist/react/outlet.js

@@ -0,0 +1,26 @@
+import { createContext, createElement, useContext } from "./runtime.js";
+import { useRouter, useSnapshot } from "./context.js";
+import { Routes } from "./routes.js";
+//#region .generated/react/outlet.ts
+var OutletContext = createContext(void 0);
+/** Render the active route under a layout's shared context. */
+function Outlet({ context, children }) {
+	const inherited = useContext(OutletContext);
+	return createElement(OutletContext.Provider, { value: context ?? inherited }, children ?? createElement(Routes, { fallback: createElement("p", { role: "status" }, "Loading…") }));
+}
+/** Read the nearest Outlet's context. */
+function useOutletContext() {
+	return useContext(OutletContext);
+}
+/** Read the active flat route match; this is not a nested layout match chain. */
+function useMatches() {
+	const router = useRouter();
+	const snapshot = useSnapshot();
+	return [{
+		id: router.routes.find((item) => item.path === snapshot.path)?.id ?? "",
+		data: snapshot.data,
+		params: snapshot.params
+	}];
+}
+//#endregion
+export { Outlet, useMatches, useOutletContext };

package/dist/react/resources/components.d.ts

@@ -2,6 +2,7 @@
 import type { DataResult, NavigationState, Params, ResourceModule, RouteState } from "../../core/resource-types.ts";
 import type { ResourceRouter } from "../../core/resources.ts";
 import { type ComponentType, type PropsWithChildren } from "react";
+/** Resource handlers with optional React content, pending UI and retry boundary. */
 export interface ResourceRouteModule extends ResourceModule {
     default?: ComponentType;
     ErrorBoundary?: ComponentType<{
@@ -16,19 +17,26 @@ interface RouterProviderProps extends PropsWithChildren {
     }[];
     router: ResourceRouter;
 }
+/** Provide a resource router and load initial matches; dispose it when unmounted. */
 export declare function RouterProvider({ children, initialMatches, router, }: RouterProviderProps): import("react").JSX.Element;
 interface RouteProps extends PropsWithChildren {
     params?: Params;
     persistent?: boolean;
     routeId: string;
 }
+/** Provide a resource route and render its content, loading state or retry boundary. */
 export declare function Route({ children, params, persistent, routeId, }: RouteProps): import("react").JSX.Element;
+/** Read the current resource route loader result. */
 export declare function useLoaderData<Data>(): Data | null;
+/** Read loader data for a registered resource route. */
 export declare function useRouteLoaderData<Data>(routeId: string, params?: Params): Data | null;
+/** Read the current resource route action result. */
 export declare function useActionData<Data>(): Data | null;
+/** Read the current page navigation or submission state. */
 export declare function useNavigation(): {
     state: NavigationState;
 };
+/** Return the resource route revalidation function. */
 export declare function useRevalidator(): {
     revalidate: () => Promise<DataResult<unknown>>;
     state: string;
@@ -46,8 +54,11 @@ interface FormProps extends PropsWithChildren {
     input?: unknown;
     params?: Params;
 }
+/** Submit a resource action from a form without document navigation. */
 export declare function Form({ action, children, input, params, }: FormProps): import("react").JSX.Element;
+/** Return a function that submits form data through the current router. */
 export declare function useSubmit(): (input?: unknown) => Promise<DataResult<unknown>>;
+/** Read or mutate a resource independently of the rendered route. */
 export declare function useFetcher<Data = unknown>(options?: FetcherOptions): readonly [
     {
         data: Data | null;
@@ -60,5 +71,6 @@ export declare function useFetcher<Data = unknown>(options?: FetcherOptions): re
         submit: (input: unknown, target?: FetcherTarget) => Promise<DataResult<Data>>;
     }
 ];
+/** Read the resource router supplied by its provider. */
 export declare function useRouter(): ResourceRouter;
 export type { NavigationState, RouteState };

package/dist/react/resources/components.js

@@ -4,6 +4,7 @@ import { jsx } from "react/jsx-runtime";
 var RouterContext = createContext(null);
 var RouteContext = createContext(null);
 var FormContext = createContext(null);
+/** Provide a resource router and load initial matches; dispose it when unmounted. */
 function RouterProvider({ children, initialMatches = EMPTY_MATCHES, router }) {
 	useEffect(() => {
 		for (const match of initialMatches) router.load(match.routeId, match.params ?? {});
@@ -14,6 +15,7 @@ function RouterProvider({ children, initialMatches = EMPTY_MATCHES, router }) {
 		children
 	});
 }
+/** Provide a resource route and render its content, loading state or retry boundary. */
 function Route({ children, params = {}, persistent = false, routeId }) {
 	const router = useRouter();
 	const stableParams = useStableParams(params);
@@ -59,21 +61,26 @@ function Route({ children, params = {}, persistent = false, routeId }) {
 		})
 	});
 }
+/** Read the current resource route loader result. */
 function useLoaderData() {
 	const route = useCurrentRoute();
 	return useRouteLoaderData(route.routeId, route.params);
 }
+/** Read loader data for a registered resource route. */
 function useRouteLoaderData(routeId, params = {}) {
 	return useRouteState(routeId, useStableParams(params), true).loaderData;
 }
+/** Read the current resource route action result. */
 function useActionData() {
 	const route = useCurrentRoute();
 	return useRouteState(route.routeId, route.params, false).actionData;
 }
+/** Read the current page navigation or submission state. */
 function useNavigation() {
 	const route = useCurrentRoute();
 	return { state: useRouteState(route.routeId, route.params, false).navigationState };
 }
+/** Return the resource route revalidation function. */
 function useRevalidator() {
 	const route = useCurrentRoute();
 	const router = useRouter();
@@ -87,6 +94,7 @@ function useRevalidator() {
 		state.navigationState
 	]);
 }
+/** Submit a resource action from a form without document navigation. */
 function Form({ action, children, input, params }) {
 	const currentRoute = useContext(RouteContext);
 	const router = useRouter();
@@ -104,11 +112,13 @@ function Form({ action, children, input, params }) {
 		children
 	});
 }
+/** Return a function that submits form data through the current router. */
 function useSubmit() {
 	const submit = useContext(FormContext);
 	if (!submit) throw new Error("useSubmit must be used inside Form.");
 	return submit;
 }
+/** Read or mutate a resource independently of the rendered route. */
 function useFetcher(options = {}) {
 	const currentRoute = useContext(RouteContext);
 	const router = useRouter();
@@ -169,6 +179,7 @@ function useFetcher(options = {}) {
 		submit
 	])];
 }
+/** Read the resource router supplied by its provider. */
 function useRouter() {
 	const router = useContext(RouterContext);
 	if (!router) throw new Error("RouterProvider is missing.");

package/dist/server/application.d.ts

@@ -1,8 +1,11 @@
 /** @jsxImportSource preact */
 import type { AppRoute, RootModule } from "../preact/route-types.ts";
+/** SSR settings for CSP nonce and early deferred-data hydration. */
 export interface RenderApplicationOptions {
     nonce?: string;
     earlyHydration?: boolean;
 }
+/** Render a Preact application response with root and route data, streaming deferred content when enabled. */
 export declare function renderApplication(request: Request, routes: AppRoute[], rootModule: RootModule, entry: string, options?: RenderApplicationOptions): Promise<Response>;
+/** Dispatch a normalized application URL to its route loader or action and return an HTTP response. */
 export declare function dispatchRoute(request: Request, routes: AppRoute[], document?: boolean): Promise<Response>;

package/dist/server/application.js

@@ -13,6 +13,7 @@ import { jsx } from "preact/jsx-runtime";
 import { renderToReadableStream } from "preact-render-to-string/stream";
 //#region .generated/server/application.tsx
 /** @jsxImportSource preact */
+/** Render a Preact application response with root and route data, streaming deferred content when enabled. */
 async function renderApplication(request, routes, rootModule, entry, options = {}) {
 	routes = routes.map((route) => ({
 		...route,
@@ -160,6 +161,7 @@ async function dispatch(request, routes, document = false) {
 	}
 	return Response.json(await normalizeResult(value) ?? null);
 }
+/** Dispatch a normalized application URL to its route loader or action and return an HTTP response. */
 async function dispatchRoute(request, routes, document = false) {
 	const response = await dispatch(request, routes, document);
 	return document ? response : privateResponse(response);

package/dist/server/assets.d.ts

@@ -1,6 +1,8 @@
+/** Emitted JavaScript and stylesheet URLs associated with a route. */
 export interface RouteAssets {
     path: string;
     files: string[];
     styles?: string[];
 }
+/** Collect matched-route JavaScript and stylesheet assets from the production route manifest. */
 export declare function routePreloads(routes: RouteAssets[], pathname: string, base: string): string;

package/dist/server/assets.js

@@ -1,5 +1,11 @@
 import { matchRoutes } from "../core/match.js";
 //#region .generated/server/assets.ts
+/**
+* Production route asset discovery for SSR preload hints.
+*
+* @module
+*/
+/** Collect matched-route JavaScript and stylesheet assets from the production route manifest. */
 function routePreloads(routes, pathname, base) {
 	const route = matchRoutes(routes, pathname)?.route;
 	const prefix = base.replace(/\/$/, "");

package/dist/server/handler.d.ts

@@ -4,6 +4,7 @@ export interface ServerBuild {
     default: (request: Request, entry: string) => Response | Promise<Response>;
     handleDataRequest: (request: Request) => Response | Promise<Response>;
 }
+/** SSR build, browser entry URL and application-scoped data endpoint for Node or Express. */
 export interface RequestHandlerOptions {
     build: ServerBuild;
     /** Browser entry URL resolved from Vite's production manifest. */
@@ -11,11 +12,13 @@ export interface RequestHandlerOptions {
     /** Must match the browser and Vite transport endpoint. */
     dataEndpoint?: string;
 }
+/** Node request with optional Express protocol and original URL information. */
 export interface ServerIncomingMessage extends IncomingMessage {
     /** Express supplies this using the application's trust proxy policy. */
     protocol?: string;
     originalUrl?: string;
 }
+/** Express-compatible callback for forwarding middleware errors. */
 export type NextHandler = (error?: unknown) => void;
 /** Node/Express middleware; mount after metrics, tracing and static assets. */
 export declare function createRequestHandler({ build, entry, dataEndpoint, }: RequestHandlerOptions): (incoming: ServerIncomingMessage, outgoing: ServerResponse, next: NextHandler) => Promise<void>;

package/dist/server/http.d.ts

@@ -1,8 +1,10 @@
 import type { ServerResponse } from "node:http";
 import type { ServerIncomingMessage } from "./handler.ts";
+/** Convert a Node request to a Web Request with cancellation and an optional normalized route target. */
 export declare function webRequest(incoming: ServerIncomingMessage, outgoing: ServerResponse, target?: string): Promise<Request>;
 interface StreamingResponse extends ServerResponse {
     flush?: () => void;
 }
+/** Write a Web Response to Node with streaming backpressure and disconnect cancellation. */
 export declare function send(response: Response, outgoing: StreamingResponse): Promise<void>;
 export {};

package/dist/server/http.js

@@ -1,6 +1,7 @@
 import { Readable, Transform } from "node:stream";
 import { pipeline } from "node:stream/promises";
 //#region .generated/server/http.ts
+/** Convert a Node request to a Web Request with cancellation and an optional normalized route target. */
 async function webRequest(incoming, outgoing, target) {
 	const origin = `${incoming.protocol ?? "http"}://${incoming.headers.host}`;
 	const headers = new Headers();
@@ -16,6 +17,7 @@ async function webRequest(incoming, outgoing, target) {
 		...incoming.method !== "GET" && incoming.method !== "HEAD" && { body: new Uint8Array(Buffer.concat(chunks)) }
 	});
 }
+/** Write a Web Response to Node with streaming backpressure and disconnect cancellation. */
 async function send(response, outgoing) {
 	outgoing.statusCode = response.status;
 	response.headers.forEach((value, name) => {

package/dist/server/node.d.ts

@@ -1,3 +1,7 @@
-/** Optional application integration. @module */
+/**
+ * Streaming Node and Express adapters for Web requests and responses.
+ *
+ * @module
+ */
 export * from "./handler.ts";
 export * from "./http.ts";

package/dist/server/preact.d.ts

@@ -1,3 +1,7 @@
-/** Preact server rendering and HTTP data dispatch. @module */
+/**
+ * Preact SSR rendering and route data dispatch.
+ *
+ * @module
+ */
 export { dispatchRoute, type RenderApplicationOptions, renderApplication, } from "./application.tsx";
 export * from "./index.ts";

package/jsr.json

@@ -1,6 +1,6 @@
 {
   "name": "@kasperrt/smolter",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "exports": {
     "./react": "./.generated/react/index.ts",
     "./preact": "./.generated/preact/index.ts",

package/package.json

@@ -20,7 +20,7 @@
     "build:examples": "pnpm --filter \"@smolter/example-*\" build",
     "smoke:production": "node scripts/production-smoke.mjs",
     "jsr:check": "node scripts/jsr.mjs",
-    "build:site": "vite build --config apps/site/vite.config.ts && pnpm --filter @smolter/example-react build --mode hosted && pnpm --filter @smolter/example-preact build --mode hosted",
+    "build:site": "pnpm --filter @smolter/example-preact build --mode hosted",
     "smoke:site": "node scripts/site-smoke.mjs",
     "docs:badges": "node scripts/readme-badges.mjs",
     "docs:reference": "pnpm build && node scripts/docs-reference.mjs",
@@ -35,6 +35,7 @@
     "@smolter/preact": "workspace:*",
     "@smolter/react": "workspace:*",
     "@smolter/server": "workspace:*",
+    "@smolter/ui": "workspace:*",
     "@smolter/vite": "workspace:*",
     "@types/node": "24.10.1",
     "@types/react": "19.3.0",
@@ -56,7 +57,7 @@
     "wouter": "3.13.0",
     "wouter-preact": "3.13.0"
   },
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "A tiny typed data router for React and Preact.",
   "sideEffects": false,
   "license": "MIT",
@@ -135,10 +136,10 @@
     "CHANGELOG.md"
   ],
   "peerDependencies": {
-    "react": ">=18",
     "preact": ">=11.0.1",
-    "vite": ">=8",
-    "preact-render-to-string": ">=6.8.1"
+    "preact-render-to-string": ">=6.8.1",
+    "react": ">=18",
+    "vite": ">=8"
   },
   "peerDependenciesMeta": {
     "react": {