acrylblends 0.6.2 → 0.6.4

package/lib/html-SllAe0YT.d.ts

@@ -0,0 +1,46 @@
+//#region ../../plugins/acryl-router/src/core/utils/html.d.ts
+/**
+ * @module
+ * HTML utility.
+ */
+declare const HtmlEscapedCallbackPhase: {
+  readonly Stringify: 1;
+  readonly BeforeStream: 2;
+  readonly Stream: 3;
+};
+type HtmlEscapedCallbackOpts = {
+  buffer?: [string];
+  phase: (typeof HtmlEscapedCallbackPhase)[keyof typeof HtmlEscapedCallbackPhase];
+  context: Readonly<object>;
+};
+type HtmlEscapedCallback = (opts: HtmlEscapedCallbackOpts) => Promise<string> | undefined;
+type HtmlEscaped = {
+  isEscaped: true;
+  callbacks?: HtmlEscapedCallback[];
+};
+type HtmlEscapedString = string & HtmlEscaped;
+/**
+ * StringBuffer contains string and Promise<string> alternately
+ * The length of the array will be odd, the odd numbered element will be a string,
+ * and the even numbered element will be a Promise<string>.
+ * When concatenating into a single string, it must be processed from the tail.
+ * @example
+ * [
+ *   'framework.',
+ *   Promise.resolve('ultra fast'),
+ *   'a ',
+ *   Promise.resolve('is '),
+ *   'Acryl',
+ * ]
+ */
+type StringBuffer = (string | Promise<string>)[];
+type StringBufferWithCallbacks = StringBuffer & {
+  callbacks: HtmlEscapedCallback[];
+};
+declare const raw: (value: unknown, callbacks?: HtmlEscapedCallback[]) => HtmlEscapedString;
+declare const stringBufferToString: (buffer: StringBuffer, callbacks: HtmlEscapedCallback[] | undefined) => Promise<HtmlEscapedString>;
+declare const escapeToBuffer: (str: string, buffer: StringBuffer) => void;
+declare const resolveCallbackSync: (str: string | HtmlEscapedString) => string;
+declare const resolveCallback: (str: string | HtmlEscapedString | Promise<string>, phase: (typeof HtmlEscapedCallbackPhase)[keyof typeof HtmlEscapedCallbackPhase], preserveCallbacks: boolean, context: object, buffer?: [string]) => Promise<string>;
+//#endregion
+export { StringBuffer as a, raw as c, stringBufferToString as d, HtmlEscapedString as i, resolveCallback as l, HtmlEscapedCallback as n, StringBufferWithCallbacks as o, HtmlEscapedCallbackPhase as r, escapeToBuffer as s, HtmlEscaped as t, resolveCallbackSync as u };

package/lib/html.d.ts

@@ -1,4 +1,4 @@
-import { HtmlEscapedString, raw } from "./utils/html.js";
+import { c as raw, i as HtmlEscapedString } from "./html-SllAe0YT.js";
 
 //#region ../../plugins/acryl-router/src/core/helper/html/index.d.ts
 declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => HtmlEscapedString | Promise<HtmlEscapedString>;

package/lib/{index-m12zcmph.d.ts → index-Bb7YJKCq.d.ts}

@@ -1,7 +1,7 @@
 import { n as ContentfulStatusCode, s as ServerErrorStatusCode, t as ClientErrorStatusCode } from "./http-status-DaAwGAFL.js";
-import { E as UnionToIntersection } from "./types-D9DEXMjE.js";
-import { t as Acryl } from "./app-BdrVHBlJ.js";
-import { a as ClientResponse, i as ClientRequestOptions, n as Client, s as FilterClientResponseByStatusCode } from "./types-Bd29gh2o.js";
+import { D as UnionToIntersection } from "./types-Lqx5BxQF.js";
+import { t as Acryl } from "./app-D8riatvv.js";
+import { a as ClientResponse, i as ClientRequestOptions, n as Client, s as FilterClientResponseByStatusCode } from "./types-zNxyEpG2.js";
 
 //#region ../../plugins/acryl-router/src/core/client/client.d.ts
 declare const hc: <T extends Acryl<any, any, any>, Prefix extends string = string>(baseUrl: Prefix, options?: ClientRequestOptions) => UnionToIntersection<Client<T, Prefix>>;

package/lib/{index-Kqou8Fjh.d.ts → index-BvFh1Gfx.d.ts}

