@vidact/runtime 0.2.0-beta.0 → 0.2.0-beta.4

package/dist/server.js

@@ -1,793 +1,679 @@
-// oxlint-disable-next-line typescript/triple-slash-reference -- Include compiler feature defines.
-/// <reference path="./env.d.ts" />
-import { LINK_IDENTITY_PROPS, META_IDENTITY_PROPS, SERVER_BOOLEAN_ATTRIBUTES, VALID_ATTRIBUTE_NAME, serverHtmlAttributeName, } from './dom/attributes.js';
-import { UNITLESS_STYLE_PROPERTIES } from './dom/style-properties.js';
-import { isPromiseLike } from './shared/promise.js';
-const SERVER_NODE = Symbol.for('vidact.v1.ServerNode');
-const SERVER_NODE_KIND = Symbol.for('vidact.v1.ServerNodeKind');
-const SERVER_CONTEXT = Symbol('Vidact.ServerContext');
-const SERVER_ASYNC_RESOURCE = Symbol('Vidact.ServerAsyncResource');
-const SERVER_SUSPENSION = Symbol('Vidact.ServerSuspension');
-const SERVER_RENDERABLE = Symbol.for('vidact.v1.ServerRenderable');
-export function createRenderable(input, construct) {
-    return {
-        props: input,
-        [SERVER_RENDERABLE]: { input, construct },
-    };
-}
-export function isRenderable(value) {
-    return (typeof value === 'object' &&
-        value !== null &&
-        Object.hasOwn(value, SERVER_RENDERABLE) &&
-        typeof value[SERVER_RENDERABLE]?.construct === 'function');
-}
-export function renderableToArray(value) {
-    if (!isRenderable(value))
-        throw new TypeError('expected a compiled server renderable');
-    return [value];
-}
-export function renderableMarker(value) {
-    if (!isRenderable(value))
-        throw new TypeError('expected a compiled server renderable');
-    return undefined;
-}
-export function cloneRenderable(value, overrides = {}) {
-    if (!isRenderable(value))
-        throw new TypeError('expected a compiled server renderable');
-    const renderable = value[SERVER_RENDERABLE];
-    return renderable.construct({ ...renderable.input, ...overrides });
-}
-export function cloneRenderableComponent(props) {
-    return cloneRenderable(props.value, props.overrides);
-}
-export function renderableProps(input) {
-    return Object.fromEntries(Object.entries(input).filter(([name]) => !['children', 'key', 'ref'].includes(name)));
-}
-export function renderableChildren(input) {
-    return input.children;
-}
-export function renderableRef(_input) {
-    return undefined;
-}
-export function forwardedRef(_props) {
-    return undefined;
-}
-export function dynamicIntrinsicComponent(props) {
-    if (typeof props.tag !== 'string') {
-        throw new TypeError('dynamic intrinsic construction requires a string tag');
-    }
-    const input = props.props;
-    return jsx(props.tag, {
-        ...renderableProps(input),
-        children: renderableChildren(input),
-    });
-}
-const VOID_ELEMENTS = new Set([
-    'area',
-    'base',
-    'br',
-    'col',
-    'embed',
-    'hr',
-    'img',
-    'input',
-    'keygen',
-    'link',
-    'menuitem',
-    'meta',
-    'param',
-    'source',
-    'track',
-    'wbr',
+import { isPromiseLike } from "./shared/promise.js";
+import { UNITLESS_STYLE_PROPERTIES } from "./dom/style-properties.js";
+import { LINK_IDENTITY_PROPS, META_IDENTITY_PROPS, SERVER_BOOLEAN_ATTRIBUTES, VALID_ATTRIBUTE_NAME, serverHtmlAttributeName } from "./dom/attributes.js";
+//#region src/server.ts
+const SERVER_NODE = Symbol.for("vidact.v1.ServerNode");
+const SERVER_NODE_KIND = Symbol.for("vidact.v1.ServerNodeKind");
+const SERVER_CONTEXT = Symbol("Vidact.ServerContext");
+const SERVER_ASYNC_RESOURCE = Symbol("Vidact.ServerAsyncResource");
+const SERVER_SUSPENSION = Symbol("Vidact.ServerSuspension");
+const SERVER_RENDERABLE = Symbol.for("vidact.v1.ServerRenderable");
+function createRenderable(input, construct) {
+	return {
+		props: input,
+		[SERVER_RENDERABLE]: {
+			input,
+			construct
+		}
+	};
+}
+function isRenderable(value) {
+	return typeof value === "object" && value !== null && Object.hasOwn(value, SERVER_RENDERABLE) && typeof value[SERVER_RENDERABLE]?.construct === "function";
+}
+function renderableToArray(value) {
+	if (!isRenderable(value)) throw new TypeError("expected a compiled server renderable");
+	return [value];
+}
+function renderableMarker(value) {
+	if (!isRenderable(value)) throw new TypeError("expected a compiled server renderable");
+}
+function cloneRenderable(value, overrides = {}, childrenOverride) {
+	if (!isRenderable(value)) throw new TypeError("expected a compiled server renderable");
+	const renderable = value[SERVER_RENDERABLE];
+	const input = {
+		...renderable.input,
+		...overrides
+	};
+	if (arguments.length >= 3) input.children = childrenOverride;
+	return renderable.construct(input);
+}
+function cloneRenderableComponent(props) {
+	if (Object.hasOwn(props, "childrenOverride")) return cloneRenderable(props.value, props.overrides, props.childrenOverride);
+	return cloneRenderable(props.value, props.overrides);
+}
+function keyedFragmentComponent(props) {
+	return props.children;
+}
+function renderableProps(input) {
+	return Object.fromEntries(Object.entries(input).filter(([name]) => ![
+		"children",
+		"key",
+		"ref"
+	].includes(name)));
+}
+function renderableChildren(input) {
+	return input.children;
+}
+function renderableRef(_input) {}
+function forwardedRef(_props) {}
+function dynamicIntrinsicComponent(props) {
+	if (typeof props.tag !== "string") throw new TypeError("dynamic intrinsic construction requires a string tag");
+	const input = { ...props.props };
+	if (Object.hasOwn(props, "childrenOverride")) input.children = props.childrenOverride;
+	return jsx(props.tag, {
+		...renderableProps(input),
+		children: renderableChildren(input)
+	});
+}
+const VOID_ELEMENTS = /* @__PURE__ */ new Set([
+	"area",
+	"base",
+	"br",
+	"col",
+	"embed",
+	"hr",
+	"img",
+	"input",
+	"keygen",
+	"link",
+	"menuitem",
+	"meta",
+	"param",
+	"source",
+	"track",
+	"wbr"
 ]);
-const HYDRATION_PREFIX = 'vidact:v1';
-const UNSAFE_HTML = typeof __VIDACT_UNSAFE_HTML__ !== 'undefined' && __VIDACT_UNSAFE_HTML__;
+const HYDRATION_PREFIX = "vidact:v1";
+const UNSAFE_HTML = typeof __VIDACT_UNSAFE_HTML__ !== "undefined" && __VIDACT_UNSAFE_HTML__;
 let activeRender;
 let activeFrameworkRender;
-const serverBuiltins = new WeakSet();
+const serverBuiltins = /* @__PURE__ */ new WeakSet();
 serverBuiltins.add(dynamicIntrinsicComponent);
 serverBuiltins.add(cloneRenderableComponent);
-const serverPromiseResources = new WeakMap();
-const FRAMEWORK_HEAD_PLACEHOLDER = '<!--vidact-framework:v1:head-->';
-export const Fragment = Symbol('Vidact.ServerFragment');
+serverBuiltins.add(keyedFragmentComponent);
+const serverPromiseResources = /* @__PURE__ */ new WeakMap();
+const FRAMEWORK_HEAD_PLACEHOLDER = "<!--vidact-framework:v1:head-->";
+const Fragment = Symbol("Vidact.ServerFragment");
 /** @internal */
-export function createServerFrameworkRenderContext(signal) {
-    return {
-        signal,
-        pending: new Set(),
-        cache: new Map(),
-        head: new Map(),
-        stylePrecedence: [],
-        sawHead: false,
-    };
+function createServerFrameworkRenderContext(signal) {
+	return {
+		signal,
+		pending: /* @__PURE__ */ new Set(),
+		cache: /* @__PURE__ */ new Map(),
+		head: /* @__PURE__ */ new Map(),
+		stylePrecedence: [],
+		sawHead: false
+	};
 }
 /** @internal */
-export function withServerFrameworkRenderContext(context, operation) {
-    const previous = activeFrameworkRender;
-    activeFrameworkRender = context;
-    try {
-        return operation();
-    }
-    finally {
-        activeFrameworkRender = previous;
-    }
-}
-export function cache(operation) {
-    return (...arguments_) => {
-        const context = activeFrameworkRender;
-        if (context === undefined)
-            return operation(...arguments_);
-        let entries = context.cache.get(operation);
-        if (entries === undefined) {
-            entries = [];
-            context.cache.set(operation, entries);
-        }
-        const existing = entries.find((entry) => entry.args.length === arguments_.length &&
-            entry.args.every((argument, index) => Object.is(argument, arguments_[index])));
-        if (existing !== undefined) {
-            if (existing.status === 'rejected')
-                throw existing.value;
-            return existing.value;
-        }
-        try {
-            const value = operation(...arguments_);
-            entries.push({ args: [...arguments_], status: 'fulfilled', value });
-            return value;
-        }
-        catch (error) {
-            entries.push({ args: [...arguments_], status: 'rejected', value: error });
-            throw error;
-        }
-    };
-}
-export function cacheSignal() {
-    return activeFrameworkRender?.signal ?? null;
-}
-export function preconnect(href, options = {}) {
-    registerResourceHint('preconnect', href, options);
-}
-export function prefetchDNS(href) {
-    registerResourceHint('dns-prefetch', href, {});
-}
-export function preload(href, options) {
-    registerResourceHint('preload', href, options);
-}
-export function preloadModule(href, options = {}) {
-    registerResourceHint('modulepreload', href, options);
-}
-export function preinit(href, options) {
-    if (options.as === 'style') {
-        registerHeadEntry(`style:${href}`, `<link rel="stylesheet" href="${escapeAttribute(href)}"${serializeHintOptions(options)}>`, `2:${options.precedence ?? 'default'}`);
-        return;
-    }
-    registerHeadEntry(`script:${href}`, `<script src="${escapeAttribute(href)}"${serializeHintOptions(options)}></script>`, '3:script');
-}
-export function preinitModule(href, options = {}) {
-    registerHeadEntry(`module:${href}`, `<script type="module" src="${escapeAttribute(href)}"${serializeHintOptions(options)}></script>`, '3:script');
-}
-export function jsx(type, props, _key) {
-    return createServerElement(type, props, false);
-}
-export function jsxs(type, props, _key) {
-    return createServerElement(type, props, true);
-}
-export function jsxDEV(type, props, _key, isStaticChildren = false) {
-    return createServerElement(type, props, isStaticChildren);
-}
-export function createElement(type, props, ...children) {
-    const nextProps = { ...props };
-    if (children.length === 1)
-        nextProps.children = children[0];
-    else if (children.length > 1)
-        nextProps.children = children;
-    return createServerElement(type, nextProps, children.length > 1);
+function withServerFrameworkRenderContext(context, operation) {
+	const previous = activeFrameworkRender;
+	activeFrameworkRender = context;
+	try {
+		return operation();
+	} finally {
+		activeFrameworkRender = previous;
+	}
+}
+function cache(operation) {
+	return (...arguments_) => {
+		const context = activeFrameworkRender;
+		if (context === void 0) return operation(...arguments_);
+		let entries = context.cache.get(operation);
+		if (entries === void 0) {
+			entries = [];
+			context.cache.set(operation, entries);
+		}
+		const existing = entries.find((entry) => entry.args.length === arguments_.length && entry.args.every((argument, index) => Object.is(argument, arguments_[index])));
+		if (existing !== void 0) {
+			if (existing.status === "rejected") throw existing.value;
+			return existing.value;
+		}
+		try {
+			const value = operation(...arguments_);
+			entries.push({
+				args: [...arguments_],
+				status: "fulfilled",
+				value
+			});
+			return value;
+		} catch (error) {
+			entries.push({
+				args: [...arguments_],
+				status: "rejected",
+				value: error
+			});
+			throw error;
+		}
+	};
+}
+function cacheSignal() {
+	return activeFrameworkRender?.signal ?? null;
+}
+function preconnect(href, options = {}) {
+	registerResourceHint("preconnect", href, options);
+}
+function prefetchDNS(href) {
+	registerResourceHint("dns-prefetch", href, {});
+}
+function preload(href, options) {
+	registerResourceHint("preload", href, options);
+}
+function preloadModule(href, options = {}) {
+	registerResourceHint("modulepreload", href, options);
+}
+function preinit(href, options) {
+	if (options.as === "style") {
+		registerHeadEntry(`style:${href}`, `<link rel="stylesheet" href="${escapeAttribute(href)}"${serializeHintOptions(options)}>`, `2:${options.precedence ?? "default"}`);
+		return;
+	}
+	registerHeadEntry(`script:${href}`, `<script src="${escapeAttribute(href)}"${serializeHintOptions(options)}><\/script>`, "3:script");
+}
+function preinitModule(href, options = {}) {
+	registerHeadEntry(`module:${href}`, `<script type="module" src="${escapeAttribute(href)}"${serializeHintOptions(options)}><\/script>`, "3:script");
+}
+function jsx(type, props, _key) {
+	return createServerElement(type, props, false);
+}
+function jsxs(type, props, _key) {
+	return createServerElement(type, props, true);
+}
+function jsxDEV(type, props, _key, isStaticChildren = false) {
+	return createServerElement(type, props, isStaticChildren);
+}
+function createElement(type, props, ...children) {
+	const nextProps = { ...props };
+	if (children.length === 1) nextProps.children = children[0];
+	else if (children.length > 1) nextProps.children = children;
+	return createServerElement(type, nextProps, children.length > 1);
 }
 /** @internal */
-export function createServerHydrationBoundary(value, hostProps = {}) {
-    return serverNode((context) => {
-        const boundaryIndex = context.nextBoundary;
-        context.nextBoundary += 1;
-        const identifierPrefix = `${context.identifierPrefix}b${boundaryIndex}-`;
-        const boundaryContext = {
-            hydrationMarkers: true,
-            identifierPrefix,
-            nextBoundary: 0,
-            nextId: 0,
-            activityHidden: false,
-        };
-        const attributes = serializeAttributes({
-            ...hostProps,
-            'data-vidact-identifier-prefix': identifierPrefix,
-        }, context.activityHidden);
-        return `<div${attributes}>${hydrationRange('r', serializeSlot(value, boundaryContext))}</div>`;
-    }, 'transparent');
+function createServerHydrationBoundary(value, hostProps = {}) {
+	return serverNode((context) => {
+		const boundaryIndex = context.nextBoundary;
+		context.nextBoundary += 1;
+		const identifierPrefix = `${context.identifierPrefix}b${boundaryIndex}-`;
+		const boundaryContext = {
+			hydrationMarkers: true,
+			identifierPrefix,
+			nextBoundary: 0,
+			nextId: 0,
+			activityHidden: false
+		};
+		return `<div${serializeAttributes({
+			...hostProps,
+			"data-vidact-identifier-prefix": identifierPrefix
+		}, context.activityHidden)}>${hydrationRange("r", serializeSlot(value, boundaryContext))}</div>`;
+	}, "transparent");
 }
 function createServerElement(type, props, multipleChildren) {
-    if (type === Fragment) {
-        return serverNode((context) => Object.hasOwn(props ?? {}, 'children')
-            ? multipleChildren
-                ? serializeChildren(props?.children, context, true)
-                : serializeSlot(props?.children, context)
-            : '', 'transparent');
-    }
-    if (isRenderable(type)) {
-        return serverNode((context) => serializeSlot(cloneRenderable(type, props ?? {}), context), 'component');
-    }
-    if (typeof type === 'function') {
-        const builtin = serverBuiltins.has(type);
-        return serverNode((context) => {
-            const content = serializeSlot(type(props ?? {}), context);
-            return context.hydrationMarkers && !builtin ? hydrationRange('c', content) : content;
-        }, builtin ? 'transparent' : 'component');
-    }
-    if (!VALID_ATTRIBUTE_NAME.test(type))
-        throw new TypeError(`invalid server element name ${type}`);
-    return serverNode((context) => serializeIntrinsicElement(type, props, multipleChildren, context), 'intrinsic');
+	if (type === Fragment) return serverNode((context) => Object.hasOwn(props ?? {}, "children") ? multipleChildren ? serializeChildren(props?.children, context, true) : serializeSlot(props?.children, context) : "", "transparent");
+	if (isRenderable(type)) return serverNode((context) => serializeSlot(cloneRenderable(type, props ?? {}), context), "component");
+	if (typeof type === "function") {
+		const builtin = serverBuiltins.has(type);
+		return serverNode((context) => {
+			const content = serializeSlot(type(props ?? {}), context);
+			return context.hydrationMarkers && !builtin ? hydrationRange("c", content) : content;
+		}, builtin ? "transparent" : "component");
+	}
+	if (!VALID_ATTRIBUTE_NAME.test(type)) throw new TypeError(`invalid server element name ${type}`);
+	return serverNode((context) => serializeIntrinsicElement(type, props, multipleChildren, context), "intrinsic");
 }
 function serializeIntrinsicElement(type, props, multipleChildren, context) {
-    if (activeFrameworkRender !== undefined && isHoistableHeadElement(type, props)) {
-        const hydrationMarkers = context.hydrationMarkers;
-        context.hydrationMarkers = false;
-        try {
-            const html = serializeIntrinsicContents(type, props, multipleChildren, context);
-            registerHeadEntry(metadataKey(type, props), html, metadataPrecedence(type, props));
-            return '';
-        }
-        finally {
-            context.hydrationMarkers = hydrationMarkers;
-        }
-    }
-    return serializeIntrinsicContents(type, props, multipleChildren, context);
+	if (activeFrameworkRender !== void 0 && isHoistableHeadElement(type, props)) {
+		const hydrationMarkers = context.hydrationMarkers;
+		context.hydrationMarkers = false;
+		try {
+			const html = serializeIntrinsicContents(type, props, multipleChildren, context);
+			registerHeadEntry(metadataKey(type, props), html, metadataPrecedence(type, props));
+			return "";
+		} finally {
+			context.hydrationMarkers = hydrationMarkers;
+		}
+	}
+	return serializeIntrinsicContents(type, props, multipleChildren, context);
 }
 function serializeIntrinsicContents(type, props, multipleChildren, context) {
-    const hiddenByActivity = context.activityHidden;
-    const previousActivityHidden = context.activityHidden;
-    context.activityHidden = false;
-    try {
-        const attributes = serializeAttributes(props, hiddenByActivity);
-        if (VOID_ELEMENTS.has(type)) {
-            if (hasRenderableChild(props?.children) || readRawHtml(props) !== undefined) {
-                throw new TypeError(`${type} is a void element and cannot have children or raw HTML`);
-            }
-            return `<${type}${attributes}>`;
-        }
-        const rawHtml = readRawHtml(props);
-        if (rawHtml !== undefined && hasRenderableChild(props?.children)) {
-            throw new TypeError('cannot set both children and dangerouslySetInnerHTML');
-        }
-        const hasChildren = Object.hasOwn(props ?? {}, 'children');
-        const children = rawHtml === undefined
-            ? hasChildren
-                ? multipleChildren
-                    ? serializeChildren(props?.children, context, !isRawTextElement(type))
-                    : serializeSlot(props?.children, context, !isRawTextElement(type))
-                : ''
-            : context.hydrationMarkers
-                ? hydrationRange('h', assertSafeHydrationRawHtml(rawHtml))
-                : rawHtml;
-        if (type === 'head' && activeFrameworkRender !== undefined) {
-            activeFrameworkRender.sawHead = true;
-            return `<head${attributes}>${children}${FRAMEWORK_HEAD_PLACEHOLDER}</head>`;
-        }
-        return `<${type}${attributes}>${children}</${type}>`;
-    }
-    finally {
-        context.activityHidden = previousActivityHidden;
-    }
-}
-export function renderToString(value, options = {}) {
-    const previous = activeRender;
-    beginFrameworkRenderPass();
-    const context = {
-        hydrationMarkers: true,
-        identifierPrefix: options.identifierPrefix ?? '',
-        nextBoundary: 0,
-        nextId: 0,
-        activityHidden: false,
-    };
-    activeRender = context;
-    try {
-        const html = hydrationRange('r', serializeSlot(typeof value === 'function' ? value() : value, context));
-        return finalizeFrameworkHtml(html);
-    }
-    finally {
-        activeRender = previous;
-    }
-}
-export function renderToStaticMarkup(value, options = {}) {
-    const previous = activeRender;
-    beginFrameworkRenderPass();
-    const context = {
-        hydrationMarkers: false,
-        identifierPrefix: options.identifierPrefix ?? '',
-        nextBoundary: 0,
-        nextId: 0,
-        activityHidden: false,
-    };
-    activeRender = context;
-    try {
-        return finalizeFrameworkHtml(serializeChild(typeof value === 'function' ? value() : value, context));
-    }
-    finally {
-        activeRender = previous;
-    }
-}
-export function useState(initial) {
-    const value = typeof initial === 'function' ? initial() : initial;
-    return [value, serverDispatch];
-}
-export function useReducer(_reducer, initial, initialize) {
-    return [initialize === undefined ? initial : initialize(initial), serverDispatch];
-}
-export function startTransition(action) {
-    void action();
-}
-export function useTransition() {
-    return [false, startTransition];
-}
-export function useDeferredValue(value, _initialValue) {
-    return value;
-}
-export function flushSync(operation) {
-    return operation?.();
-}
-export function useActionState(_action, initialState, permalink) {
-    const dispatch = (_payload) => serverDispatch();
-    if (permalink !== undefined)
-        Object.defineProperty(dispatch, 'permalink', { value: permalink });
-    return [initialState, dispatch, false];
-}
-export function useOptimistic(passthrough, _reducer) {
-    return [passthrough, serverDispatch];
-}
-export function useFormStatus() {
-    return { pending: false, data: null, method: 'get', action: null };
-}
-export function useMemo(factory, _dependencies) {
-    return factory();
-}
-export function useCallback(callback, _dependencies) {
-    return callback;
-}
-export function useRef(initial) {
-    return { current: initial };
-}
-export function useEffect(_create, _dependencies) { }
-export const useLayoutEffect = useEffect;
-export const useInsertionEffect = useEffect;
-export function useImperativeHandle(_ref, _create, _dependencies) { }
-export function useEffectEvent(callback) {
-    return callback;
-}
-export function useSyncExternalStore(_subscribe, getSnapshot, getServerSnapshot) {
-    return (getServerSnapshot ?? getSnapshot)();
-}
-export function useId() {
-    const context = (activeRender ??= {
-        hydrationMarkers: true,
-        identifierPrefix: '',
-        nextBoundary: 0,
-        nextId: 0,
-        activityHidden: false,
-    });
-    const id = `:${context.identifierPrefix}r${context.nextId}:`;
-    context.nextId += 1;
-    return id;
-}
-export function createContext(defaultValue) {
-    let context;
-    const Provider = (props) => serverNode((renderContext) => {
-        context[SERVER_CONTEXT].stack.push(props.value);
-        try {
-            return serializeChild(props.children, renderContext);
-        }
-        finally {
-            context[SERVER_CONTEXT].stack.pop();
-        }
-    }, 'transparent');
-    context = { [SERVER_CONTEXT]: { defaultValue, stack: [] }, Provider };
-    serverBuiltins.add(Provider);
-    return context;
-}
-export function useContext(context) {
-    const state = context[SERVER_CONTEXT];
-    return state.stack.length === 0 ? state.defaultValue : state.stack.at(-1);
-}
-export function createResource(input) {
-    if (!isPromiseLike(input))
-        throw new TypeError('createResource requires a promise-like value');
-    const existing = serverPromiseResources.get(input);
-    if (existing !== undefined)
-        return existing;
-    let state = { status: 'pending' };
-    const resource = { promise: input };
-    Object.defineProperty(resource, SERVER_ASYNC_RESOURCE, { get: () => state });
-    serverPromiseResources.set(input, resource);
-    void Promise.resolve(input).then((value) => {
-        if (state.status === 'pending')
-            state = { status: 'fulfilled', value };
-    }, (reason) => {
-        if (state.status === 'pending')
-            state = { status: 'rejected', reason };
-    });
-    return resource;
-}
-export function use(input) {
-    if (isServerContext(input))
-        return useContext(input);
-    const resource = isServerAsyncResource(input) ? input : createResource(input);
-    const state = resource[SERVER_ASYNC_RESOURCE];
-    if (state.status === 'fulfilled')
-        return state.value;
-    if (state.status === 'rejected')
-        throw state.reason;
-    throw { [SERVER_SUSPENSION]: true, resource };
-}
-export function lazy(load) {
-    let resource;
-    return (props) => {
-        resource ??= createResource(load());
-        const module = use(resource);
-        if (typeof module?.default !== 'function') {
-            throw new TypeError('lazy loader must resolve to a default component export');
-        }
-        return module.default(props);
-    };
-}
-export function Suspense(props) {
-    const render = props.children;
-    const fallback = props.fallback;
-    if (typeof render !== 'function' || typeof fallback !== 'function') {
-        throw new TypeError('Suspense children and fallback must be compiler-generated render functions');
-    }
-    return serverNode((context) => {
-        try {
-            return serializeChild(render(), context);
-        }
-        catch (error) {
-            if (!isServerSuspension(error))
-                throw error;
-            activeFrameworkRender?.pending.add(error.resource.promise);
-            const pendingMarker = context.hydrationMarkers ? `<!--${HYDRATION_PREFIX}:p-->` : '';
-            return pendingMarker + serializeChild(fallback(), context);
-        }
-    }, 'transparent');
+	const hiddenByActivity = context.activityHidden;
+	const previousActivityHidden = context.activityHidden;
+	context.activityHidden = false;
+	try {
+		const attributes = serializeAttributes(props, hiddenByActivity);
+		if (VOID_ELEMENTS.has(type)) {
+			if (hasRenderableChild(props?.children) || readRawHtml(props) !== void 0) throw new TypeError(`${type} is a void element and cannot have children or raw HTML`);
+			return `<${type}${attributes}>`;
+		}
+		const rawHtml = readRawHtml(props);
+		if (rawHtml !== void 0 && hasRenderableChild(props?.children)) throw new TypeError("cannot set both children and dangerouslySetInnerHTML");
+		const hasChildren = Object.hasOwn(props ?? {}, "children");
+		const children = rawHtml === void 0 ? hasChildren ? multipleChildren ? serializeChildren(props?.children, context, !isRawTextElement(type)) : serializeSlot(props?.children, context, !isRawTextElement(type)) : "" : context.hydrationMarkers ? hydrationRange("h", assertSafeHydrationRawHtml(rawHtml)) : rawHtml;
+		if (type === "head" && activeFrameworkRender !== void 0) {
+			activeFrameworkRender.sawHead = true;
+			return `<head${attributes}>${children}${FRAMEWORK_HEAD_PLACEHOLDER}</head>`;
+		}
+		return `<${type}${attributes}>${children}</${type}>`;
+	} finally {
+		context.activityHidden = previousActivityHidden;
+	}
+}
+function renderToString(value, options = {}) {
+	const previous = activeRender;
+	beginFrameworkRenderPass();
+	const context = {
+		hydrationMarkers: true,
+		identifierPrefix: options.identifierPrefix ?? "",
+		nextBoundary: 0,
+		nextId: 0,
+		activityHidden: false
+	};
+	activeRender = context;
+	try {
+		return finalizeFrameworkHtml(hydrationRange("r", serializeSlot(typeof value === "function" ? value() : value, context)));
+	} finally {
+		activeRender = previous;
+	}
+}
+function renderToStaticMarkup(value, options = {}) {
+	const previous = activeRender;
+	beginFrameworkRenderPass();
+	const context = {
+		hydrationMarkers: false,
+		identifierPrefix: options.identifierPrefix ?? "",
+		nextBoundary: 0,
+		nextId: 0,
+		activityHidden: false
+	};
+	activeRender = context;
+	try {
+		return finalizeFrameworkHtml(serializeChild(typeof value === "function" ? value() : value, context));
+	} finally {
+		activeRender = previous;
+	}
+}
+function useState(initial) {
+	return [typeof initial === "function" ? initial() : initial, serverDispatch];
+}
+function useReducer(_reducer, initial, initialize) {
+	return [initialize === void 0 ? initial : initialize(initial), serverDispatch];
+}
+function startTransition(action) {
+	action();
+}
+function useTransition() {
+	return [false, startTransition];
+}
+function useDeferredValue(value, _initialValue) {
+	return value;
+}
+function flushSync(operation) {
+	return operation?.();
+}
+function useActionState(_action, initialState, permalink) {
+	const dispatch = (_payload) => serverDispatch();
+	if (permalink !== void 0) Object.defineProperty(dispatch, "permalink", { value: permalink });
+	return [
+		initialState,
+		dispatch,
+		false
+	];
+}
+function useOptimistic(passthrough, _reducer) {
+	return [passthrough, serverDispatch];
+}
+function useFormStatus() {
+	return {
+		pending: false,
+		data: null,
+		method: "get",
+		action: null
+	};
+}
+function useMemo(factory, _dependencies) {
+	return factory();
+}
+function useCallback(callback, _dependencies) {
+	return callback;
+}
+function useRef(initial) {
+	return { current: initial };
+}
+function createRef() {
+	return { current: null };
+}
+function useEffect(_create, _dependencies) {}
+const useLayoutEffect = useEffect;
+const useInsertionEffect = useEffect;
+function useImperativeHandle(_ref, _create, _dependencies) {}
+function useEffectEvent(callback) {
+	return callback;
+}
+function useSyncExternalStore(_subscribe, getSnapshot, getServerSnapshot) {
+	return (getServerSnapshot ?? getSnapshot)();
+}
+function useId() {
+	const context = activeRender ??= {
+		hydrationMarkers: true,
+		identifierPrefix: "",
+		nextBoundary: 0,
+		nextId: 0,
+		activityHidden: false
+	};
+	const id = `:${context.identifierPrefix}r${context.nextId}:`;
+	context.nextId += 1;
+	return id;
+}
+function createContext(defaultValue) {
+	let context;
+	const Provider = (props) => serverNode((renderContext) => {
+		context[SERVER_CONTEXT].stack.push(props.value);
+		try {
+			return serializeChild(props.children, renderContext);
+		} finally {
+			context[SERVER_CONTEXT].stack.pop();
+		}
+	}, "transparent");
+	context = {
+		[SERVER_CONTEXT]: {
+			defaultValue,
+			stack: []
+		},
+		Provider
+	};
+	serverBuiltins.add(Provider);
+	return context;
+}
+function useContext(context) {
+	const state = context[SERVER_CONTEXT];
+	return state.stack.length === 0 ? state.defaultValue : state.stack.at(-1);
+}
+function createResource(input) {
+	if (!isPromiseLike(input)) throw new TypeError("createResource requires a promise-like value");
+	const existing = serverPromiseResources.get(input);
+	if (existing !== void 0) return existing;
+	let state = { status: "pending" };
+	const resource = { promise: input };
+	Object.defineProperty(resource, SERVER_ASYNC_RESOURCE, { get: () => state });
+	serverPromiseResources.set(input, resource);
+	Promise.resolve(input).then((value) => {
+		if (state.status === "pending") state = {
+			status: "fulfilled",
+			value
+		};
+	}, (reason) => {
+		if (state.status === "pending") state = {
+			status: "rejected",
+			reason
+		};
+	});
+	return resource;
+}
+function use(input) {
+	if (isServerContext(input)) return useContext(input);
+	const resource = isServerAsyncResource(input) ? input : createResource(input);
+	const state = resource[SERVER_ASYNC_RESOURCE];
+	if (state.status === "fulfilled") return state.value;
+	if (state.status === "rejected") throw state.reason;
+	throw {
+		[SERVER_SUSPENSION]: true,
+		resource
+	};
+}
+function lazy(load) {
+	let resource;
+	return (props) => {
+		resource ??= createResource(load());
+		const module = use(resource);
+		if (typeof module?.default !== "function") throw new TypeError("lazy loader must resolve to a default component export");
+		return module.default(props);
+	};
+}
+function Suspense(props) {
+	const render = props.children;
+	const fallback = props.fallback;
+	if (typeof render !== "function" || typeof fallback !== "function") throw new TypeError("Suspense children and fallback must be compiler-generated render functions");
+	return serverNode((context) => {
+		try {
+			return serializeChild(render(), context);
+		} catch (error) {
+			if (!isServerSuspension(error)) throw error;
+			activeFrameworkRender?.pending.add(error.resource.promise);
+			return (context.hydrationMarkers ? `<!--${HYDRATION_PREFIX}:p-->` : "") + serializeChild(fallback(), context);
+		}
+	}, "transparent");
 }
 serverBuiltins.add(Suspense);
-export function Activity(props) {
-    const render = props.children;
-    if (typeof render !== 'function') {
-        throw new TypeError('Activity children must be a compiler-generated render function');
-    }
-    if (props.mode !== 'visible' && props.mode !== 'hidden') {
-        throw new TypeError('Activity mode must be "visible" or "hidden"');
-    }
-    return serverNode((context) => {
-        const previousActivityHidden = context.activityHidden;
-        context.activityHidden = props.mode === 'hidden' || previousActivityHidden;
-        try {
-            return serializeChild(render(), context);
-        }
-        finally {
-            context.activityHidden = previousActivityHidden;
-        }
-    }, 'transparent');
+function Activity(props) {
+	const render = props.children;
+	if (typeof render !== "function") throw new TypeError("Activity children must be a compiler-generated render function");
+	if (props.mode !== "visible" && props.mode !== "hidden") throw new TypeError("Activity mode must be \"visible\" or \"hidden\"");
+	return serverNode((context) => {
+		const previousActivityHidden = context.activityHidden;
+		context.activityHidden = props.mode === "hidden" || previousActivityHidden;
+		try {
+			return serializeChild(render(), context);
+		} finally {
+			context.activityHidden = previousActivityHidden;
+		}
+	}, "transparent");
 }
 serverBuiltins.add(Activity);
-export function Profiler(props) {
-    const render = props.children;
-    if (typeof render !== 'function') {
-        throw new TypeError('Profiler children must be a compiler-generated render function');
-    }
-    if (typeof props.id !== 'string')
-        throw new TypeError('Profiler id must be a string');
-    if (typeof props.onRender !== 'function') {
-        throw new TypeError('Profiler onRender must be a function');
-    }
-    return render();
+function Profiler(props) {
+	const render = props.children;
+	if (typeof render !== "function") throw new TypeError("Profiler children must be a compiler-generated render function");
+	if (typeof props.id !== "string") throw new TypeError("Profiler id must be a string");
+	if (typeof props.onRender !== "function") throw new TypeError("Profiler onRender must be a function");
+	return render();
 }
 serverBuiltins.add(Profiler);
-export function useDebugValue(_value, _format) { }
-export function captureOwnerStack() {
-    return null;
+function useDebugValue(_value, _format) {}
+function captureOwnerStack() {
+	return null;
 }
-export function createPortal(_children, _container) {
-    throw new Error('portals cannot be emitted by the server target; render portal content in the client root');
+function createPortal(_children, _container) {
+	throw new Error("portals cannot be emitted by the server target; render portal content in the client root");
 }
 function serverNode(render, kind) {
-    return { [SERVER_NODE]: render, [SERVER_NODE_KIND]: kind };
+	return {
+		[SERVER_NODE]: render,
+		[SERVER_NODE_KIND]: kind
+	};
 }
 function isServerNode(value) {
-    return typeof value === 'object' && value !== null && SERVER_NODE in value;
+	return typeof value === "object" && value !== null && SERVER_NODE in value;
 }
 function isServerContext(value) {
-    return typeof value === 'object' && value !== null && SERVER_CONTEXT in value;
+	return typeof value === "object" && value !== null && SERVER_CONTEXT in value;
 }
 function isServerAsyncResource(value) {
-    return typeof value === 'object' && value !== null && SERVER_ASYNC_RESOURCE in value;
+	return typeof value === "object" && value !== null && SERVER_ASYNC_RESOURCE in value;
 }
 function isServerSuspension(value) {
-    return typeof value === 'object' && value !== null && SERVER_SUSPENSION in value;
+	return typeof value === "object" && value !== null && SERVER_SUSPENSION in value;
 }
 function serializeChild(value, context, markScalar = true) {
-    if (value === null || value === undefined || typeof value === 'boolean') {
-        return context.hydrationMarkers && markScalar ? hydrationRange('t', '') : '';
-    }
-    if (isServerNode(value)) {
-        const content = value[SERVER_NODE](context);
-        return context.hydrationMarkers && value[SERVER_NODE_KIND] === 'intrinsic'
-            ? hydrationRange('s', content)
-            : content;
-    }
-    if (isRenderable(value))
-        return serializeChild(cloneRenderable(value), context, markScalar);
-    if (Array.isArray(value)) {
-        const content = value.map((child) => serializeChild(child, context, markScalar)).join('');
-        return context.hydrationMarkers ? hydrationRange('a', content) : content;
-    }
-    if (typeof value === 'object' || typeof value === 'function' || typeof value === 'symbol') {
-        throw new TypeError('unsupported server child value');
-    }
-    const content = escapeText(String(value));
-    if (context.activityHidden && content !== '') {
-        throw new TypeError('initially hidden Activity server children require a host element root');
-    }
-    return context.hydrationMarkers && markScalar ? hydrationRange('t', content) : content;
+	if (value === null || value === void 0 || typeof value === "boolean") return context.hydrationMarkers && markScalar ? hydrationRange("t", "") : "";
+	if (isServerNode(value)) {
+		const content = value[SERVER_NODE](context);
+		return context.hydrationMarkers && value[SERVER_NODE_KIND] === "intrinsic" ? hydrationRange("s", content) : content;
+	}
+	if (isRenderable(value)) return serializeChild(cloneRenderable(value), context, markScalar);
+	if (Array.isArray(value)) {
+		const content = value.map((child) => serializeChild(child, context, markScalar)).join("");
+		return context.hydrationMarkers ? hydrationRange("a", content) : content;
+	}
+	if (typeof value === "object" || typeof value === "function" || typeof value === "symbol") throw new TypeError("unsupported server child value");
+	const content = escapeText(String(value));
+	if (context.activityHidden && content !== "") throw new TypeError("initially hidden Activity server children require a host element root");
+	return context.hydrationMarkers && markScalar ? hydrationRange("t", content) : content;
 }
 function hasRenderableChild(value) {
-    if (value === null || value === undefined || typeof value === 'boolean')
-        return false;
-    return !Array.isArray(value) || value.some(hasRenderableChild);
+	if (value === null || value === void 0 || typeof value === "boolean") return false;
+	return !Array.isArray(value) || value.some(hasRenderableChild);
 }
 function serializeAttributes(props, hiddenByActivity = false) {
-    if (props === null)
-        return ' style="display:none!important"';
-    const attributes = Object.keys(props)
-        .toSorted()
-        .map((name) => name === 'style'
-        ? serializeStyleAttribute(props[name], hiddenByActivity)
-        : serializeAttribute(name, props[name]))
-        .join('');
-    return hiddenByActivity && !Object.hasOwn(props, 'style')
-        ? `${attributes} style="display:none!important"`
-        : attributes;
+	if (props === null) return " style=\"display:none!important\"";
+	const attributes = Object.keys(props).toSorted().map((name) => name === "style" ? serializeStyleAttribute(props[name], hiddenByActivity) : serializeAttribute(name, props[name])).join("");
+	return hiddenByActivity && !Object.hasOwn(props, "style") ? `${attributes} style="display:none!important"` : attributes;
 }
 function serializeAttribute(name, value) {
-    if ((name === 'action' || name === 'formAction') &&
-        typeof value === 'function' &&
-        typeof Reflect.get(value, 'permalink') === 'string') {
-        return ` ${serverHtmlAttributeName(name)}="${escapeAttribute(Reflect.get(value, 'permalink'))}"`;
-    }
-    if (name === 'children' ||
-        name === 'dangerouslySetInnerHTML' ||
-        name === 'key' ||
-        name === 'precedence' ||
-        name === 'ref' ||
-        /^on/i.test(name) ||
-        value === null ||
-        value === undefined ||
-        typeof value === 'function' ||
-        typeof value === 'symbol') {
-        return '';
-    }
-    if (name === 'style')
-        return serializeStyleAttribute(value);
-    const normalizedName = serverHtmlAttributeName(name);
-    if (name.startsWith('data-') || name.startsWith('aria-')) {
-        return ` ${normalizedName}="${escapeAttribute(String(value))}"`;
-    }
-    if (SERVER_BOOLEAN_ATTRIBUTES.has(name))
-        return value ? ` ${normalizedName}=""` : '';
-    if (typeof value === 'boolean')
-        return '';
-    if (!VALID_ATTRIBUTE_NAME.test(normalizedName))
-        return '';
-    return ` ${normalizedName}="${escapeAttribute(String(value))}"`;
+	if ((name === "action" || name === "formAction") && typeof value === "function" && typeof Reflect.get(value, "permalink") === "string") return ` ${serverHtmlAttributeName(name)}="${escapeAttribute(Reflect.get(value, "permalink"))}"`;
+	if (name === "children" || name === "dangerouslySetInnerHTML" || name === "key" || name === "precedence" || name === "ref" || /^on/i.test(name) || value === null || value === void 0 || typeof value === "function" || typeof value === "symbol") return "";
+	if (name === "style") return serializeStyleAttribute(value);
+	const normalizedName = serverHtmlAttributeName(name);
+	if (name.startsWith("data-") || name.startsWith("aria-")) return ` ${normalizedName}="${escapeAttribute(String(value))}"`;
+	if (SERVER_BOOLEAN_ATTRIBUTES.has(name)) return value ? ` ${normalizedName}=""` : "";
+	if (typeof value === "boolean") return "";
+	if (!VALID_ATTRIBUTE_NAME.test(normalizedName)) return "";
+	return ` ${normalizedName}="${escapeAttribute(String(value))}"`;
 }
 function beginFrameworkRenderPass() {
-    const framework = activeFrameworkRender;
-    if (framework === undefined)
-        return;
-    if (framework.signal.aborted)
-        throw frameworkAbortReason(framework.signal);
-    framework.pending.clear();
-    framework.head.clear();
-    framework.stylePrecedence.length = 0;
-    framework.sawHead = false;
+	const framework = activeFrameworkRender;
+	if (framework === void 0) return;
+	if (framework.signal.aborted) throw frameworkAbortReason(framework.signal);
+	framework.pending.clear();
+	framework.head.clear();
+	framework.stylePrecedence.length = 0;
+	framework.sawHead = false;
 }
 function finalizeFrameworkHtml(html) {
-    const framework = activeFrameworkRender;
-    if (framework === undefined)
-        return html;
-    const head = [...framework.head.entries()]
-        .toSorted(([, left], [, right]) => compareHeadPrecedence(framework, left, right))
-        .map(([, entry]) => entry.html)
-        .join('');
-    if (framework.sawHead)
-        return html.replace(FRAMEWORK_HEAD_PLACEHOLDER, head);
-    if (head === '')
-        return html;
-    const htmlStart = html.indexOf('<html');
-    if (htmlStart !== -1) {
-        const htmlOpenEnd = html.indexOf('>', htmlStart);
-        if (htmlOpenEnd !== -1) {
-            return `${html.slice(0, htmlOpenEnd + 1)}<head>${head}</head>${html.slice(htmlOpenEnd + 1)}`;
-        }
-    }
-    return `<head>${head}</head>${html}`;
+	const framework = activeFrameworkRender;
+	if (framework === void 0) return html;
+	const head = [...framework.head.entries()].toSorted(([, left], [, right]) => compareHeadPrecedence(framework, left, right)).map(([, entry]) => entry.html).join("");
+	if (framework.sawHead) return html.replace(FRAMEWORK_HEAD_PLACEHOLDER, head);
+	if (head === "") return html;
+	const htmlStart = html.indexOf("<html");
+	if (htmlStart !== -1) {
+		const htmlOpenEnd = html.indexOf(">", htmlStart);
+		if (htmlOpenEnd !== -1) return `${html.slice(0, htmlOpenEnd + 1)}<head>${head}</head>${html.slice(htmlOpenEnd + 1)}`;
+	}
+	return `<head>${head}</head>${html}`;
 }
 function isHoistableHeadElement(type, props) {
-    if (type === 'title' || type === 'meta')
-        return !hasOwnProp(props, 'itemProp');
-    if (type === 'link') {
-        if (['itemProp', 'onLoad', 'onError', 'disabled'].some((name) => hasOwnProp(props, name))) {
-            return false;
-        }
-        return props?.rel !== 'stylesheet' || typeof props.precedence === 'string';
-    }
-    if (type === 'style') {
-        return typeof props?.href === 'string' && typeof props.precedence === 'string';
-    }
-    return type === 'script' && props?.async === true && typeof props.src === 'string';
+	if (type === "title" || type === "meta") return !hasOwnProp(props, "itemProp");
+	if (type === "link") {
+		if ([
+			"itemProp",
+			"onLoad",
+			"onError",
+			"disabled"
+		].some((name) => hasOwnProp(props, name))) return false;
+		return props?.rel !== "stylesheet" || typeof props.precedence === "string";
+	}
+	if (type === "style") return typeof props?.href === "string" && typeof props.precedence === "string";
+	return type === "script" && props?.async === true && typeof props.src === "string";
 }
 function hasOwnProp(props, name) {
-    return props !== null && Object.hasOwn(props, name);
+	return props !== null && Object.hasOwn(props, name);
 }
 function metadataKey(type, props) {
-    if (type === 'title')
-        return 'title';
-    if (type === 'meta') {
-        for (const name of META_IDENTITY_PROPS) {
-            const value = props?.[name];
-            if (value !== undefined)
-                return `meta:${name}:${String(value)}`;
-        }
-    }
-    if (type === 'link')
-        return `link:${LINK_IDENTITY_PROPS.map((name) => String(props?.[name] ?? '')).join(':')}`;
-    if (type === 'style')
-        return `style:${String(props?.href ?? '')}`;
-    if (type === 'script')
-        return `script:${String(props?.src ?? '')}`;
-    return `${type}:${JSON.stringify(props)}`;
+	if (type === "title") return "title";
+	if (type === "meta") for (const name of META_IDENTITY_PROPS) {
+		const value = props?.[name];
+		if (value !== void 0) return `meta:${name}:${String(value)}`;
+	}
+	if (type === "link") return `link:${LINK_IDENTITY_PROPS.map((name) => String(props?.[name] ?? "")).join(":")}`;
+	if (type === "style") return `style:${String(props?.href ?? "")}`;
+	if (type === "script") return `script:${String(props?.src ?? "")}`;
+	return `${type}:${JSON.stringify(props)}`;
 }
 function metadataPrecedence(type, props) {
-    if (type === 'style' || (type === 'link' && props?.rel === 'stylesheet')) {
-        return `2:${String(props?.precedence ?? 'default')}`;
-    }
-    if (type === 'script')
-        return '3:script';
-    return '1:metadata';
+	if (type === "style" || type === "link" && props?.rel === "stylesheet") return `2:${String(props?.precedence ?? "default")}`;
+	if (type === "script") return "3:script";
+	return "1:metadata";
 }
 function registerResourceHint(relation, href, options) {
-    if (typeof href !== 'string' || href.length === 0)
-        throw new TypeError('resource href must be non-empty');
-    const as = 'as' in options && typeof options.as === 'string' ? ` as="${escapeAttribute(options.as)}"` : '';
-    registerHeadEntry(`hint:${relation}:${href}:${as}`, `<link rel="${relation}" href="${escapeAttribute(href)}"${as}${serializeHintOptions(options)}>`, '0:hint');
+	if (typeof href !== "string" || href.length === 0) throw new TypeError("resource href must be non-empty");
+	const as = "as" in options && typeof options.as === "string" ? ` as="${escapeAttribute(options.as)}"` : "";
+	registerHeadEntry(`hint:${relation}:${href}:${as}`, `<link rel="${relation}" href="${escapeAttribute(href)}"${as}${serializeHintOptions(options)}>`, "0:hint");
 }
 function registerHeadEntry(key, html, precedence) {
-    const framework = activeFrameworkRender;
-    if (framework === undefined)
-        return;
-    if (precedence.startsWith('2:')) {
-        const stylePrecedence = precedence.slice(2);
-        if (!framework.stylePrecedence.includes(stylePrecedence)) {
-            framework.stylePrecedence.push(stylePrecedence);
-        }
-    }
-    framework.head.set(key, { html, precedence });
+	const framework = activeFrameworkRender;
+	if (framework === void 0) return;
+	if (precedence.startsWith("2:")) {
+		const stylePrecedence = precedence.slice(2);
+		if (!framework.stylePrecedence.includes(stylePrecedence)) framework.stylePrecedence.push(stylePrecedence);
+	}
+	framework.head.set(key, {
+		html,
+		precedence
+	});
 }
 function compareHeadPrecedence(framework, left, right) {
-    const leftRank = Number(left.precedence[0]);
-    const rightRank = Number(right.precedence[0]);
-    if (leftRank !== rightRank)
-        return leftRank - rightRank;
-    if (leftRank !== 2)
-        return 0;
-    return (framework.stylePrecedence.indexOf(left.precedence.slice(2)) -
-        framework.stylePrecedence.indexOf(right.precedence.slice(2)));
+	const leftRank = Number(left.precedence[0]);
+	const rightRank = Number(right.precedence[0]);
+	if (leftRank !== rightRank) return leftRank - rightRank;
+	if (leftRank !== 2) return 0;
+	return framework.stylePrecedence.indexOf(left.precedence.slice(2)) - framework.stylePrecedence.indexOf(right.precedence.slice(2));
 }
 function serializeHintOptions(options) {
-    const attributes = [];
-    if (options.crossOrigin !== undefined) {
-        attributes.push(` crossorigin="${escapeAttribute(options.crossOrigin)}"`);
-    }
-    if ('fetchPriority' in options && options.fetchPriority !== undefined) {
-        attributes.push(` fetchpriority="${options.fetchPriority}"`);
-    }
-    if ('imageSizes' in options && options.imageSizes !== undefined) {
-        attributes.push(` imagesizes="${escapeAttribute(options.imageSizes)}"`);
-    }
-    if ('imageSrcSet' in options && options.imageSrcSet !== undefined) {
-        attributes.push(` imagesrcset="${escapeAttribute(options.imageSrcSet)}"`);
-    }
-    if ('integrity' in options && options.integrity !== undefined) {
-        attributes.push(` integrity="${escapeAttribute(options.integrity)}"`);
-    }
-    if ('nonce' in options && options.nonce !== undefined) {
-        attributes.push(` nonce="${escapeAttribute(options.nonce)}"`);
-    }
-    if ('referrerPolicy' in options && options.referrerPolicy !== undefined) {
-        attributes.push(` referrerpolicy="${escapeAttribute(options.referrerPolicy)}"`);
-    }
-    if ('type' in options && options.type !== undefined) {
-        attributes.push(` type="${escapeAttribute(options.type)}"`);
-    }
-    return attributes.join('');
+	const attributes = [];
+	if (options.crossOrigin !== void 0) attributes.push(` crossorigin="${escapeAttribute(options.crossOrigin)}"`);
+	if ("fetchPriority" in options && options.fetchPriority !== void 0) attributes.push(` fetchpriority="${options.fetchPriority}"`);
+	if ("imageSizes" in options && options.imageSizes !== void 0) attributes.push(` imagesizes="${escapeAttribute(options.imageSizes)}"`);
+	if ("imageSrcSet" in options && options.imageSrcSet !== void 0) attributes.push(` imagesrcset="${escapeAttribute(options.imageSrcSet)}"`);
+	if ("integrity" in options && options.integrity !== void 0) attributes.push(` integrity="${escapeAttribute(options.integrity)}"`);
+	if ("nonce" in options && options.nonce !== void 0) attributes.push(` nonce="${escapeAttribute(options.nonce)}"`);
+	if ("referrerPolicy" in options && options.referrerPolicy !== void 0) attributes.push(` referrerpolicy="${escapeAttribute(options.referrerPolicy)}"`);
+	if ("type" in options && options.type !== void 0) attributes.push(` type="${escapeAttribute(options.type)}"`);
+	return attributes.join("");
 }
 function frameworkAbortReason(signal) {
-    return signal.reason ?? new DOMException('The operation was aborted', 'AbortError');
+	return signal.reason ?? new DOMException("The operation was aborted", "AbortError");
 }
 function serializeStyleAttribute(value, hiddenByActivity = false) {
-    if (typeof value === 'string') {
-        const separator = value === '' || value.endsWith(';') ? '' : ';';
-        const style = hiddenByActivity ? `${value}${separator}display:none!important` : value;
-        return style === '' ? '' : ` style="${escapeAttribute(style)}"`;
-    }
-    if (typeof value !== 'object' || value === null || Array.isArray(value)) {
-        return hiddenByActivity ? ' style="display:none!important"' : '';
-    }
-    const declarations = Object.entries(value)
-        .toSorted(([left], [right]) => left.localeCompare(right))
-        .flatMap(([name, item]) => {
-        if (item === null || item === undefined || typeof item === 'boolean' || item === '')
-            return [];
-        const cssName = name.startsWith('--') ? name : camelToKebab(name);
-        const cssValue = typeof item === 'number' && item !== 0 && !UNITLESS_STYLE_PROPERTIES.has(name)
-            ? `${item}px`
-            : item;
-        return `${cssName}:${String(cssValue)}`;
-    });
-    if (hiddenByActivity)
-        declarations.push('display:none!important');
-    return declarations.length === 0 ? '' : ` style="${escapeAttribute(declarations.join(';'))}"`;
+	if (typeof value === "string") {
+		const separator = value === "" || value.endsWith(";") ? "" : ";";
+		const style = hiddenByActivity ? `${value}${separator}display:none!important` : value;
+		return style === "" ? "" : ` style="${escapeAttribute(style)}"`;
+	}
+	if (typeof value !== "object" || value === null || Array.isArray(value)) return hiddenByActivity ? " style=\"display:none!important\"" : "";
+	const declarations = Object.entries(value).toSorted(([left], [right]) => left.localeCompare(right)).flatMap(([name, item]) => {
+		if (item === null || item === void 0 || typeof item === "boolean" || item === "") return [];
+		const cssName = name.startsWith("--") ? name : camelToKebab(name);
+		const cssValue = typeof item === "number" && item !== 0 && !UNITLESS_STYLE_PROPERTIES.has(name) ? `${item}px` : item;
+		return `${cssName}:${String(cssValue)}`;
+	});
+	if (hiddenByActivity) declarations.push("display:none!important");
+	return declarations.length === 0 ? "" : ` style="${escapeAttribute(declarations.join(";"))}"`;
 }
 function camelToKebab(name) {
-    return name
-        .replace(/[A-Z]/g, (character) => `-${character.toLowerCase()}`)
-        .replace(/^ms-/, '-ms-');
+	return name.replace(/[A-Z]/g, (character) => `-${character.toLowerCase()}`).replace(/^ms-/, "-ms-");
 }
 function readRawHtml(props) {
-    const value = props?.dangerouslySetInnerHTML;
-    if (value === null || value === undefined)
-        return undefined;
-    if (!UNSAFE_HTML) {
-        throw new Error('dangerouslySetInnerHTML requires the unsafe-html compiler feature');
-    }
-    if (typeof value !== 'object' || !('__html' in value)) {
-        throw new TypeError('dangerouslySetInnerHTML must be an object with an __html property');
-    }
-    const html = Reflect.get(value, '__html');
-    return html === null || html === undefined ? '' : String(html);
+	const value = props?.dangerouslySetInnerHTML;
+	if (value === null || value === void 0) return void 0;
+	if (!UNSAFE_HTML) throw new Error("dangerouslySetInnerHTML requires the unsafe-html compiler feature");
+	if (typeof value !== "object" || !("__html" in value)) throw new TypeError("dangerouslySetInnerHTML must be an object with an __html property");
+	const html = Reflect.get(value, "__html");
+	return html === null || html === void 0 ? "" : String(html);
 }
 function escapeText(value) {
-    return value.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;');
+	return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
 function escapeAttribute(value) {
-    return escapeText(value).replaceAll('"', '&quot;').replaceAll("'", '&#x27;');
+	return escapeText(value).replaceAll("\"", "&quot;").replaceAll("'", "&#x27;");
 }
 function serializeChildren(value, context, markScalar) {
-    return Array.isArray(value)
-        ? value.map((child) => serializeSlot(child, context, markScalar)).join('')
-        : serializeSlot(value, context, markScalar);
+	return Array.isArray(value) ? value.map((child) => serializeSlot(child, context, markScalar)).join("") : serializeSlot(value, context, markScalar);
 }
 function serializeSlot(value, context, markScalar = true) {
-    const content = serializeChild(value, context, markScalar);
-    return context.hydrationMarkers ? hydrationRange('b', content) : content;
+	const content = serializeChild(value, context, markScalar);
+	return context.hydrationMarkers ? hydrationRange("b", content) : content;
 }
 function hydrationRange(kind, content) {
-    return `<!--${HYDRATION_PREFIX}:${kind}-->${content}<!--/${HYDRATION_PREFIX}:${kind}-->`;
+	return `<!--${HYDRATION_PREFIX}:${kind}-->${content}<!--/${HYDRATION_PREFIX}:${kind}-->`;
 }
 function assertSafeHydrationRawHtml(value) {
-    if (/<!--\/?vidact:v\d+:/i.test(value)) {
-        throw new Error('raw HTML cannot contain Vidact hydration marker syntax');
-    }
-    return value;
+	if (/<!--\/?vidact:v\d+:/i.test(value)) throw new Error("raw HTML cannot contain Vidact hydration marker syntax");
+	return value;
 }
 function isRawTextElement(type) {
-    return type === 'script' || type === 'style' || type === 'textarea' || type === 'title';
+	return type === "script" || type === "style" || type === "textarea" || type === "title";
 }
 function serverDispatch() {
-    throw new Error('state dispatch is unavailable during server rendering');
+	throw new Error("state dispatch is unavailable during server rendering");
 }
+//#endregion
+export { Activity, Fragment, Profiler, Suspense, cache, cacheSignal, captureOwnerStack, cloneRenderable, cloneRenderableComponent, createContext, createElement, createPortal, createRef, createRenderable, createResource, createServerFrameworkRenderContext, createServerHydrationBoundary, dynamicIntrinsicComponent, flushSync, forwardedRef, isRenderable, jsx, jsxDEV, jsxs, keyedFragmentComponent, lazy, preconnect, prefetchDNS, preinit, preinitModule, preload, preloadModule, renderToStaticMarkup, renderToString, renderableChildren, renderableMarker, renderableProps, renderableRef, renderableToArray, startTransition, use, useActionState, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useEffectEvent, useFormStatus, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useOptimistic, useReducer, useRef, useState, useSyncExternalStore, useTransition, withServerFrameworkRenderContext };
+
 //# sourceMappingURL=server.js.map