@voltro/web 0.51.0 → 0.53.0

package/dist/index.js

@@ -1,29 +1,30 @@
-import { t as e } from "./globalContext-d4A-ugDg.js";
+import { t as e } from "./globalContext-AuflFFmy.js";
 import { AppClientsContext as t, useAppClient as n } from "./hooks.js";
-import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "./frameworkBoot-CV_o2tIk.js";
-import { a as d, c as f, i as p, l as m, o as h, u as g } from "./defaultFallbacks-B4Ak-R6R.js";
-import { a as _, i as ee, n as te, r as ne, t as re } from "./mount-nudb4UCl.js";
-import { c as ie, d as ae, h as oe, l as se, p as ce, u as le } from "./routerState-DAT472IC.js";
-import { A as ue, B as de, C as fe, D as pe, E as me, F as he, G as ge, H as _e, I as v, K as y, L as b, M as x, N as S, O as C, P as w, R as T, S as E, T as D, U as O, V as k, W as A, _ as j, a as M, b as N, c as P, d as F, f as I, g as ve, h as ye, i as be, j as xe, k as Se, l as Ce, m as we, n as Te, o as Ee, p as De, q as Oe, r as ke, s as Ae, t as je, u as Me, v as Ne, w as Pe, x as Fe, y as Ie, z as Le } from "./serverContext-38JTbYPa.js";
-import { Component as Re, Suspense as ze, createElement as L, use as Be, useCallback as Ve, useContext as He, useSyncExternalStore as Ue } from "react";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "./frameworkBoot-CnE9vzLQ.js";
+import { a as d, c as f, i as p, l as m, o as h, u as g } from "./defaultFallbacks-SQ45vAhz.js";
+import { getIslandComponent as _, hydrateIslandsOnPage as v, island as y } from "./islands.js";
+import { c as b, d as x, f as S, g as C, l as w, m as T } from "./routerState-Cr6fTbka.js";
+import { mount as E, noticeIslandsShipTheFullBundle as ee } from "./mount.js";
+import { A as te, B as ne, C as re, D as ie, E as ae, F as oe, G as se, H as ce, I as le, K as ue, L as de, M as fe, N as pe, O as me, P as he, R as ge, S as _e, T as ve, U as ye, V as be, W as D, _ as O, a as k, b as A, c as j, d as M, f as N, g as xe, h as Se, i as Ce, j as we, k as Te, l as Ee, m as De, n as Oe, o as ke, p as Ae, q as je, r as Me, s as Ne, t as Pe, u as Fe, v as Ie, w as Le, x as Re, y as ze, z as Be } from "./serverContext-BwzZ6Q7d.js";
+import { Component as Ve, Suspense as He, createElement as P, use as Ue, useCallback as We, useContext as Ge, useEffect as Ke, useSyncExternalStore as qe } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 export * from "@voltro/client";
 export * from "@voltro/ui";
 //#region src/await.tsx