@@ -1,6 +1,6 @@
-import { I as MiddlewareHandler, X as TypedResponse, t as Context } from "./context-B5Y1lLha.js";
+import { L as MiddlewareHandler, Z as TypedResponse, t as Context } from "./context-DS3fYyG-.js";
 import { c as StatusCode } from "./http-status-DaAwGAFL.js";
-import { r as CloseEvent, t as BinaryType, y as MessageEvent } from "./types-D9DEXMjE.js";
+import { b as MessageEvent, r as CloseEvent, t as BinaryType } from "./types-Lqx5BxQF.js";
 
 //#region ../../plugins/acryl-router/src/core/helper/websocket/index.d.ts
 /**

package/lib/index-C850MeBA.d.ts

@@ -0,0 +1,94 @@
+import { C as PropsWithChildren, G as useRef, Q as FallbackRender, Z as ErrorHandler, k as RefObject, t as Context } from "./context-DxFdY_un.js";
+import { a as JSX, o as JSXNode, r as FC, s as Props, t as Child } from "./base-BpQy2Rk7.js";
+
+//#region ../../plugins/acryl-router/src/core/jsx/dom/components.d.ts
+declare const ErrorBoundary: FC<PropsWithChildren<{
+  fallback?: Child;
+  fallbackRender?: FallbackRender;
+  onError?: ErrorHandler;
+}>>;
+declare const Suspense: FC<PropsWithChildren<{
+  fallback: any;
+}>>;
+//#endregion
+//#region ../../plugins/acryl-router/src/core/jsx/dom/context.d.ts
+declare const createContext: <T>(defaultValue: T) => Context<T>;
+//#endregion
+//#region ../../plugins/acryl-router/src/core/jsx/dom/render.d.ts
+type Container = HTMLElement | DocumentFragment;
+declare const render: (jsxNode: Child, container: Container) => void;
+declare const flushSync: (callback: () => void) => void;
+declare const createPortal: (children: Child, container: HTMLElement, key?: string) => Child;
+//#endregion
+//#region ../../plugins/acryl-router/src/core/jsx/dom/index.d.ts
+declare const createElement: (tag: string | ((props: Props) => JSXNode), props: Props | null, ...children: Child[]) => JSXNode;
+declare const cloneElement: <T extends JSXNode | JSX.Element>(element: T, props: Props, ...children: Child[]) => T;
+declare const memo: <T>(component: FC<T>, propsAreEqual?: (prevProps: Readonly<T>, nextProps: Readonly<T>) => boolean) => FC<T>;
+declare const _default: {
+  version: string;
+  useState: {
+    <T>(initialState: T | (() => T)): [T, (newState: T | ((currentState: T) => T)) => void];
+    <T = undefined>(): [T | undefined, (newState: T | ((currentState: T | undefined) => T | undefined) | undefined) => void];
+  };
+  useEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
+  useRef: typeof useRef;
+  useCallback: <T extends Function>(callback: T, deps: readonly unknown[]) => T;
+  use: <T>(promise: Promise<T>) => T;
+  startTransition: (callback: () => void) => void;
+  useTransition: () => [boolean, (callback: () => void | Promise<void>) => void];
+  useDeferredValue: <T>(value: T, initialValue?: T) => T;
+  startViewTransition: (callback: () => void) => void;
+  useViewTransition: () => [boolean, (callback: () => void) => void];
+  useMemo: <T>(factory: () => T, deps: readonly unknown[]) => T;
+  useLayoutEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
+  useInsertionEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
+  useReducer: <T, A>(reducer: (state: T, action: A) => T, initialArg: T, init?: (initialState: T) => T) => [T, (action: A) => void];
+  useId: () => string;
+  useDebugValue: (_value: unknown, _formatter?: (value: unknown) => string) => void;
+  createRef: <T>() => RefObject<T | null>;
+  forwardRef: <T, P = {}>(Component: (props: P, ref?: RefObject<T | null>) => JSX.Element) => ((props: P & {
+    ref?: RefObject<T | null>;
+  }) => JSX.Element);
+  useImperativeHandle: <T>(ref: RefObject<T | null>, createHandle: () => T, deps: readonly unknown[]) => void;
+  useSyncExternalStore: <T>(subscribe: (callback: () => void) => () => void, getSnapshot: () => T, getServerSnapshot?: () => T) => T;
+  useFormStatus: () => {
+    pending: false;
+    data: null;
+    method: null;
+    action: null;
+  } | {
+    pending: true;
+    data: FormData;
+    method: "get" | "post";
+    action: string | ((formData: FormData) => void | Promise<void>);
+  };
+  useActionState: <T>(fn: Function, initialState: T, permalink?: string) => [T, Function];
+  useOptimistic: <T, N>(state: T, updateState: (currentState: T, action: N) => T) => [T, (action: N) => void];
+  Suspense: FC<PropsWithChildren<{
+    fallback: any;
+  }>>;
+  ErrorBoundary: FC<PropsWithChildren<{
+    fallback?: Child;
+    fallbackRender?: FallbackRender;
+    onError?: ErrorHandler;
+  }>>;
+  createContext: <T>(defaultValue: T) => Context<T>;
+  useContext: <T>(context: Context<T>) => T;
+  memo: <T>(component: FC<T>, propsAreEqual?: (prevProps: Readonly<T>, nextProps: Readonly<T>) => boolean) => FC<T>;
+  isValidElement: (element: unknown) => element is JSXNode;
+  createElement: (tag: string | ((props: Props) => JSXNode), props: Props | null, ...children: Child[]) => JSXNode;
+  cloneElement: <T extends JSXNode | JSX.Element>(element: T, props: Props, ...children: Child[]) => T;
+  Children: {
+    map: (children: Child[], fn: (child: Child, index: number) => Child) => Child[];
+    forEach: (children: Child[], fn: (child: Child, index: number) => void) => void;
+    count: (children: Child[]) => number;
+    only: (_children: Child[]) => Child;
+    toArray: (children: Child) => Child[];
+  };
+  Fragment: (props: Record<string, unknown>) => JSXNode;
+  StrictMode: (props: Record<string, unknown>) => JSXNode;
+  flushSync: (callback: () => void) => void;
+  createPortal: (children: Child, container: HTMLElement, key?: string) => Child;
+};
+//#endregion
+export { createPortal as a, createContext as c, memo as i, ErrorBoundary as l, cloneElement as n, flushSync as o, createElement as r, render as s, _default as t, Suspense as u };

package/lib/{index-DtEoak1i.d.ts → index-CTy4N7ng.d.ts}

@@ -1,5 +1,5 @@
-import { A as Input, J as Schema, _ as Env, h as BlankSchema, o as AcrylRequest, p as BlankEnv } from "./context-B5Y1lLha.js";
-import { t as Acryl } from "./app-BdrVHBlJ.js";
+import { Y as Schema, g as BlankSchema, j as Input, m as BlankEnv, s as AcrylRequest, v as Env } from "./context-DS3fYyG-.js";
+import { t as Acryl } from "./app-D8riatvv.js";
 
 //#region ../../plugins/acryl-router/src/deprecated.d.ts
 /** @deprecated Use `Acryl` (`new Acryl()`); `App` is the 0.4 name and goes away in the next release. */

package/lib/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Input, B as NotFoundResponse, D as Handler, I as MiddlewareHandler, J as Schema, R as Next, X as TypedResponse, Y as ToSchema, Z as ValidationTargets, _ as Env, a as ExecutionContext, n as ContextRenderer, o as AcrylRequest, r as ContextVariableMap, t as Context, v as ErrorHandler, z as NotFoundHandler } from "./context-B5Y1lLha.js";
-import { t as Acryl } from "./app-BdrVHBlJ.js";
-import { c as InferRequestType, i as ClientRequestOptions, l as InferResponseType } from "./types-Bd29gh2o.js";
-import { n as AppRequest, t as App } from "./index-DtEoak1i.js";
+import { B as NotFoundHandler, L as MiddlewareHandler, O as Handler, Q as ValidationTargets, V as NotFoundResponse, X as ToSchema, Y as Schema, Z as TypedResponse, a as ExecutionContext, j as Input, n as ContextRenderer, r as ContextVariableMap, s as AcrylRequest, t as Context, v as Env, y as ErrorHandler, z as Next } from "./context-DS3fYyG-.js";
+import { t as Acryl } from "./app-D8riatvv.js";
+import { c as InferRequestType, i as ClientRequestOptions, l as InferResponseType } from "./types-zNxyEpG2.js";
+import { n as AppRequest, t as App } from "./index-CTy4N7ng.js";
 export { Acryl, type AcrylRequest, App, type AppRequest, type ClientRequestOptions, Context, type ContextRenderer, type ContextVariableMap, type Env, type ErrorHandler, type ExecutionContext, type Handler, type InferRequestType, type InferResponseType, type Input, type MiddlewareHandler, type Next, type NotFoundHandler, type NotFoundResponse, type Schema, type ToSchema, type TypedResponse, type ValidationTargets };

package/lib/ip-restriction.d.ts