-var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PURE__ */ z(ze, {
+var R = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PURE__ */ I(He, {
 	fallback: t,
-	children: /* @__PURE__ */ z(Ke, {
+	children: /* @__PURE__ */ I(Ye, {
 		errorFallback: r,
-		children: /* @__PURE__ */ z(Ge, {
+		children: /* @__PURE__ */ I(Je, {
 			value: e,
 			errorFallback: r ?? null,
 			children: n
 		})
 	})
-}), V = ({ body: e }) => /* @__PURE__ */ z("script", { dangerouslySetInnerHTML: { __html: e } }), Ge = ({ value: e, errorFallback: t, children: n }) => {
-	let r = Be(e), i = le(e), a = oe(r);
-	return a === void 0 ? /* @__PURE__ */ B(R, { children: [i === void 0 ? null : /* @__PURE__ */ z(V, { body: ae(i, r) }), n(r)] }) : /* @__PURE__ */ B(R, { children: [i === void 0 ? null : /* @__PURE__ */ z(V, { body: se(i, a) }), t] });
-}, Ke = class extends Re {
+}), z = ({ body: e }) => /* @__PURE__ */ I("script", { dangerouslySetInnerHTML: { __html: e } }), Je = ({ value: e, errorFallback: t, children: n }) => {
+	let r = Ue(e), i = x(e), a = C(r);
+	return a === void 0 ? /* @__PURE__ */ L(F, { children: [i === void 0 ? null : /* @__PURE__ */ I(z, { body: S(i, r) }), n(r)] }) : /* @__PURE__ */ L(F, { children: [i === void 0 ? null : /* @__PURE__ */ I(z, { body: w(i, a) }), t] });
+}, Ye = class extends Ve {
 	state = { error: void 0 };
 	static getDerivedStateFromError(e) {
 		return { error: e };
@@ -31,7 +32,7 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 	render() {
 		return this.state.error === void 0 ? this.props.children : this.props.errorFallback ?? null;
 	}
-}, H = ({ src: e }) => e, U = e("imageConfig", { loader: H }), qe = ({ loader: e, children: t }) => L(U.Provider, { value: { loader: e } }, t), W = [
+}, Xe = (e) => typeof e == "object" && !!e && typeof e.src == "string", B = ({ src: e }) => e, V = e("imageConfig", { loader: B }), Ze = ({ loader: e, children: t }) => P(V.Provider, { value: { loader: e } }, t), H = [
 	640,
 	750,
 	828,
@@ -40,8 +41,8 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 	1920,
 	2048,
 	3840
-], Je = (e, t, n, r) => {
-	let i = n !== void 0 && !r ? Array.from(new Set(W.filter((e) => e <= n * 2).concat(n))).sort((e, t) => e - t) : [...W];
+], Qe = (e, t, n, r) => {
+	let i = n !== void 0 && !r ? Array.from(new Set(H.filter((e) => e <= n * 2).concat(n))).sort((e, t) => e - t) : [...H];
 	return {
 		srcSet: i.map((n) => `${e({
 			src: t,
@@ -52,43 +53,153 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 			width: i[i.length - 1]
 		})
 	};
-}, Ye = ({ src: e, alt: t, width: n, height: r, fill: i = !1, sizes: a, priority: o = !1, loader: s, placeholder: c = "empty", blurDataURL: l, style: u, ...d }) => {
-	let f = He(U).loader, p = s ?? f;
-	!i && (n === void 0 || r === void 0) && typeof console < "u" && console.warn(`<Image src="${e}"> needs both width and height (or fill) to reserve layout space and avoid CLS.`);
-	let { srcSet: m, fallback: h } = Je(p, e, n, i), g = c === "blur" && l ? {
-		backgroundImage: `url(${l})`,
+}, $e = ({ src: e, alt: t, width: n, height: r, fill: i = !1, sizes: a, priority: o = !1, loader: s, quality: c, placeholder: l, blurDataURL: u, style: d, ...f }) => {
+	let p = Ge(V).loader, m = s ?? p, h = c === void 0 ? m : (e) => m({
+		...e,
+		quality: c
+	}), g = Xe(e) ? e : void 0, _ = g === void 0 ? e : g.src, v = n ?? (g !== void 0 && g.width > 0 ? g.width : void 0), y = r ?? (g !== void 0 && g.height > 0 ? g.height : void 0), b = u ?? (g !== void 0 && g.blurDataURL !== "" ? g.blurDataURL : void 0), x = l ?? (b !== void 0 && g !== void 0 ? "blur" : "empty");
+	!i && (v === void 0 || y === void 0) && typeof console < "u" && console.warn(`<Image src="${_}"> needs both width and height (or fill) to reserve layout space and avoid CLS.`);
+	let { srcSet: S, fallback: C } = g !== void 0 && g.srcSet !== "" ? {
+		srcSet: g.srcSet,
+		fallback: g.src
+	} : Qe(h, _, v, i), w = x === "blur" && b ? {
+		backgroundImage: `url(${b})`,
 		backgroundSize: "cover",
 		backgroundPosition: "center"
-	} : {}, _ = i ? {
+	} : {}, T = i ? {
 		position: "absolute",
 		inset: 0,
 		height: "100%",
 		width: "100%",
 		objectFit: "cover"
-	} : {};
-	return L("img", {
-		src: h,
-		srcSet: m,
+	} : {}, E = P("img", {
+		src: C,
+		srcSet: S === "" ? void 0 : S,
 		sizes: a ?? (i ? "100vw" : void 0),
 		alt: t,
 		...i ? {} : {
-			width: n,
-			height: r
+			width: v,
+			height: y
 		},
 		loading: o ? "eager" : "lazy",
 		decoding: "async",
 		...o ? { fetchPriority: "high" } : {},
 		style: {
-			...g,
-			..._,
-			...u
+			...w,
+			...T,
+			...d
 		},
-		...d
+		...f
 	});
-}, Xe = ({ to: e, children: t, className: n }) => L("a", {
+	return g !== void 0 && g.sources.length > 0 ? P("picture", null, ...g.sources.map((e) => P("source", {
+		key: e.type,
+		type: e.type,
+		srcSet: e.srcSet,
+		sizes: a ?? (i ? "100vw" : void 0)
+	})), E) : E;
+}, et = Symbol.for("@voltro/web/script:registry"), U = () => {
+	let e = globalThis;
+	return e[et] ??= /* @__PURE__ */ new Map();
+}, tt = () => {
+	U().clear();
+}, W = (e, t, n) => {
+	e.status = t, e.error = n;
+	let r = e.listeners.splice(0);
+	for (let e of r) t === "loaded" ? e.onLoad?.() : e.onError?.(n);
+}, G = (e, t) => {
+	let n = U(), r = n.get(t);
+	if (r !== void 0) {
+		if (r.status === "loaded" || r.status === "error") {
+			let t = !1;
+			return queueMicrotask(() => {
+				t || (r.status === "loaded" ? e.onLoad?.() : e.onError?.(r.error));
+			}), () => {
+				t = !0;
+			};
+		}
+		let t = {
+			onLoad: e.onLoad,
+			onError: e.onError
+		};
+		return r.listeners.push(t), () => {
+			let e = r.listeners.indexOf(t);
+			e !== -1 && r.listeners.splice(e, 1);
+		};
+	}
+	let i = {
+		status: "loading",
+		listeners: []
+	};
+	n.set(t, i);
+	let a = document.createElement("script"), o = e.nonce ?? document.querySelector("script[nonce]")?.nonce;
+	o !== void 0 && o !== "" && (a.nonce = o), e.id !== void 0 && (a.id = e.id);
+	for (let [t, n] of Object.entries(e.attributes ?? {})) a.setAttribute(t, n);
+	if (e.src !== void 0) {
+		a.addEventListener("load", () => {
+			W(i, "loaded");
+		}), a.addEventListener("error", (e) => {
+			W(i, "error", e);
+		});
+		let t = {
+			onLoad: e.onLoad,
+			onError: e.onError
+		};
+		return i.listeners.push(t), a.src = e.src, document.body.appendChild(a), () => {
+			let e = i.listeners.indexOf(t);
+			e !== -1 && i.listeners.splice(e, 1);
+		};
+	}
+	a.textContent = e.children ?? "";
+	try {
+		document.body.appendChild(a), W(i, "loaded"), e.onLoad?.();
+	} catch (t) {
+		W(i, "error", t), e.onError?.(t);
+	}
+}, nt = (e) => {
+	let t = globalThis;
+	if (typeof t.requestIdleCallback == "function") {
+		let n = t.requestIdleCallback(e);
+		return () => t.cancelIdleCallback?.(n);
+	}
+	let n = setTimeout(e, 0);
+	return () => clearTimeout(n);
+}, rt = ({ src: e, children: t, id: n, strategy: r = "afterInteractive", onLoad: i, onError: a, nonce: o, attributes: s }) => (Ke(() => {
+	if (e === void 0 && (t === void 0 || t === "")) {
+		console.warn("<Script> needs either src or inline children — rendered nothing.");
+		return;
+	}
+	if (e === void 0 && n === void 0) {
+		console.error("<Script> with inline children requires an `id` (the dedupe key). Script not injected.");
+		return;
+	}
+	let c = e ?? `inline:${n}`, l = {
+		...e === void 0 ? {} : { src: e },
+		...t === void 0 ? {} : { children: t },
+		...n === void 0 ? {} : { id: n },
+		...i ? { onLoad: i } : {},
+		...a ? { onError: a } : {},
+		...o === void 0 ? {} : { nonce: o },
+		...s === void 0 ? {} : { attributes: s }
+	};
+	if (r === "lazyOnload") {
+		let e, t = nt(() => {
+			e = G(l, c);
+		});
+		return () => {
+			t(), e?.();
+		};
+	}
+	return G(l, c);
+}, []), null), it = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), at = (e) => {
+	let t = `--font-${it(e)}`;
+	return {
+		variable: t,
+		fontFamily: `var(${t})`
+	};
+}, ot = ({ to: e, children: t, className: n }) => P("a", {
 	href: e,
 	className: n
-}, t), Ze = {
+}, t), st = {
 	position: "sticky",
 	top: 0,
 	zIndex: 10,
@@ -99,13 +210,13 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 	padding: "1rem 1.5rem",
 	borderBottom: "1px solid var(--voltro-blog-border, rgba(127,127,127,0.2))",
 	backdropFilter: "blur(8px)"
-}, Qe = {
+}, ct = {
 	maxWidth: "48rem",
 	margin: "0 auto",
 	padding: "2rem 1.5rem",
 	width: "100%"
-}, $e = (e) => {
-	let { brand: t, topNav: n, children: r, pathname: i, footer: a, breadcrumbs: o, headerRight: s } = e, c = e.Link ?? Xe, l = L("nav", {
+}, lt = (e) => {
+	let { brand: t, topNav: n, children: r, pathname: i, footer: a, breadcrumbs: o, headerRight: s } = e, c = e.Link ?? ot, l = P("nav", {
 		className: "voltro-blog-nav",
 		style: {
 			display: "flex",
@@ -114,20 +225,20 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 		}
 	}, ...n.map((e) => {
 		let t = i === e.href;
-		return L(c, {
+		return P(c, {
 			key: e.href,
 			to: e.href,
 			className: t ? "voltro-blog-nav-link is-active" : "voltro-blog-nav-link",
 			children: e.label
 		});
-	})), u = L("header", {
+	})), u = P("header", {
 		className: "voltro-blog-header",
-		style: Ze
-	}, L("div", { className: "voltro-blog-brand" }, t), s ? L("div", { style: {
+		style: st
+	}, P("div", { className: "voltro-blog-brand" }, t), s ? P("div", { style: {
 		display: "flex",
 		gap: "1rem",
 		alignItems: "center"
-	} }, l, s) : l), d = o && o.length > 0 ? L("nav", {
+	} }, l, s) : l), d = o && o.length > 0 ? P("nav", {
 		className: "voltro-blog-breadcrumbs",
 		"aria-label": "Breadcrumb",
 		style: {
@@ -138,19 +249,19 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 			gap: "0.5rem"
 		}
 	}, ...o.flatMap((e, t) => {
-		let n = t === o.length - 1, r = e.href && !n ? L(c, {
+		let n = t === o.length - 1, r = e.href && !n ? P(c, {
 			key: `c${t}`,
 			to: e.href,
 			children: e.label
-		}) : L("span", {
+		}) : P("span", {
 			key: `c${t}`,
 			"aria-current": n ? "page" : void 0
 		}, e.label);
-		return n ? [r] : [r, L("span", { key: `s${t}` }, "/")];
-	})) : null, f = L("main", {
+		return n ? [r] : [r, P("span", { key: `s${t}` }, "/")];
+	})) : null, f = P("main", {
 		className: "voltro-blog-main",
-		style: Qe
-	}, d, r), p = a ? L("footer", {
+		style: ct
+	}, d, r), p = a ? P("footer", {
 		className: "voltro-blog-footer",
 		style: {
 			maxWidth: "48rem",
@@ -159,32 +270,32 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 			borderTop: "1px solid var(--voltro-blog-border, rgba(127,127,127,0.2))"
 		}
 	}, a) : null;
-	return L("div", { className: "voltro-blog-layout" }, u, f, p);
-}, G = (e) => {
+	return P("div", { className: "voltro-blog-layout" }, u, f, p);
+}, K = (e) => {
 	if (e === "" || e === "/") return "/";
 	let t = e.startsWith("/") ? e : `/${e}`;
 	return t.endsWith("/") ? t.slice(0, -1) : t;
-}, K = (e, t) => {
-	let n = e.endsWith("/") ? e.slice(0, -1) : e, r = G(t);
+}, q = (e, t) => {
+	let n = e.endsWith("/") ? e.slice(0, -1) : e, r = K(t);
 	return r === "/" ? `${n}/` : `${n}${r}`;
-}, q = (e, t, n) => {
-	let r = G(e);
+}, J = (e, t, n) => {
+	let r = K(e);
 	return t === n ? r : r === "/" ? `/${t}` : `/${t}${r}`;
-}, J = (e, t) => K(e, t), et = (e) => {
-	let { siteUrl: t, path: n, locale: r, locales: i, defaultLocale: a, xDefault: o = !0 } = e, s = K(t, q(n, r, a)), c = i.map((e) => ({
+}, ut = (e, t) => q(e, t), dt = (e) => {
+	let { siteUrl: t, path: n, locale: r, locales: i, defaultLocale: a, xDefault: o = !0 } = e, s = q(t, J(n, r, a)), c = i.map((e) => ({
 		rel: "alternate",
 		hreflang: e,
-		href: K(t, q(n, e, a))
+		href: q(t, J(n, e, a))
 	}));
 	return o && c.push({
 		rel: "alternate",
 		hreflang: "x-default",
-		href: K(t, q(n, a, a))
+		href: q(t, J(n, a, a))
 	}), {
 		canonical: s,
 		links: c
 	};
-}, Y = "voltro:theme", tt = 31536e3, nt = () => {
+}, Y = "voltro:theme", ft = 31536e3, pt = () => {
 	if (typeof document > "u") return "system";
 	try {
 		let e = document.cookie.match(/(?:^|;\s*)voltro:theme=([^;]*)/), t = e?.[1] === void 0 ? "" : decodeURIComponent(e[1]);
@@ -192,17 +303,17 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 	} catch {
 		return "system";
 	}
-}, rt = () => {
+}, mt = () => {
 	if (typeof window > "u" || !window.matchMedia) return !1;
 	try {
 		return window.matchMedia("(prefers-color-scheme: dark)").matches;
 	} catch {
 		return !1;
 	}
-}, X = (e) => e === "system" ? rt() ? "dark" : "light" : e, Z = 0, Q = /* @__PURE__ */ new Set(), $ = () => {
+}, X = (e) => e === "system" ? mt() ? "dark" : "light" : e, Z = 0, Q = /* @__PURE__ */ new Set(), $ = () => {
 	Z++;
 	for (let e of Q) e();
-}, it = (e) => {
+}, ht = (e) => {
 	Q.add(e);
 	let t, n = () => $();
 	if (typeof window < "u" && window.matchMedia) try {
@@ -214,21 +325,21 @@ var We = ({ value: e, fallback: t, children: n, errorFallback: r }) => /* @__PUR
 			t?.removeEventListener("change", n);
 		} catch {}
 	};
-}, at = () => {
-	let e = nt();
+}, gt = () => {
+	let e = pt();
 	return `${Z}:${e}:${X(e)}`;
-}, ot = () => "0:system:light", st = () => {
-	let [, e, t] = Ue(it, at, ot).split(":");
+}, _t = () => "0:system:light", vt = () => {
+	let [, e, t] = qe(ht, gt, _t).split(":");
 	return {
 		theme: e,
 		resolvedTheme: t,
-		setTheme: Ve((e) => {
+		setTheme: We((e) => {
 			if (typeof document < "u") try {
-				document.cookie = e === "system" ? `${Y}=; path=/; max-age=0; SameSite=Lax` : `${Y}=${e}; path=/; max-age=${tt}; SameSite=Lax`, document.documentElement.classList.toggle("dark", X(e) === "dark");
+				document.cookie = e === "system" ? `${Y}=; path=/; max-age=0; SameSite=Lax` : `${Y}=${e}; path=/; max-age=${ft}; SameSite=Lax`, document.documentElement.classList.toggle("dark", X(e) === "dark");
 			} catch {}
 			$();
 		}, [])
 	};
-}, ct = "framework-web";
+}, yt = "framework-web";
 //#endregion
-export { t as AppClientsContext, We as Await, $e as BlogLayout, p as FallbackStringsProvider, Ye as Image, qe as ImageConfigProvider, Ee as Link, Ae as LoaderCache, P as LoaderDataContext, Ce as NO_LOADER_DATA, i as NavigationIndicator, Le as NotFoundError, Me as PAGE_SLOT_ATTR, F as PageSlot, I as PlainLink, De as RENDER_MODES, o as ReconnectContext, de as RedirectError, we as Router, ye as RouterContext, je as ServerRequestContext, Te as ServerRequestProvider, Y as THEME_COOKIE, ct as WEB_NAME, J as canonicalUrl, ve as compileRoute, d as defaultFallbackStrings, ie as defer, j as externalUrl, Ne as findNotFound, c as formatPrintf, ne as getIslandComponent, ge as getRouteSnapshot, f as getStatuses, ee as hydrateIslandsOnPage, a as installBrowserConsoleBridge, r as installServerLogRelay, ce as isDeferredLoaderResult, k as isNotFound, _e as isRedirect, _ as island, K as joinUrl, Ie as lazyPageRoute, N as loaderCacheKey, q as localizedPath, Fe as matchRoute, re as mount, G as normalizePath, O as notFound, te as noticeIslandsShipTheFullBundle, E as pageRoute, ke as parseCookieHeader, H as passthroughImageLoader, fe as preloadRouteModule, m as pushStatus, A as redirect, s as registerClientTrace, Pe as renderRouterProviderTree, D as resolveAnchorNavigation, me as resolveMeta, pe as segmentLoaderKey, et as seoAlternates, y as setRouteSnapshot, C as sortRoutesByPriority, Oe as subscribeRouteSnapshot, g as subscribeStatuses, l as subscribeTraceErrors, n as useAppClient, Se as useBlocker, h as useFallbackStrings, ue as useLoaderData, xe as useLocation, x as useNavigate, S as useOptionalLoaderData, w as useParams, he as usePrefetch, u as useReconnect, be as useSearchParams, M as useServerRequest, v as useSetSearchParams, st as useTheme, b as withHash, T as withQuery };
+export { t as AppClientsContext, R as Await, lt as BlogLayout, p as FallbackStringsProvider, $e as Image, Ze as ImageConfigProvider, Me as Link, Ce as LoaderCache, k as LoaderDataContext, ke as NO_LOADER_DATA, i as NavigationIndicator, Be as NotFoundError, Ne as PAGE_SLOT_ATTR, j as PageSlot, Ee as PlainLink, Fe as RENDER_MODES, o as ReconnectContext, ne as RedirectError, M as Router, N as RouterContext, rt as Script, Y as THEME_COOKIE, yt as WEB_NAME, ut as canonicalUrl, Ae as compileRoute, le as decodeSearchParams, d as defaultFallbackStrings, b as defer, de as encodeSearchParams, De as externalUrl, Se as findNotFound, c as formatPrintf, _ as getIslandComponent, se as getRouteSnapshot, f as getStatuses, v as hydrateIslandsOnPage, a as installBrowserConsoleBridge, r as installServerLogRelay, T as isDeferredLoaderResult, be as isNotFound, ce as isRedirect, y as island, q as joinUrl, xe as lazyPageRoute, O as loaderCacheKey, at as localFont, J as localizedPath, Ie as matchRoute, E as mount, K as normalizePath, ye as notFound, ee as noticeIslandsShipTheFullBundle, ze as pageRoute, Pe as parseCookieHeader, B as passthroughImageLoader, A as preloadRouteModule, m as pushStatus, D as redirect, s as registerClientTrace, Re as renderRouterProviderTree, tt as resetScriptRegistryForTest, _e as resolveAnchorNavigation, re as resolveMeta, ge as searchParamsToObject, Le as segmentLoaderKey, dt as seoAlternates, ue as setRouteSnapshot, ve as sortRoutesByPriority, je as subscribeRouteSnapshot, g as subscribeStatuses, l as subscribeTraceErrors, n as useAppClient, ae as useBlocker, h as useFallbackStrings, ie as useLoaderData, me as useLocation, Te as useNavigate, te as useOptionalLoaderData, we as useParams, fe as usePrefetch, u as useReconnect, Oe as useSearchParams, pe as useSetSearchParams, vt as useTheme, he as withHash, oe as withQuery };

package/dist/islands.d.ts

@@ -0,0 +1,66 @@
+import { ComponentType } from 'react';
+import { ReactNode } from 'react';
+
+/**
+ * Look up a registered island Component by name. Returns undefined if
+ * the name isn't registered (typically means the user forgot to import
+ * the island file in this bundle).
+ */
+export declare const getIslandComponent: (name: string) => ComponentType<unknown> | undefined;
+
+/**
+ * Client-side runtime: scan the document for `[data-voltro-island]`
+ * markers and schedule each for hydration per its strategy. Called by the
+ * per-page islands entry, and by `@voltro/web/mount` when an islands page
+ * is reached through the full app bundle (SPA navigation). Idempotent —
+ * running twice is a no-op (we mark elements as visited).
+ */
+export declare const hydrateIslandsOnPage: (options?: HydrateIslandsOptions) => void;
+
+export declare interface HydrateIslandsOptions {
+    /** Wrap every island root — the per-page islands entry of a page whose
+     *  islands use framework hooks passes a `<VoltroRuntimeProvider>` here so
+     *  a `useSubscription` island gets a live runtime. Purely presentational
+     *  entries pass nothing and never load the client core. */
+    readonly wrap?: (children: ReactNode) => ReactNode;
+}
+
+export declare type HydrateStrategy = 
+/** Hydrate as soon as the client runtime mounts (after main script load). */
+'load'
+/** Hydrate when the browser is idle (via `requestIdleCallback`, with a
+*  setTimeout fallback for browsers that lack it). */
+| 'idle'
+/** Hydrate when the element scrolls into the viewport (IntersectionObserver). */
+| 'visible'
+/** Hydrate on the first pointer / keyboard interaction with the element. */
+| 'interaction'
+/** Never hydrate. Useful for fully-static islands (e.g. SSR-only data
+*  display that never changes). */
+| 'never'
+/** CLIENT-ONLY: the server renders an empty placeholder (never the
+*  component — a browser-only lib touching `window` in render would
+*  crash the SSR pass), and the client mounts fresh with `createRoot`
+*  instead of hydrating. Astro's `client:only`. */
+| 'only';
+
+/**
+ * Wrap a Component as an island. The returned Component renders the
+ * inner content wrapped in a marker `<div data-voltro-island>` that
+ * carries the island's name + props + hydrate strategy. The same
+ * call also registers the Component under its name so the client
+ * runtime can find it when hydrating.
+ */
+export declare const island: <P extends Record<string, unknown>>(Component: ComponentType<P>, options: IslandOptions) => ComponentType<P>;
+
+export declare interface IslandOptions {
+    /** Stable id of this island. Must be unique within an app. The framework
+     *  uses it to match the server-rendered marker with the client-side
+     *  Component. */
+    readonly name: string;
+    /** When the client runtime should hydrate this island. Defaults to
+     *  `visible` — matches Astro's default and is the best perf/UX balance. */
+    readonly hydrate?: HydrateStrategy;
+}
+
+export { }

package/dist/islands.js

@@ -0,0 +1,60 @@
+import { createElement as e } from "react";
+import { createRoot as t, hydrateRoot as n } from "react-dom/client";
+//#region src/islands.tsx
+var r = /* @__PURE__ */ new Map(), i = (t, n) => {
+	r.set(n.name, t);
+	let i = n.hydrate ?? "visible", a = (r) => e("div", {
+		"data-voltro-island": "",
+		"data-island-name": n.name,
+		"data-island-hydrate": i,
+		"data-island-props": o(r, n.name)
+	}, i === "only" ? null : e(t, r));
+	return a.displayName = `Island(${n.name})`, a;
+}, a = (e) => r.get(e), o = (e, t) => {
+	if (process.env.NODE_ENV !== "production" && typeof e == "object" && e) for (let [n, r] of Object.entries(e)) {
+		let e = typeof r == "function" ? "a function" : r instanceof Date ? "a Date (arrives as an ISO string)" : r instanceof Map || r instanceof Set ? "a Map/Set (arrives as {})" : void 0;
+		e !== void 0 && console.warn(`[voltro] island "${t}" prop "${n}" is ${e} — island props cross an HTML attribute as JSON. Pass a JSON shape (string/number/boolean/array/plain object) and reconstruct richer types inside the island.`);
+	}
+	return JSON.stringify(e ?? {}).replace(/</g, "\\u003c");
+}, s = (e) => {
+	if (!e) return {};
+	try {
+		return JSON.parse(e);
+	} catch {
+		return {};
+	}
+}, c = (i) => {
+	let a = document.querySelectorAll("[data-voltro-island]:not([data-voltro-hydrated])");
+	for (let o of a) {
+		let a = o.dataset.islandName ?? "", c = r.get(a);
+		if (!c) {
+			console.warn(`[voltro] island "${a}" referenced in DOM but not registered. Did the island file get imported in this bundle?`);
+			continue;
+		}
+		let l = s(o.dataset.islandProps ?? null), u = o.dataset.islandHydrate ?? "visible";
+		o.setAttribute("data-voltro-hydrated", "pending");
+		let d = () => {
+			if (o.getAttribute("data-voltro-hydrated") === "done") return;
+			o.setAttribute("data-voltro-hydrated", "done");
+			let r = i?.wrap === void 0 ? e(c, l) : i.wrap(e(c, l));
+			u === "only" ? t(o).render(r) : n(o, r);
+		};
+		if (u === "load" || u === "only") d();
+		else if (u === "idle") {
+			let e = globalThis.requestIdleCallback;
+			e ? e(d) : setTimeout(d, 0);
+		} else if (u === "visible") {
+			let e = new IntersectionObserver((t) => {
+				t.some((e) => e.isIntersecting) && (e.disconnect(), d());
+			}, { rootMargin: "64px" });
+			e.observe(o);
+		} else if (u === "interaction") {
+			let e = () => {
+				o.removeEventListener("pointerdown", e), o.removeEventListener("keydown", e), d();
+			};
+			o.addEventListener("pointerdown", e, { passive: !0 }), o.addEventListener("keydown", e);
+		}
+	}
+};
+//#endregion
+export { a as getIslandComponent, c as hydrateIslandsOnPage, i as island };

package/dist/mount.js

@@ -1,2 +1,37 @@
-import { n as e, t } from "./mount-nudb4UCl.js";
-export { t as mount, e as noticeIslandsShipTheFullBundle };
+import { t as e } from "./frameworkBoot-CnE9vzLQ.js";
+import { hydrateIslandsOnPage as t } from "./islands.js";
+import { o as n, r, t as i } from "./routerState-Cr6fTbka.js";
+import { StrictMode as a } from "react";
+import { createRoot as o, hydrateRoot as s } from "react-dom/client";
+import { applyPreloadSeeds as c, applyStoreSeeds as l } from "@voltro/client";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/mount.tsx
+var d = () => !1, f = "__voltroIslandsBundleNoticeShown", p = (e) => {
+	if (!e) return;
+	let t = globalThis;
+	t[f] !== !0 && (t[f] = !0, console.info("[voltro] islands mode: hydration is scoped to this page's islands, but the JS payload is NOT reduced — the full app bundle is still downloaded and evaluated. Islands buy CPU, not bytes, today. See the \"Render modes\" docs page."));
+}, m = (e) => `${window.location.protocol === "https:" ? "wss:" : "ws:"}//${window.location.host}/ws/${e}`, h = (f, h) => {
+	let g = document.getElementById(h.rootId ?? "root");
+	if (!g) throw Error(`@voltro/web: no #${h.rootId ?? "root"} element in the document`);
+	let _ = Object.entries(h.apis).map(([e, t]) => ({
+		name: e,
+		group: t.group,
+		descriptors: t.descriptors ?? {},
+		wsUrl: t.wsUrl ?? m(e),
+		headers: t.headers
+	})), v = document.getElementById(i), y = r(v?.textContent, window.location.pathname), b = y !== null && g.children.length > 0, x = document.querySelector("meta[name=\"voltro-interactive\"]")?.getAttribute("content") ?? "full";
+	if (x === "none") return;
+	if (x === "islands") {
+		p(d()), t();
+		return;
+	}
+	b && n(y), l(y?.storeSeeds), c(y?.preloadSeeds);
+	let S = /* @__PURE__ */ u(a, { children: /* @__PURE__ */ u(e, {
+		App: f,
+		apis: _,
+		...h.Devtools ? { Devtools: h.Devtools } : {}
+	}) });
+	b ? s(g, S) : o(g).render(S);
+};
+//#endregion
+export { h as mount, p as noticeIslandsShipTheFullBundle };

package/dist/{routerState-DAT472IC.js → routerState-Cr6fTbka.js}

@@ -55,7 +55,9 @@ var e = /* @__PURE__ */ RegExp("\\u2028", "g"), t = /* @__PURE__ */ RegExp("\\u2
 }, x = (e) => {
 	let { page: t, renderMode: n, interactive: r, layoutShell: i } = e;
 	if (i === "artefact") throw Error(`[voltro] a layout in "${t}"'s chain uses defer() in its loader, but this page's SSR layout shell is PRERENDERED at build time into a static HTML file. defer() streams values in AFTER the shell, and a file has no "after" — the <Await> fallback would be frozen into the artefact forever. Drop defer() from the layout loader and return the values directly (the shell then prerenders as before), or give the layout per-request data so the page is served on demand.`);
-	if (!(n === "ssr" || n === "spa" && i === "stream")) throw Error(`[voltro] "${t}" uses defer() in its loader but has renderMode: '${n}'. defer() streams values in AFTER the shell, which only a per-request response can do — '${n}' produces a stored HTML artefact with no "after". Set \`export const renderMode = 'ssr'\` on this page, or drop defer() and return the values directly.`);
+	let a = e.ppr === !0 && n === "isr";
+	if (e.ppr === !0 && n !== "isr") throw Error(`[voltro] "${t}" exports ppr = true with renderMode: '${n}'. Partial prerendering caches a SHELL and appends per-request holes, which needs the isr serve path — a '${n}' ${n === "static" ? "file is served by any static host with no way to append holes" : "page already streams per request, ppr adds nothing"}. ` + (n === "static" ? "Set `export const renderMode = 'isr'` (a long revalidate gives the same cache behaviour)." : "Drop the ppr export."));
+	if (!(n === "ssr" || n === "spa" && i === "stream") && !a) throw Error(`[voltro] "${t}" uses defer() in its loader but has renderMode: '${n}'. defer() streams values in AFTER the shell, which only a per-request response can do — '${n}' produces a stored HTML artefact with no "after". Set \`export const renderMode = 'ssr'\` on this page, add \`export const ppr = true\` to an isr page (partial prerendering: cached shell + per-request holes), or drop defer() and return the values directly.`);
 	if (r !== "full") throw Error(`[voltro] "${t}" uses defer() in its loader but has interactive: '${r}'. ` + (r === "none" ? "Revealing a streamed <Suspense> boundary requires React's inline reveal scripts, and interactive: 'none' ships no JS at all — the <Await> fallback would be permanent. " : "interactive: 'islands' never hydrates the page's React root, so nothing consumes the streamed values and the <Await> fallback would be permanent. ") + "Remove the `interactive` export (defaults to 'full'), or drop defer() and return the values directly.");
 }, S = "__voltro_state__", C = (e) => {
 	let t = Object.keys(e.segmentLoaderData ?? {}).map((e) => Number(e)).filter((e) => Number.isInteger(e)).sort((e, t) => e - t), n = e.deferredPageIds !== void 0, r = e.deferredSegmentIds !== void 0 && Object.keys(e.deferredSegmentIds).length > 0;
@@ -112,4 +114,4 @@ var e = /* @__PURE__ */ RegExp("\\u2028", "g"), t = /* @__PURE__ */ RegExp("\\u2
 	k = e;
 }, j = () => k;
 //#endregion
-export { n as _, w as a, i as c, m as d, o as f, p as g, y as h, j as i, h as l, b as m, C as n, A as o, a as p, D as r, x as s, S as t, l as u };
+export { p as _, w as a, i as c, l as d, m as f, y as g, b as h, j as i, h as l, a as m, C as n, A as o, o as p, D as r, x as s, S as t, u, n as v };