@@ -1,5 +1,5 @@
-import { I as MiddlewareHandler, t as Context } from "./context-B5Y1lLha.js";
-import { r as GetConnInfo, t as AddressType } from "./types-ZM9gIiKh.js";
+import { L as MiddlewareHandler, t as Context } from "./context-DS3fYyG-.js";
+import { r as GetConnInfo, t as AddressType } from "./types-Dv_nV2cv.js";
 
 //#region ../../plugins/acryl-router/src/core/middleware/ip-restriction/index.d.ts
 /**

package/lib/jsx/dom/client.d.ts

@@ -0,0 +1,30 @@
+import { t as Child } from "../../base-BpQy2Rk7.js";
+
+//#region ../../plugins/acryl-router/src/core/jsx/dom/client.d.ts
+interface Root {
+  render(children: Child): void;
+  unmount(): void;
+}
+type RootOptions = Record<string, unknown>;
+/**
+ * Create a root object for rendering
+ * @param element Render target
+ * @param options Options for createRoot (not supported yet)
+ * @returns Root object has `render` and `unmount` methods
+ */
+declare const createRoot: (element: HTMLElement | DocumentFragment, options?: RootOptions) => Root;
+/**
+ * Create a root object and hydrate app to the target element.
+ * In acryl-router/jsx/dom, hydrate is equivalent to render.
+ * @param element Render target
+ * @param reactNode A JSXNode to render
+ * @param options Options for createRoot (not supported yet)
+ * @returns Root object has `render` and `unmount` methods
+ */
+declare const hydrateRoot: (element: HTMLElement | DocumentFragment, reactNode: Child, options?: RootOptions) => Root;
+declare const _default: {
+  createRoot: (element: HTMLElement | DocumentFragment, options?: RootOptions) => Root;
+  hydrateRoot: (element: HTMLElement | DocumentFragment, reactNode: Child, options?: RootOptions) => Root;
+};
+//#endregion
+export { Root, RootOptions, createRoot, _default as default, hydrateRoot };

package/lib/jsx/dom/client.js

@@ -0,0 +1,49 @@
+import { D as renderNode, S as buildNode, _ as useState } from "../../hooks-BMw6BAyP.js";
+//#region ../../plugins/acryl-router/src/core/jsx/dom/client.ts
+/**
+* Create a root object for rendering
+* @param element Render target
+* @param options Options for createRoot (not supported yet)
+* @returns Root object has `render` and `unmount` methods
+*/
+const createRoot = (element, options = {}) => {
+	let setJsxNode = void 0;
+	if (Object.keys(options).length > 0) console.warn("createRoot options are not supported yet");
+	return {
+		render(jsxNode) {
+			if (setJsxNode === null) throw new Error("Cannot update an unmounted root");
+			if (setJsxNode) setJsxNode(jsxNode);
+			else renderNode(buildNode({
+				tag: () => {
+					const [_jsxNode, _setJsxNode] = useState(jsxNode);
+					setJsxNode = _setJsxNode;
+					return _jsxNode;
+				},
+				props: {}
+			}), element);
+		},
+		unmount() {
+			setJsxNode?.(null);
+			setJsxNode = null;
+		}
+	};
+};
+/**
+* Create a root object and hydrate app to the target element.
+* In acryl-router/jsx/dom, hydrate is equivalent to render.
+* @param element Render target
+* @param reactNode A JSXNode to render
+* @param options Options for createRoot (not supported yet)
+* @returns Root object has `render` and `unmount` methods
+*/
+const hydrateRoot = (element, reactNode, options = {}) => {
+	const root = createRoot(element, options);
+	root.render(reactNode);
+	return root;
+};
+var client_default = {
+	createRoot,
+	hydrateRoot
+};
+//#endregion
+export { createRoot, client_default as default, hydrateRoot };

package/lib/jsx/dom/css.d.ts

@@ -0,0 +1,84 @@
+import { a as rawCssString, i as OnInvalidSlug, n as CssClassName, r as CssVariableType, t as ClassNameSlug } from "../../common-D8Z4JRCw.js";
+import { C as PropsWithChildren } from "../../context-DxFdY_un.js";
+import { r as FC } from "../../base-BpQy2Rk7.js";
+
+//#region ../../plugins/acryl-router/src/core/jsx/dom/css.d.ts
+interface CreateCssJsxDomObjectsType {
+  (args: {
+    id: Readonly<string>;
+  }): readonly [{
+    toString(this: CssClassName): string;
+  }, FC<PropsWithChildren<void>>];
+}
+declare const createCssJsxDomObjects: CreateCssJsxDomObjectsType;
+interface CssType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): string;
+}
+interface CxType {
+  (...args: (string | boolean | null | undefined)[]): string;
+}
+interface KeyframesType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): CssClassName;
+}
+interface ViewTransitionType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): string;
+  (content: string): string;
+  (): string;
+}
+interface DefaultContextType {
+  css: CssType;
+  cx: CxType;
+  keyframes: KeyframesType;
+  viewTransition: ViewTransitionType;
+  Style: FC<PropsWithChildren<void>>;
+}
+/**
+ * @experimental
+ * `createCssContext` is an experimental feature.
+ * The API might be changed.
+ *
+ * @param options.id - The ID for the style element
+ * @param options.classNameSlug - Optional function to customize generated CSS class names
+ * @param options.onInvalidSlug - Optional callback function called when an invalid slug is returned from ClassNameSlug
+ */
+declare const createCssContext: ({
+  id,
+  classNameSlug,
+  onInvalidSlug
+}: {
+  id: Readonly<string>;
+  classNameSlug?: ClassNameSlug;
+  onInvalidSlug?: OnInvalidSlug;
+}) => DefaultContextType;
+/**
+ * @experimental
+ * `css` is an experimental feature.
+ * The API might be changed.
+ */
+declare const css: CssType;
+/**
+ * @experimental
+ * `cx` is an experimental feature.
+ * The API might be changed.
+ */
+declare const cx: CxType;
+/**
+ * @experimental
+ * `keyframes` is an experimental feature.
+ * The API might be changed.
+ */
+declare const keyframes: KeyframesType;
+/**
+ * @experimental
+ * `viewTransition` is an experimental feature.
+ * The API might be changed.
+ */
+declare const viewTransition: ViewTransitionType;
+/**
+ * @experimental
+ * `Style` is an experimental feature.
+ * The API might be changed.
+ */
+declare const Style: FC<PropsWithChildren<void>>;
+//#endregion
+export { Style, createCssContext, createCssJsxDomObjects, css, cx, keyframes, rawCssString, viewTransition };

package/lib/jsx/dom/css.js

@@ -0,0 +1,2 @@
+import { _ as rawCssString, a as cx, i as css, n as createCssContext, o as keyframes, r as createCssJsxDomObjects, s as viewTransition, t as Style } from "../../css-D2jb7X8b.js";
+export { Style, createCssContext, createCssJsxDomObjects, css, cx, keyframes, rawCssString, viewTransition };

package/lib/jsx/dom/jsx-dev-runtime.d.ts

@@ -0,0 +1,3 @@
+import { a as JSX } from "../../base-BpQy2Rk7.js";
+import { n as jsxDEV, t as Fragment } from "../../jsx-dev-runtime-B22O-Npk.js";
+export { Fragment, type JSX, jsxDEV };

package/lib/jsx/dom/jsx-dev-runtime.js

@@ -0,0 +1,2 @@
+import { n as jsxDEV, t as Fragment } from "../../jsx-dev-runtime-D18Y35TI.js";
+export { Fragment, jsxDEV };

package/lib/jsx/dom/jsx-runtime.d.ts

@@ -0,0 +1,3 @@
+import { a as JSX } from "../../base-BpQy2Rk7.js";
+import { n as jsxDEV, t as Fragment } from "../../jsx-dev-runtime-B22O-Npk.js";
+export { Fragment, type JSX, jsxDEV as jsx, jsxDEV as jsxs };

package/lib/jsx/dom/jsx-runtime.js

@@ -0,0 +1,2 @@
+import { n as jsxDEV, t as Fragment } from "../../jsx-dev-runtime-D18Y35TI.js";
+export { Fragment, jsxDEV as jsx, jsxDEV as jsxs };

package/lib/jsx/dom/server.d.ts

@@ -0,0 +1,105 @@
+import { C as PropsWithChildren, G as useRef, Q as FallbackRender, Z as ErrorHandler, k as RefObject, t as Context } from "../../context-DxFdY_un.js";
+import { a as JSX, o as JSXNode, r as FC, s as Props, t as Child } from "../../base-BpQy2Rk7.js";
+import { t as _default$1 } from "../../index-C850MeBA.js";
+
+//#region ../../plugins/acryl-router/src/core/jsx/dom/server.d.ts
+interface RenderToStringOptions {
+  identifierPrefix?: string;
+}
+/**
+ * Render JSX element to string.
+ * @param element JSX element to render.
+ * @param options Options for rendering.
+ * @returns Rendered string.
+ */
+declare const renderToString: (element: Child, options?: RenderToStringOptions) => string;
+interface RenderToReadableStreamOptions {
+  identifierPrefix?: string;
+  namespaceURI?: string;
+  nonce?: string;
+  bootstrapScriptContent?: string;
+  bootstrapScripts?: string[];
+  bootstrapModules?: string[];
+  progressiveChunkSize?: number;
+  signal?: AbortSignal;
+  onError?: (error: unknown) => string | void;
+}
+/**
+ * Render JSX element to readable stream.
+ * @param element JSX element to render.
+ * @param options Options for rendering.
+ * @returns Rendered readable stream.
+ */
+declare const renderToReadableStream: (element: Child, options?: RenderToReadableStreamOptions) => Promise<ReadableStream<Uint8Array>>;
+declare const _default: {
+  renderToString: (element: Child, options?: RenderToStringOptions) => string;
+  renderToReadableStream: (element: Child, options?: RenderToReadableStreamOptions) => Promise<ReadableStream<Uint8Array>>;
+  version: {
+    version: string;
+    useState: {
+      <T>(initialState: T | (() => T)): [T, (newState: T | ((currentState: T) => T)) => void];
+      <T = undefined>(): [T | undefined, (newState: T | ((currentState: T | undefined) => T | undefined) | undefined) => void];
+    };
+    useEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
+    useRef: typeof useRef;
+    useCallback: <T extends Function>(callback: T, deps: readonly unknown[]) => T;
+    use: <T>(promise: Promise<T>) => T;
+    startTransition: (callback: () => void) => void;
+    useTransition: () => [boolean, (callback: () => void | Promise<void>) => void];
+    useDeferredValue: <T>(value: T, initialValue?: T) => T;
+    startViewTransition: (callback: () => void) => void;
+    useViewTransition: () => [boolean, (callback: () => void) => void];
+    useMemo: <T>(factory: () => T, deps: readonly unknown[]) => T;
+    useLayoutEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
+    useInsertionEffect: (effect: () => void | (() => void), deps?: readonly unknown[]) => void;
+    useReducer: <T, A>(reducer: (state: T, action: A) => T, initialArg: T, init?: (initialState: T) => T) => [T, (action: A) => void];
+    useId: () => string;
+    useDebugValue: (_value: unknown, _formatter?: (value: unknown) => string) => void;
+    createRef: <T>() => RefObject<T | null>;
+    forwardRef: <T, P = {}>(Component: (props: P, ref?: RefObject<T | null>) => JSX.Element) => ((props: P & {
+      ref?: RefObject<T | null>;
+    }) => JSX.Element);
+    useImperativeHandle: <T>(ref: RefObject<T | null>, createHandle: () => T, deps: readonly unknown[]) => void;
+    useSyncExternalStore: <T>(subscribe: (callback: () => void) => () => void, getSnapshot: () => T, getServerSnapshot?: () => T) => T;
+    useFormStatus: () => {
+      pending: false;
+      data: null;
+      method: null;
+      action: null;
+    } | {
+      pending: true;
+      data: FormData;
+      method: "get" | "post";
+      action: string | ((formData: FormData) => void | Promise<void>);
+    };
+    useActionState: <T>(fn: Function, initialState: T, permalink?: string) => [T, Function];
+    useOptimistic: <T, N>(state: T, updateState: (currentState: T, action: N) => T) => [T, (action: N) => void];
+    Suspense: FC<PropsWithChildren<{
+      fallback: any;
+    }>>;
+    ErrorBoundary: FC<PropsWithChildren<{
+      fallback?: Child;
+      fallbackRender?: FallbackRender;
+      onError?: ErrorHandler;
+    }>>;
+    createContext: <T>(defaultValue: T) => Context<T>;
+    useContext: <T>(context: Context<T>) => T;
+    memo: <T>(component: FC<T>, propsAreEqual?: (prevProps: Readonly<T>, nextProps: Readonly<T>) => boolean) => FC<T>;
+    isValidElement: (element: unknown) => element is JSXNode;
+    createElement: (tag: string | ((props: Props) => JSXNode), props: Props | null, ...children: Child[]) => JSXNode;
+    cloneElement: <T extends JSXNode | JSX.Element>(element: T, props: Props, ...children: Child[]) => T;
+    Children: {
+      map: (children: Child[], fn: (child: Child, index: number) => Child) => Child[];
+      forEach: (children: Child[], fn: (child: Child, index: number) => void) => void;
+      count: (children: Child[]) => number;
+      only: (_children: Child[]) => Child;
+      toArray: (children: Child) => Child[];
+    };
+    Fragment: (props: Record<string, unknown>) => JSXNode;
+    StrictMode: (props: Record<string, unknown>) => JSXNode;
+    flushSync: (callback: () => void) => void;
+    createPortal: (children: Child, container: HTMLElement, key?: string) => Child;
+  };
+};
+//#endregion
+export { RenderToReadableStreamOptions, RenderToStringOptions, _default as default, renderToReadableStream, renderToString, _default$1 as version };

package/lib/jsx/dom/server.js

@@ -0,0 +1,37 @@
+import { u as renderChildren } from "../../base-ddiVmiE7.js";
+import { i as renderToReadableStream$1 } from "../../components-0o0CBYNv.js";
+import dom_default from "../dom.js";
+//#region ../../plugins/acryl-router/src/core/jsx/dom/server.ts
+const prepareRoot = (element) => typeof element === "string" || Array.isArray(element) ? renderChildren([element]) : element;
+/**
+* Render JSX element to string.
+* @param element JSX element to render.
+* @param options Options for rendering.
+* @returns Rendered string.
+*/
+const renderToString = (element, options = {}) => {
+	if (Object.keys(options).length > 0) console.warn("options are not supported yet");
+	element = prepareRoot(element);
+	const res = element instanceof Promise ? element : element?.toString() ?? "";
+	if (typeof res !== "string") throw new Error("Async component is not supported in renderToString");
+	return res;
+};
+/**
+* Render JSX element to readable stream.
+* @param element JSX element to render.
+* @param options Options for rendering.
+* @returns Rendered readable stream.
+*/
+const renderToReadableStream = async (element, options = {}) => {
+	if (Object.keys(options).some((key) => key !== "onError")) console.warn("options are not supported yet, except onError");
+	element = prepareRoot(element);
+	if (!element || typeof element !== "object") element = element?.toString() ?? "";
+	return renderToReadableStream$1(element, options.onError);
+};
+var server_default = {
+	renderToString,
+	renderToReadableStream,
+	version: dom_default
+};
+//#endregion
+export { server_default as default, renderToReadableStream, renderToString, dom_default as version };

package/lib/jsx/dom.d.ts

@@ -0,0 +1,5 @@
+import { A as createRef, B as useImperativeHandle, C as PropsWithChildren, D as TransitionEvent, E as TouchEvent, F as useCallback, G as useRef, H as useLayoutEffect, I as useDebugValue, J as useTransition, K as useState, L as useDeferredValue, M as startTransition, N as startViewTransition, O as WheelEvent, P as use, R as useEffect, S as PointerEvent, T as ReactNode, U as useMemo, V as useInsertionEffect, W as useReducer, Y as useViewTransition, _ as Event, b as KeyboardEvent, c as useActionState, d as Children, f as AnimationEvent, g as DragEvent, h as ComponentClass, j as forwardRef, k as RefObject, l as useFormStatus, m as ClipboardEvent, p as CSSProperties, q as useSyncExternalStore, r as useContext, t as Context, u as useOptimistic, v as FocusEvent, w as ReactElement, x as MouseEvent, y as InputEvent, z as useId } from "../context-DxFdY_un.js";
+import { f as reactAPICompatVersion, l as isValidElement, n as DOMAttributes, o as JSXNode, r as FC, t as Child } from "../base-BpQy2Rk7.js";
+import { a as createPortal, c as createContext, i as memo, l as ErrorBoundary, n as cloneElement, o as flushSync, r as createElement, s as render, t as _default, u as Suspense } from "../index-C850MeBA.js";
+import { t as Fragment } from "../jsx-dev-runtime-B22O-Npk.js";
+export { type AnimationEvent, type CSSProperties, type Child, Children, type ClipboardEvent, type ComponentClass, type Context, type DOMAttributes, type DragEvent, ErrorBoundary, type Event, type FC, type FocusEvent, Fragment, Fragment as StrictMode, type InputEvent, type JSXNode, type KeyboardEvent, type MouseEvent, type PointerEvent, type PropsWithChildren, type ReactElement, type ReactNode, type RefObject, Suspense, type TouchEvent, type TransitionEvent, type WheelEvent, cloneElement, createContext, createElement, createElement as jsx, createPortal, createRef, _default as default, flushSync, forwardRef, isValidElement, memo, render, startTransition, startViewTransition, use, useActionState, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useFormStatus, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useOptimistic, useReducer, useRef, useState, useSyncExternalStore, useTransition, useViewTransition, reactAPICompatVersion as version };

package/lib/jsx/dom.js

@@ -0,0 +1,74 @@
+import { D as createContext, E as useContext, a as isValidElement, f as shallowEqual, g as Children, l as reactAPICompatVersion } from "../base-ddiVmiE7.js";
+import { r as DOM_MEMO } from "../constants-BR9jM9BC.js";
+import { C as createPortal, E as render, _ as useState, a as use, b as useViewTransition, c as useDeferredValue, d as useImperativeHandle, f as useInsertionEffect, g as useRef, h as useReducer, i as startViewTransition, l as useEffect, m as useMemo, n as forwardRef, o as useCallback, p as useLayoutEffect, r as startTransition, s as useDebugValue, t as createRef, u as useId, v as useSyncExternalStore, w as flushSync, y as useTransition } from "../hooks-BMw6BAyP.js";
+import { a as useOptimistic, i as useFormStatus, n as jsxDEV, r as useActionState, t as Fragment } from "../jsx-dev-runtime-D18Y35TI.js";
+import "./dom/jsx-runtime.js";
+import { n as Suspense, t as ErrorBoundary } from "../components-DdI7-ns7.js";
+//#region ../../plugins/acryl-router/src/core/jsx/dom/index.ts
+/**
+* @module
+* This module provides APIs for `acryl-router/jsx/dom`.
+*/
+const createElement = (tag, props, ...children) => {
+	const jsxProps = props ? { ...props } : {};
+	if (children.length) jsxProps.children = children.length === 1 ? children[0] : children;
+	let key = void 0;
+	if ("key" in jsxProps) {
+		key = jsxProps.key;
+		delete jsxProps.key;
+	}
+	return jsxDEV(tag, jsxProps, key);
+};
+const cloneElement = (element, props, ...children) => {
+	return jsxDEV(element.tag, {
+		...element.props,
+		...props,
+		children: children.length ? children : element.props.children
+	}, element.key);
+};
+const memo = (component, propsAreEqual = shallowEqual) => {
+	const wrapper = ((props) => component(props));
+	wrapper[DOM_MEMO] = propsAreEqual;
+	return wrapper;
+};
+var dom_default = {
+	version: reactAPICompatVersion,
+	useState,
+	useEffect,
+	useRef,
+	useCallback,
+	use,
+	startTransition,
+	useTransition,
+	useDeferredValue,
+	startViewTransition,
+	useViewTransition,
+	useMemo,
+	useLayoutEffect,
+	useInsertionEffect,
+	useReducer,
+	useId,
+	useDebugValue,
+	createRef,
+	forwardRef,
+	useImperativeHandle,
+	useSyncExternalStore,
+	useFormStatus,
+	useActionState,
+	useOptimistic,
+	Suspense,
+	ErrorBoundary,
+	createContext,
+	useContext,
+	memo,
+	isValidElement,
+	createElement,
+	cloneElement,
+	Children,
+	Fragment,
+	StrictMode: Fragment,
+	flushSync,
+	createPortal
+};
+//#endregion
+export { Children, ErrorBoundary, Fragment, Fragment as StrictMode, Suspense, cloneElement, createContext, createElement, createElement as jsx, createPortal, createRef, dom_default as default, flushSync, forwardRef, isValidElement, memo, render, startTransition, startViewTransition, use, useActionState, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useFormStatus, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useOptimistic, useReducer, useRef, useState, useSyncExternalStore, useTransition, useViewTransition, reactAPICompatVersion as version };

package/lib/jsx/jsx-dev-runtime.d.ts

@@ -0,0 +1,6 @@
+import { a as JSX, i as Fragment, o as JSXNode } from "../base-BpQy2Rk7.js";
+
+//#region ../../plugins/acryl-router/src/core/jsx/jsx-dev-runtime.d.ts
+declare function jsxDEV(tag: string | Function, props: Record<string, unknown>, key?: string): JSXNode;
+//#endregion
+export { Fragment, type JSX, jsxDEV };

package/lib/jsx/jsx-dev-runtime.js

@@ -0,0 +1,14 @@
+import { s as jsxFn, t as Fragment } from "../base-ddiVmiE7.js";
+//#region ../../plugins/acryl-router/src/core/jsx/jsx-dev-runtime.ts
+function jsxDEV(tag, props, key) {
+	let node;
+	if (!props || !("children" in props)) node = jsxFn(tag, props, []);
+	else {
+		const children = props.children;
+		node = Array.isArray(children) ? jsxFn(tag, props, children) : jsxFn(tag, props, [children]);
+	}
+	node.key = key;
+	return node;
+}
+//#endregion
+export { Fragment, jsxDEV };