@ikonai/sdk-react-ui 1.3.0 → 1.3.1

package/index.js

@@ -1,17 +1,17 @@
 import { IkonUiCore as e, LiveSnapshotCache as t, UiStreamStore as n, UiStreamStore as r, isPrerenderVisible as i, prefetchBootSnapshot as a } from "@ikonai/sdk-ui";
-import { AccessDeniedError as o, AppStartupFailedError as s, AuthenticationError as c, IKON_INSPECT_MODE_CHANGED_EVENT as l, IkonClient as u, LogLevel as d, ProvisioningTimeoutError as f, ServerFullError as p, ServerUnavailableError as m, SessionNotFoundError as h, abortSignalTimeout as g, clearLoginPrompt as _, createLogger as v, deriveAuthUrl as y, deriveBackendType as ee, deriveCrossOriginAuthUrl as b, extractUserIdFromToken as x, getDebugOverlayParam as te, getLangParam as ne, getLoginPromptState as re, getOrCreateDeviceId as ie, getSameOriginAuthUrl as S, isCloudEnvironment as ae, isDebugModeEnabled as oe, isInspectModeEnabled as C, parseUrlParams as se, randomUuid as ce, reportConnectTimeline as le, subscribeLoginPrompt as w, subscribeToLogEvents as ue } from "@ikonai/sdk";
-import { Fragment as de, createContext as fe, memo as T, use as E, useCallback as D, useEffect as O, useLayoutEffect as pe, useMemo as k, useReducer as me, useRef as A, useState as j, useSyncExternalStore as M } from "react";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { AccessDeniedError as o, AppStartupFailedError as s, AuthenticationError as c, IKON_INSPECT_MODE_CHANGED_EVENT as l, IkonClient as u, LogLevel as d, ProvisioningTimeoutError as f, ServerFullError as p, ServerUnavailableError as m, SessionNotFoundError as h, abortSignalTimeout as g, clearLoginPrompt as _, createLogger as v, createPkceChallenge as y, deriveAuthUrl as b, deriveBackendType as x, deriveCrossOriginAuthUrl as S, extractUserIdFromToken as ee, getDebugOverlayParam as te, getLangParam as ne, getLoginPromptState as re, getOrCreateDeviceId as ie, getSameOriginAuthUrl as C, isCloudEnvironment as ae, isDebugModeEnabled as oe, isInspectModeEnabled as w, parseUrlParams as se, randomUuid as ce, reportConnectTimeline as le, setLoginPromptRequired as T, subscribeLoginPrompt as ue, subscribeToLogEvents as E, takePkceVerifier as de } from "@ikonai/sdk";
+import { Fragment as fe, createContext as pe, memo as D, use as me, useCallback as O, useEffect as k, useLayoutEffect as he, useMemo as A, useReducer as ge, useRef as j, useState as M, useSyncExternalStore as N } from "react";
+import { Fragment as _e, jsx as P, jsxs as F } from "react/jsx-runtime";
 //#region src/renderer/use-root-view.ts
-function he(e, t) {
-	let n = M((t) => e.subscribe(t), () => {
+function ve(e, t) {
+	let n = N((t) => e.subscribe(t), () => {
 		let n = e.getSnapshot(), r = t ?? n.rootViewId, i = r ? n.views.get(r) : void 0;
 		return `${r ?? ""}:${i?.id ?? ""}`;
 	}, () => {
 		let n = e.getSnapshot(), r = t ?? n.rootViewId, i = r ? n.views.get(r) : void 0;
 		return `${r ?? ""}:${i?.id ?? ""}`;
 	});
-	return k(() => {
+	return A(() => {
 		let [e, t] = n.split(":");
 		return {
 			rootViewId: e || void 0,
@@ -22,8 +22,8 @@ function he(e, t) {
 //#endregion
 //#region src/renderer/use-ui-node.ts
 function I(e, t) {
-	let n = M((n) => e.subscribeNode(t, n), () => e.getNodeVersion(t), () => e.getNodeVersion(t));
-	return k(() => e.getNode(t), [
+	let n = N((n) => e.subscribeNode(t, n), () => e.getNodeVersion(t), () => e.getNodeVersion(t));
+	return A(() => e.getNode(t), [
 		e,
 		t,
 		n
@@ -31,8 +31,8 @@ function I(e, t) {
 }
 //#endregion
 //#region src/renderer/ui-renderer.tsx
-var ge = v("UIRenderer");
-function _e(e) {
+var ye = v("UIRenderer");
+function L(e) {
 	if (e === void 0) return "{}";
 	if (typeof e == "string") return e;
 	try {
@@ -41,28 +41,28 @@ function _e(e) {
 		return "{}";
 	}
 }
-function ve(e) {
+function be(e) {
 	let t = e.styleIds;
 	return Array.isArray(t) ? t : [];
 }
-var L = 1500;
-function ye(e) {
-	let [t, n] = j(0);
-	return O(() => {
+var xe = 1500;
+function Se(e) {
+	let [t, n] = M(0);
+	return k(() => {
 		if (e.subscribe) return e.subscribe(() => n((e) => e + 1));
 	}, [e]), t;
 }
-function be({ nodeType: e, nodeId: t, context: n, className: r }) {
-	let [i, a] = j(!1), o = I(n.store, t), s = ye(n.library), c = k(() => o ? n.library.resolve(o) : void 0, [
+function Ce({ nodeType: e, nodeId: t, context: n, className: r }) {
+	let [i, a] = M(!1), o = I(n.store, t), s = Se(n.library), c = A(() => o ? n.library.resolve(o) : void 0, [
 		n.library,
 		o,
 		s
 	]);
-	return O(() => {
-		let e = setTimeout(() => a(!0), L);
+	return k(() => {
+		let e = setTimeout(() => a(!0), xe);
 		return () => clearTimeout(e);
-	}, [e]), O(() => {
-		!i || c || ge.error(`No React resolver is registered for node type '${e}', so it renders as an error placeholder instead of the component you expected. A custom node needs all four parts: (1) the React component, (2) a resolver that matches '${e}', (3) a registerModule(...) call for it in app.tsx, and (4) the C# view.AddNode("${e}", ...) extension. Prefer native view.* components where they fit.`);
+	}, [e]), k(() => {
+		!i || c || ye.error(`No React resolver is registered for node type '${e}', so it renders as an error placeholder instead of the component you expected. A custom node needs all four parts: (1) the React component, (2) a resolver that matches '${e}', (3) a registerModule(...) call for it in app.tsx, and (4) the C# view.AddNode("${e}", ...) extension. Prefer native view.* components where they fit.`);
 	}, [
 		i,
 		c,
@@ -87,69 +87,69 @@ function be({ nodeType: e, nodeId: t, context: n, className: r }) {
 		children: `Unregistered node type: ${e}\nNo React resolver is registered for it — register the component's module in app.tsx (see the console for details).`
 	}) : null;
 }
-function xe(e) {
+function we(e) {
 	let t = e.children;
 	return Array.isArray(t) ? t : [];
 }
-function Se(e, t) {
+function Te(e, t) {
 	return e.nodeId === t.nodeId && e.context === t.context;
 }
-function Ce(e) {
+function Ee(e) {
 	if (e.length === 0) return "";
 	if (e.length === 1) return e[0].id;
 	let t = e[0].id;
 	for (let n = 1; n < e.length; n++) t += "," + e[n].id;
 	return t;
 }
-var we = T(function e({ nodeId: t, context: n }) {
-	let r = I(n.store, t), i = r ? xe(r) : [], a = Ce(i), o = k(() => i.length === 0 ? null : i.map((t) => /* @__PURE__ */ P(e, {
+var De = D(function e({ nodeId: t, context: n }) {
+	let r = I(n.store, t), i = r ? we(r) : [], a = Ee(i), o = A(() => i.length === 0 ? null : i.map((t) => /* @__PURE__ */ P(e, {
 		nodeId: t.id,
 		context: n
 	}, t.id)), [a, n]);
 	if (!r) return null;
-	if (r.type === "root") return /* @__PURE__ */ P(de, { children: o }, r.id);
-	let s = ve(r), c = s.length > 0 ? s.join(" ") : void 0, l = n.library.resolve(r);
+	if (r.type === "root") return /* @__PURE__ */ P(fe, { children: o }, r.id);
+	let s = be(r), c = s.length > 0 ? s.join(" ") : void 0, l = n.library.resolve(r);
 	return l ? /* @__PURE__ */ P(l, {
 		nodeId: t,
 		context: n,
 		className: c
-	}) : /* @__PURE__ */ P(be, {
+	}) : /* @__PURE__ */ P(Ce, {
 		nodeType: r.type,
 		nodeId: r.id,
 		context: n,
 		className: c
 	});
-}, Se);
-function Te(e, t) {
-	return !Array.isArray(e) || e.length === 0 ? null : e.map((e) => /* @__PURE__ */ P(we, {
+}, Te);
+function Oe(e, t) {
+	return !Array.isArray(e) || e.length === 0 ? null : e.map((e) => /* @__PURE__ */ P(De, {
 		nodeId: e.id,
 		context: t
 	}, e.id));
 }
-function Ee(e, t) {
+function ke(e, t) {
 	return e.store === t.store && e.library === t.library && e.viewId === t.viewId && e.emptyFallback === t.emptyFallback;
 }
-var De = T(function({ store: e, library: t, viewId: n, emptyFallback: r = null, onAction: i, client: a, video: o }) {
-	let { rootViewId: s, rootNodeId: c } = he(e, n), l = A(i);
+var Ae = D(function({ store: e, library: t, viewId: n, emptyFallback: r = null, onAction: i, client: a, video: o }) {
+	let { rootViewId: s, rootNodeId: c } = ve(e, n), l = j(i);
 	l.current = i;
-	let u = A(a);
+	let u = j(a);
 	u.current = a;
-	let d = A(o);
+	let d = j(o);
 	d.current = o;
-	let f = D((e, t) => {
+	let f = O((e, t) => {
 		if (!e) return;
-		let n = _e(t);
+		let n = L(t);
 		l.current?.(e, n);
-	}, []), p = k(() => {
+	}, []), p = A(() => {
 		let n = {
 			store: e,
 			library: t,
 			handlerCache: e.handlerCache,
 			getPayload: (t) => e.getSnapshot().payloads.get(t),
-			renderChildren: (e) => Te(e, n),
+			renderChildren: (e) => Oe(e, n),
 			renderView: (t) => {
 				let r = e.getSnapshot().views.get(t);
-				return r ? /* @__PURE__ */ P(we, {
+				return r ? /* @__PURE__ */ P(De, {
 					nodeId: r.id,
 					context: n
 				}) : null;
@@ -171,12 +171,12 @@ var De = T(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
 	return !s || !c ? r : /* @__PURE__ */ P("div", {
 		"data-ikon-view-id": s,
 		style: { display: "contents" },
-		children: /* @__PURE__ */ P(we, {
+		children: /* @__PURE__ */ P(De, {
 			nodeId: c,
 			context: p
 		})
 	});
-}, Ee), Oe = class {
+}, ke), je = class {
 	fallback;
 	renderers = /* @__PURE__ */ new Map();
 	listeners = /* @__PURE__ */ new Set();
@@ -201,29 +201,29 @@ var De = T(function({ store: e, library: t, viewId: n, emptyFallback: r = null,
 		for (let e of this.listeners) e();
 	}
 };
-function ke(e, t) {
-	return new Oe(Object.entries(e), t);
+function Me(e, t) {
+	return new je(Object.entries(e), t);
 }
 //#endregion
 //#region src/renderer/use-ui-store.ts
-function Ae(e) {
-	return M((t) => e.subscribe(t), () => e.getSnapshot(), () => e.getSnapshot());
+function Ne(e) {
+	return N((t) => e.subscribe(t), () => e.getSnapshot(), () => e.getSnapshot());
 }
 //#endregion
 //#region src/inspect/inspect-overlay.tsx
-function je() {
-	let [e, t] = j(C), n = A(!1);
-	return O(() => {
+function Pe() {
+	let [e, t] = M(w), n = j(!1);
+	return k(() => {
 		if (e) return;
 		let r = () => {
-			C() && t(!0);
+			w() && t(!0);
 		}, i = (e) => {
 			e.data?.type === "ikon-inspect-mode" && e.data.enabled && (n.current = !0, t(!0));
 		};
 		return window.addEventListener(l, r), window.addEventListener("message", i), () => {
 			window.removeEventListener(l, r), window.removeEventListener("message", i);
 		};
-	}, [e]), O(() => {
+	}, [e]), k(() => {
 		if (!e) return;
 		let t = window.parent === window || n.current, r = null, i = [], a = document.createElement("div");
 		a.style.cssText = "position:fixed;z-index:99999;pointer-events:none;padding:2px 6px;background:#1e1e2e;color:#cdd6f4;font-size:11px;border-radius:4px;border:1px solid #45475a;white-space:nowrap;display:none;font-family:monospace;", document.body.appendChild(a);
@@ -351,20 +351,20 @@ function je() {
 }
 //#endregion
 //#region src/surface.tsx
-var Me = v("IkonUiSurface"), Ne = "ikon-ui";
-function Pe(e, t) {
+var Fe = v("IkonUiSurface"), Ie = "ikon-ui";
+function R(e, t) {
 	return e === t;
 }
-var Fe = T(function({ stores: e, registry: t, category: n = Ne, onAction: r, client: i }) {
-	let a = k(() => Array.from(e.keys()).sort().join(","), [e]), o = A(r);
+var Le = D(function({ stores: e, registry: t, category: n = Ie, onAction: r, client: i }) {
+	let a = A(() => Array.from(e.keys()).sort().join(","), [e]), o = j(r);
 	o.current = r;
-	let s = A(i);
+	let s = j(i);
 	s.current = i;
-	let c = k(() => {
+	let c = A(() => {
 		let t = [];
 		for (let [r, i] of e) {
 			let e = i.store.getSnapshot();
-			Pe(i.category, n) && (!e.rootViewId || !e.views.has(e.rootViewId) || t.push({
+			R(i.category, n) && (!e.rootViewId || !e.views.has(e.rootViewId) || t.push({
 				key: r,
 				store: i.store
 			}));
@@ -374,17 +374,17 @@ var Fe = T(function({ stores: e, registry: t, category: n = Ne, onAction: r, cli
 		e,
 		n,
 		a
-	]), l = A(!1), u = c.length > 0;
-	return O(() => {
-		u && !l.current && (l.current = !0, Me.debug("First UI render"));
-	}, [u]), u ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(je, {}), c.map(({ key: e, store: n }) => /* @__PURE__ */ P(De, {
+	]), l = j(!1), u = c.length > 0;
+	return k(() => {
+		u && !l.current && (l.current = !0, Fe.debug("First UI render"));
+	}, [u]), u ? /* @__PURE__ */ F(_e, { children: [/* @__PURE__ */ P(Pe, {}), c.map(({ key: e, store: n }) => /* @__PURE__ */ P(Ae, {
 		store: n,
 		library: t,
 		onAction: o.current,
 		client: s.current,
 		video: s.current?.media?.video
 	}, e))] }) : null;
-}), Ie = class {
+}), Re = class {
 	core;
 	ownsCore;
 	stores = /* @__PURE__ */ new Map();
@@ -456,7 +456,7 @@ var Fe = T(function({ stores: e, registry: t, category: n = Ne, onAction: r, cli
 		let t = this.stores.get(e);
 		if (t) return t;
 		let n = {
-			category: Ne,
+			category: Ie,
 			store: new r()
 		};
 		return this.stores.set(e, n), n;
@@ -476,7 +476,7 @@ var Fe = T(function({ stores: e, registry: t, category: n = Ne, onAction: r, cli
 };
 //#endregion
 //#region src/base/base-div.tsx
-function R(e) {
+function ze(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -492,7 +492,7 @@ function z(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function B(...e) {
+function Be(...e) {
 	let t = "";
 	for (let n of e) if (n) {
 		let e = n.trim();
@@ -500,8 +500,8 @@ function B(...e) {
 	}
 	return t || void 0;
 }
-var Le = /* @__PURE__ */ new WeakMap(), Re = {};
-function ze(e) {
+var Ve = /* @__PURE__ */ new WeakMap(), He = {};
+function Ue(e) {
 	let t = {};
 	for (let n of e.split(";")) {
 		let e = n.indexOf(":");
@@ -513,28 +513,28 @@ function ze(e) {
 	}
 	return t;
 }
-function Be(e, t) {
+function We(e, t) {
 	let n = e && typeof e == "object" ? e : void 0;
 	return t ? {
 		...n ?? {},
 		cursor: t
 	} : n;
 }
-function V(e) {
-	if (!e) return Re;
-	let t = Le.get(e);
+function B(e) {
+	if (!e) return He;
+	let t = Ve.get(e);
 	if (t) return t;
 	let n = {};
 	for (let [t, r] of Object.entries(e)) if (r != null) {
 		if (t === "style" && typeof r == "string") {
-			n[t] = ze(r);
+			n[t] = Ue(r);
 			continue;
 		}
 		(typeof r == "string" || typeof r == "number" || typeof r == "boolean") && (n[t] = r);
 	}
-	return Le.set(e, n), n;
+	return Ve.set(e, n), n;
 }
-function Ve(e) {
+function Ge(e) {
 	let t = e.parentElement;
 	for (; t;) {
 		let e = window.getComputedStyle(t).overflowY;
@@ -543,34 +543,34 @@ function Ve(e) {
 	}
 	return null;
 }
-var He = 1.5;
-function H(e, t) {
+var Ke = 1.5;
+function V(e, t) {
 	requestAnimationFrame(() => {
-		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.scrollTop + (r.bottom - n.bottom) + 16, a = Math.abs(i - e.scrollTop) > e.clientHeight * He ? "auto" : "smooth";
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.scrollTop + (r.bottom - n.bottom) + 16, a = Math.abs(i - e.scrollTop) > e.clientHeight * Ke ? "auto" : "smooth";
 		"scrollBehavior" in document.documentElement.style ? e.scrollTo({
 			top: i,
 			behavior: a
 		}) : e.scrollTop = i;
 	});
 }
-var U = "data-ikon-scroll-indicator", Ue = .15, W = "data-ikon-at-bottom";
-function We(e) {
-	return Math.max(e.clientHeight * Ue, 20);
+var H = "data-ikon-scroll-indicator", qe = .15, U = "data-ikon-at-bottom";
+function Je(e) {
+	return Math.max(e.clientHeight * qe, 20);
 }
-function Ge(e) {
-	return e.getAttribute(W) !== "false";
+function Ye(e) {
+	return e.getAttribute(U) !== "false";
 }
-function Ke(e) {
-	e.getAttribute(W) === null && (e.setAttribute(W, "true"), e.addEventListener("scroll", () => {
-		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e, i = n - t - r <= We(e);
-		e.setAttribute(W, i ? "true" : "false");
+function Xe(e) {
+	e.getAttribute(U) === null && (e.setAttribute(U, "true"), e.addEventListener("scroll", () => {
+		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e, i = n - t - r <= Je(e);
+		e.setAttribute(U, i ? "true" : "false");
 	}, { passive: !0 }));
 }
-function qe(e) {
-	let t = e.parentElement ?? e, n = t.querySelector(`[${U}]`);
+function Ze(e) {
+	let t = e.parentElement ?? e, n = t.querySelector(`[${H}]`);
 	if (n) return n;
 	let r = document.createElement("button");
-	return r.setAttribute(U, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
+	return r.setAttribute(H, "true"), r.setAttribute("aria-label", "Scroll to latest"), r.textContent = "↓", Object.assign(r.style, {
 		position: "absolute",
 		bottom: "12px",
 		left: "50%",
@@ -598,36 +598,36 @@ function qe(e) {
 		r.style.opacity = "0.9";
 	}), t.appendChild(r), r;
 }
-function Je(e, t) {
-	let n = qe(e);
+function Qe(e, t) {
+	let n = Ze(e);
 	n.style.display = "flex";
 	let r = () => {
-		H(e, t), n.style.display = "none";
+		V(e, t), n.style.display = "none";
 	}, i = () => {
 		let { scrollTop: t, scrollHeight: r, clientHeight: i } = e;
-		r - t - i <= We(e) && (n.style.display = "none");
+		r - t - i <= Je(e) && (n.style.display = "none");
 	};
 	return n.addEventListener("click", r), e.addEventListener("scroll", i, { passive: !0 }), () => {
 		n.removeEventListener("click", r), e.removeEventListener("scroll", i);
 	};
 }
-function Ye() {
-	let e = T(function({ nodeId: e, context: t }) {
-		let n = I(t.store, e), r = A(null), i = z(n?.props?.targetViewId), a = n?.props?.focusOnly, o = typeof a == "boolean" ? a : void 0, s = z(n?.props?.priority), c = z(n?.props?.key), l = n?.props?.preciseGeneratedAt;
-		return O(() => {
+function $e() {
+	let e = D(function({ nodeId: e, context: t }) {
+		let n = I(t.store, e), r = j(null), i = z(n?.props?.targetViewId), a = n?.props?.focusOnly, o = typeof a == "boolean" ? a : void 0, s = z(n?.props?.priority), c = z(n?.props?.key), l = n?.props?.preciseGeneratedAt;
+		return k(() => {
 			if (typeof document > "u") return;
 			let e = r.current;
 			if (!e || i && e.closest("[data-ikon-view-id]")?.getAttribute("data-ikon-view-id") !== i) return;
 			let t;
 			if (o !== !0) {
-				let n = Ve(e);
-				if (n) if (Ke(n), s === "Polite" && !Ge(n)) t = Je(n, e);
+				let n = Ge(e);
+				if (n) if (Xe(n), s === "Polite" && !Ye(n)) t = Qe(n, e);
 				else {
-					let t = (n.parentElement ?? n).querySelector(`[${U}]`);
-					t && (t.style.display = "none"), H(n, e);
+					let t = (n.parentElement ?? n).querySelector(`[${H}]`);
+					t && (t.style.display = "none"), V(n, e);
 				}
 				else typeof e.scrollIntoView == "function" && requestAnimationFrame(() => {
-					let t = e.getBoundingClientRect().top, n = typeof window < "u" ? window.innerHeight : 0, r = Math.abs(t) > n * He ? "auto" : "smooth";
+					let t = e.getBoundingClientRect().top, n = typeof window < "u" ? window.innerHeight : 0, r = Math.abs(t) > n * Ke ? "auto" : "smooth";
 					try {
 						e.scrollIntoView({
 							behavior: r,
@@ -670,15 +670,15 @@ function Ye() {
 		if (t === "std.focus-hint") return e;
 	};
 }
-function Xe() {
-	let e = T(function({ nodeId: e, context: t, className: n }) {
-		let r = I(t.store, e), i = R(r?.props?.onInvokeId), a = D(() => {
+function et() {
+	let e = D(function({ nodeId: e, context: t, className: n }) {
+		let r = I(t.store, e), i = ze(r?.props?.onInvokeId), a = O(() => {
 			i && t.dispatchAction(i);
 		}, [i, t]);
 		if (!r) return null;
-		let o = V(r.props);
+		let o = B(r.props);
 		delete o.onInvokeId;
-		let s = B(z(r.props?.className), n), c = r.children?.length ? t.renderChildren(r.children) : void 0;
+		let s = Be(z(r.props?.className), n), c = r.children?.length ? t.renderChildren(r.children) : void 0;
 		return /* @__PURE__ */ P("div", {
 			...o,
 			"data-ikon-node-id": r.id,
@@ -690,7 +690,7 @@ function Xe() {
 			onKeyDown: i ? (e) => {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
 			} : void 0,
-			style: Be(o.style, i ? "pointer" : void 0),
+			style: We(o.style, i ? "pointer" : void 0),
 			children: c
 		});
 	});
@@ -698,11 +698,11 @@ function Xe() {
 		if (t === "std.div") return e;
 	};
 }
-function Ze() {
-	let e = T(function({ nodeId: e, context: t, className: n }) {
+function tt() {
+	let e = D(function({ nodeId: e, context: t, className: n }) {
 		let r = I(t.store, e);
 		if (!r) return null;
-		let i = V(r.props), a = B("relative", z(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
+		let i = B(r.props), a = Be("relative", z(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
 		return /* @__PURE__ */ P("div", {
 			...i,
 			"data-ikon-node-id": r.id,
@@ -715,11 +715,11 @@ function Ze() {
 		if (t === "std.stack") return e;
 	};
 }
-function Qe() {
-	let e = T(function({ nodeId: e, context: t, className: n }) {
+function nt() {
+	let e = D(function({ nodeId: e, context: t, className: n }) {
 		let r = I(t.store, e);
 		if (!r) return null;
-		let i = V(r.props), a = B("absolute", z(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
+		let i = B(r.props), a = Be("absolute", z(r.props?.className), n), o = r.children?.length ? t.renderChildren(r.children) : void 0;
 		return /* @__PURE__ */ P("div", {
 			...i,
 			"data-ikon-node-id": r.id,
@@ -732,23 +732,23 @@ function Qe() {
 		if (t === "std.layer") return e;
 	};
 }
-function $e() {
+function rt() {
 	return [
-		Xe(),
-		Ze(),
-		Qe(),
-		Ye()
+		et(),
+		tt(),
+		nt(),
+		$e()
 	];
 }
 //#endregion
 //#region src/base/base-module.ts
-var et = "base", tt = async () => $e();
-function nt(e) {
-	e.registerModule(et, tt);
+var it = "base", at = async () => rt();
+function ot(e) {
+	e.registerModule(it, at);
 }
 //#endregion
 //#region src/media/audio-player.tsx
-function rt(e) {
+function st(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -758,17 +758,17 @@ function rt(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function it(...e) {
+function ct(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function at(e) {
+function lt(e) {
 	if (typeof e != "string") return;
 	let t = e.trim();
 	return t.length > 0 ? t : void 0;
 }
-function ot(e) {
+function ut(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -776,13 +776,13 @@ function ot(e) {
 		if (t === "false") return !1;
 	}
 }
-function st() {
-	let e = T(function({ nodeId: e, context: t, className: n }) {
-		let r = I(t.store, e), i = A(null), a = r ? ot(r.props?.autoplay) : void 0, o = r ? at(r.props?.src) : void 0;
-		if (O(() => {
+function dt() {
+	let e = D(function({ nodeId: e, context: t, className: n }) {
+		let r = I(t.store, e), i = j(null), a = r ? ut(r.props?.autoplay) : void 0, o = r ? lt(r.props?.src) : void 0;
+		if (k(() => {
 			a && i.current && i.current.play().catch(() => {});
 		}, [a, o]), !r) return null;
-		let s = it(rt(r.props?.className), n), c = at(r.props?.preload), l = ot(r.props?.controls), u = ot(r.props?.loop), d = ot(r.props?.muted);
+		let s = ct(st(r.props?.className), n), c = lt(r.props?.preload), l = ut(r.props?.controls), u = ut(r.props?.loop), d = ut(r.props?.muted);
 		return /* @__PURE__ */ P("audio", {
 			ref: i,
 			src: o,
@@ -802,7 +802,7 @@ function st() {
 }
 //#endregion
 //#region src/media/video-canvas.tsx
-function ct(e) {
+function ft(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -812,28 +812,28 @@ function ct(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function lt(...e) {
+function pt(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function ut(e) {
+function mt(e) {
 	if (typeof e == "number" && Number.isFinite(e)) return Math.floor(e);
 	if (typeof e == "string" && e.trim().length > 0) {
 		let t = Number(e);
 		if (Number.isFinite(t)) return Math.floor(t);
 	}
 }
-function dt(e) {
+function ht(e) {
 	if (typeof e != "string") return;
 	let t = e.trim();
 	return t.length > 0 ? t : void 0;
 }
-var ft = v("IkonVideoCanvas"), pt = 100, mt = 50, ht = "std.video-canvas", gt = "std.video-url-player";
-function _t() {
-	let e = T(function({ nodeId: e, context: t, className: n }) {
-		let r = I(t.store, e), i = A(null), a = A(null), o = t.client, s = r ? dt(r.props?.streamId) : void 0, c = r ? ut(r.props?.width) : void 0, l = r ? ut(r.props?.height) : void 0, u = r ? lt(ct(r.props?.className), n) : n, [, d] = j(0);
-		O(() => {
+var gt = v("IkonVideoCanvas"), _t = 100, vt = 50, yt = "std.video-canvas", bt = "std.video-url-player";
+function xt() {
+	let e = D(function({ nodeId: e, context: t, className: n }) {
+		let r = I(t.store, e), i = j(null), a = j(null), o = t.client, s = r ? ht(r.props?.streamId) : void 0, c = r ? mt(r.props?.width) : void 0, l = r ? mt(r.props?.height) : void 0, u = r ? pt(ft(r.props?.className), n) : n, [, d] = M(0);
+		k(() => {
 			if (!o?.isWebRtcEnabled) return;
 			let e = o.onWebRtcTrackMapChanged;
 			return o.onWebRtcTrackMapChanged = (t) => {
@@ -843,22 +843,22 @@ function _t() {
 			};
 		}, [o]);
 		let f = o?.isWebRtcEnabled && s ? o.getWebRtcVideoStreamByStreamId(s) : null;
-		return O(() => {
+		return k(() => {
 			let e = i.current;
 			if (!e || !s || f) return;
 			let n = !1, r, a = 0, o = () => {
 				if (n) return;
 				let i = t.video ?? t.client?.media?.video;
 				if (!i) {
-					if (a++ >= mt) {
-						ft.warn(`Gave up attaching the canvas for stream ${s}: video playback never became available`);
+					if (a++ >= vt) {
+						gt.warn(`Gave up attaching the canvas for stream ${s}: video playback never became available`);
 						return;
 					}
-					r = setTimeout(o, pt);
+					r = setTimeout(o, _t);
 					return;
 				}
 				i.attachCanvas(s, e).catch((e) => {
-					ft.error(`Failed to attach the canvas for stream ${s}, it will stay blank: ${String(e)}`);
+					gt.error(`Failed to attach the canvas for stream ${s}, it will stay blank: ${String(e)}`);
 				});
 			};
 			return o(), () => {
@@ -868,7 +868,7 @@ function _t() {
 			t,
 			s,
 			f
-		]), O(() => {
+		]), k(() => {
 			let e = a.current;
 			if (!(!e || !f)) return e.srcObject = f, () => {
 				e.srcObject = null;
@@ -898,14 +898,14 @@ function _t() {
 		if (t === "std.video-canvas") return e;
 	};
 }
-function vt() {
+function St() {
 	return [
-		_t(),
-		bt(),
-		st()
+		xt(),
+		wt(),
+		dt()
 	];
 }
-function yt(e) {
+function Ct(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -913,13 +913,13 @@ function yt(e) {
 		if (t === "false") return !1;
 	}
 }
-function bt() {
-	let e = T(function({ nodeId: e, context: t, className: n }) {
-		let r = I(t.store, e), i = A(null), a = r ? yt(r.props?.autoplay) : void 0, o = r ? dt(r.props?.src) : void 0;
-		if (O(() => {
+function wt() {
+	let e = D(function({ nodeId: e, context: t, className: n }) {
+		let r = I(t.store, e), i = j(null), a = r ? Ct(r.props?.autoplay) : void 0, o = r ? ht(r.props?.src) : void 0;
+		if (k(() => {
 			a && i.current && i.current.play().catch(() => {});
 		}, [a, o]), !r) return null;
-		let s = lt(ct(r.props?.className), n), c = dt(r.props?.poster), l = yt(r.props?.controls), u = yt(r.props?.loop), d = yt(r.props?.muted), f = yt(r.props?.playsInline), p = ut(r.props?.width), m = ut(r.props?.height), h = r.children?.length ? t.renderChildren(r.children) : void 0;
+		let s = pt(ft(r.props?.className), n), c = ht(r.props?.poster), l = Ct(r.props?.controls), u = Ct(r.props?.loop), d = Ct(r.props?.muted), f = Ct(r.props?.playsInline), p = mt(r.props?.width), m = mt(r.props?.height), h = r.children?.length ? t.renderChildren(r.children) : void 0;
 		return /* @__PURE__ */ P("video", {
 			ref: i,
 			src: o,
@@ -943,20 +943,20 @@ function bt() {
 }
 //#endregion
 //#region src/media/media-module.ts
-var xt = "media", St = async () => vt();
-function Ct(e) {
-	e.registerModule(xt, St);
+var Tt = "media", Et = async () => St();
+function Dt(e) {
+	e.registerModule(Tt, Et);
 }
 //#endregion
 //#region src/shadertoy/shadertoy-gl.ts
-var wt = "#version 300 es\nin vec4 a_position;\nvoid main() {\n    gl_Position = a_position;\n}\n", Tt = 4;
-function Et(e, t) {
+var Ot = "#version 300 es\nin vec4 a_position;\nvoid main() {\n    gl_Position = a_position;\n}\n", kt = 4;
+function At(e, t) {
 	return RegExp(`\\buniform\\s+\\w+\\s+${t}\\s*;`, "g").test(e);
 }
-function Dt(e, t) {
+function jt(e, t) {
 	let n = [];
 	for (let [r, i] of Object.entries(t)) {
-		if (Et(e, r)) continue;
+		if (At(e, r)) continue;
 		let t;
 		switch (i.type) {
 			case "float":
@@ -1014,7 +1014,7 @@ void main() {
 }
 `;
 }
-var Ot = class {
+var Mt = class {
 	gl;
 	program = null;
 	positionBuffer = null;
@@ -1030,7 +1030,7 @@ var Ot = class {
 	mouseClickY = 0;
 	channels = [];
 	channelResolution = /* @__PURE__ */ new Float32Array(12);
-	channelTime = new Float32Array(Tt);
+	channelTime = new Float32Array(kt);
 	lastError = null;
 	currentShaderSource = "";
 	constructor(e) {
@@ -1065,7 +1065,7 @@ var Ot = class {
 	}
 	initializeChannels() {
 		let e = this.gl;
-		for (let t = 0; t < Tt; t++) {
+		for (let t = 0; t < kt; t++) {
 			let t = e.createTexture();
 			e.bindTexture(e.TEXTURE_2D, t), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([
 				0,
@@ -1082,7 +1082,7 @@ var Ot = class {
 		e.bindTexture(e.TEXTURE_2D, null);
 	}
 	setChannels(e) {
-		for (let t = 0; t < Tt; t++) {
+		for (let t = 0; t < kt; t++) {
 			let n = e[t] ?? null, r = this.channels[t];
 			if (r.url !== n) {
 				if (r.url = n, !n) {
@@ -1113,9 +1113,9 @@ var Ot = class {
 	}
 	compile(e, t = {}) {
 		this.lastError = null, this.customUniforms = t, this.currentShaderSource = e;
-		let n = this.gl, r = this.compileShader(n.VERTEX_SHADER, wt);
+		let n = this.gl, r = this.compileShader(n.VERTEX_SHADER, Ot);
 		if (!r) return !1;
-		let i = Dt(e, t), a = this.compileShader(n.FRAGMENT_SHADER, i);
+		let i = jt(e, t), a = this.compileShader(n.FRAGMENT_SHADER, i);
 		if (!a) return n.deleteShader(r), !1;
 		let o = n.createProgram();
 		return o ? (n.attachShader(o, r), n.attachShader(o, a), n.linkProgram(o), n.deleteShader(r), n.deleteShader(a), n.getProgramParameter(o, n.LINK_STATUS) ? (this.program && n.deleteProgram(this.program), this.program = o, this.cacheUniformLocations(), !0) : (this.lastError = n.getProgramInfoLog(o) || "Program link failed", n.deleteProgram(o), !1)) : (this.lastError = "Failed to create program", n.deleteShader(r), n.deleteShader(a), !1);
@@ -1139,7 +1139,7 @@ var Ot = class {
 			"iMouse",
 			"iDate"
 		]) this.uniformLocations.set(t, e.getUniformLocation(this.program, t));
-		for (let t = 0; t < Tt; t++) this.uniformLocations.set(`iChannel${t}`, e.getUniformLocation(this.program, `iChannel${t}`));
+		for (let t = 0; t < kt; t++) this.uniformLocations.set(`iChannel${t}`, e.getUniformLocation(this.program, `iChannel${t}`));
 		this.uniformLocations.set("iChannelResolution", e.getUniformLocation(this.program, "iChannelResolution[0]")), this.uniformLocations.set("iChannelTime", e.getUniformLocation(this.program, "iChannelTime[0]"));
 		for (let t of Object.keys(this.customUniforms)) this.uniformLocations.set(t, e.getUniformLocation(this.program, t));
 	}
@@ -1171,7 +1171,7 @@ var Ot = class {
 			let t = /* @__PURE__ */ new Date();
 			e.uniform4f(p, t.getFullYear(), t.getMonth(), t.getDate(), t.getHours() * 3600 + t.getMinutes() * 60 + t.getSeconds() + t.getMilliseconds() / 1e3);
 		}
-		for (let t = 0; t < Tt; t++) {
+		for (let t = 0; t < kt; t++) {
 			e.activeTexture(e.TEXTURE0 + t), e.bindTexture(e.TEXTURE_2D, this.channels[t].texture);
 			let n = this.uniformLocations.get(`iChannel${t}`);
 			n && e.uniform1i(n, t);
@@ -1221,7 +1221,7 @@ var Ot = class {
 };
 //#endregion
 //#region src/shadertoy/shadertoy-renderer.tsx
-function kt(e) {
+function Nt(e) {
 	if (typeof e == "string") {
 		let t = e.trim();
 		return t.length > 0 ? t : void 0;
@@ -1231,22 +1231,22 @@ function kt(e) {
 		return t.length > 0 ? t.join(" ") : void 0;
 	}
 }
-function At(...e) {
+function Pt(...e) {
 	let t = [];
 	for (let n of e) n && n.trim() && t.push(n.trim());
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function jt(e) {
+function Ft(e) {
 	if (typeof e == "number" && Number.isFinite(e)) return Math.floor(e);
 	if (typeof e == "string" && e.trim().length > 0) {
 		let t = Number(e);
 		if (Number.isFinite(t)) return Math.floor(t);
 	}
 }
-function Mt(e) {
+function It(e) {
 	return typeof e == "string" ? e : "";
 }
-function Nt(e) {
+function Lt(e) {
 	if (typeof e == "boolean") return e;
 	if (typeof e == "string") {
 		let t = e.trim().toLowerCase();
@@ -1254,7 +1254,7 @@ function Nt(e) {
 		if (t === "false") return !1;
 	}
 }
-function Pt(e) {
+function Rt(e) {
 	if (!e || typeof e != "object") return {};
 	let t = {}, n = e;
 	for (let [e, r] of Object.entries(n)) {
@@ -1274,10 +1274,10 @@ function Pt(e) {
 	}
 	return t;
 }
-function Ft(e) {
+function zt(e) {
 	return Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : null) : [];
 }
-function It(e, t) {
+function Bt(e, t) {
 	let n = Object.keys(e), r = Object.keys(t);
 	if (n.length !== r.length) return !1;
 	for (let r of n) {
@@ -1291,21 +1291,21 @@ function It(e, t) {
 	}
 	return !0;
 }
-var Lt = "std.shadertoy-canvas";
-function Rt() {
-	let e = T(function({ nodeId: e, context: t, className: n }) {
-		let r = I(t.store, e), i = A(null), a = A(null), o = A(null), s = A(0), c = A(""), l = A({}), u = A({
+var Vt = "std.shadertoy-canvas";
+function Ht() {
+	let e = D(function({ nodeId: e, context: t, className: n }) {
+		let r = I(t.store, e), i = j(null), a = j(null), o = j(null), s = j(0), c = j(""), l = j({}), u = j({
 			x: 0,
 			y: 0,
 			clickX: 0,
 			clickY: 0,
 			isDown: !1
-		}), d = r ? Mt(r.props?.shaderSource) : "", f = r ? jt(r.props?.fps) ?? 60 : 60, p = r?.props?.uniforms, m = k(() => Pt(p), [p]), h = r?.props?.channels, g = k(() => Ft(h), [h]), _ = r ? Nt(r.props?.enableMouse) ?? !0 : !0, v = r ? jt(r.props?.width) : void 0, y = r ? jt(r.props?.height) : void 0, ee = r ? At(kt(r.props?.className), n) : n;
-		O(() => {
+		}), d = r ? It(r.props?.shaderSource) : "", f = r ? Ft(r.props?.fps) ?? 60 : 60, p = r?.props?.uniforms, m = A(() => Rt(p), [p]), h = r?.props?.channels, g = A(() => zt(h), [h]), _ = r ? Lt(r.props?.enableMouse) ?? !0 : !0, v = r ? Ft(r.props?.width) : void 0, y = r ? Ft(r.props?.height) : void 0, b = r ? Pt(Nt(r.props?.className), n) : n;
+		k(() => {
 			let e = i.current;
 			if (e) {
 				try {
-					let t = new Ot(e);
+					let t = new Mt(e);
 					a.current = t;
 				} catch (e) {
 					console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", e);
@@ -1314,20 +1314,20 @@ function Rt() {
 					a.current &&= (a.current.destroy(), null);
 				};
 			}
-		}, []), O(() => {
+		}, []), k(() => {
 			let e = a.current;
 			if (!(!e || !d) && c.current !== d) if (e.compile(d, m)) c.current = d, l.current = m;
 			else {
 				let t = e.getError();
 				console.error("[ShadertoyRenderer] Shader compilation failed:", t);
 			}
-		}, [d, m]), O(() => {
+		}, [d, m]), k(() => {
 			let e = a.current;
-			!e || !c.current || It(l.current, m) || (e.setCustomUniforms(m), l.current = m);
-		}, [m]), O(() => {
+			!e || !c.current || Bt(l.current, m) || (e.setCustomUniforms(m), l.current = m);
+		}, [m]), k(() => {
 			let e = a.current;
 			e && e.setChannels(g);
-		}, [g]), O(() => {
+		}, [g]), k(() => {
 			let e = a.current;
 			if (!e || !c.current) return;
 			let t = 1e3 / f, n = (r) => {
@@ -1338,32 +1338,32 @@ function Rt() {
 				o.current !== null && (cancelAnimationFrame(o.current), o.current = null);
 			};
 		}, [f]);
-		let b = D((e) => {
+		let x = O((e) => {
 			if (!_) return;
 			let t = i.current, n = a.current;
 			if (!t || !n) return;
 			let r = window.devicePixelRatio || 1, o = t.getBoundingClientRect(), s = (e.clientX - o.left) * r, c = (o.height - (e.clientY - o.top)) * r;
 			u.current.x = s, u.current.y = c, n.setMouse(s, c, u.current.clickX, u.current.clickY);
-		}, [_]), x = D((e) => {
+		}, [_]), S = O((e) => {
 			if (!_) return;
 			let t = i.current, n = a.current;
 			if (!t || !n) return;
 			let r = window.devicePixelRatio || 1, o = t.getBoundingClientRect(), s = (e.clientX - o.left) * r, c = (o.height - (e.clientY - o.top)) * r;
 			u.current.isDown = !0, u.current.clickX = s, u.current.clickY = c, n.setMouse(s, c, s, c);
-		}, [_]), te = D(() => {
+		}, [_]), ee = O(() => {
 			_ && (u.current.isDown = !1, u.current.clickX = -Math.abs(u.current.clickX));
 		}, [_]);
 		return r ? /* @__PURE__ */ P("canvas", {
 			ref: i,
 			"data-ikon-node-id": r.id,
 			"data-ikon-source": r.sourceMarker,
-			className: ee,
+			className: b,
 			...v ? { width: v } : {},
 			...y ? { height: y } : {},
-			onMouseMove: b,
-			onMouseDown: x,
-			onMouseUp: te,
-			onMouseLeave: te
+			onMouseMove: x,
+			onMouseDown: S,
+			onMouseUp: ee,
+			onMouseLeave: ee
 		}) : null;
 	});
 	return ({ type: t }) => {
@@ -1372,13 +1372,13 @@ function Rt() {
 }
 //#endregion
 //#region src/shadertoy/shadertoy-module.ts
-var zt = "shadertoy", Bt = async () => Rt();
-function Vt(e) {
-	e.registerModule(zt, Bt);
+var Ut = "shadertoy", Wt = async () => Ht();
+function Gt(e) {
+	e.registerModule(Ut, Wt);
 }
 //#endregion
 //#region src/ikon-ui-registry.ts
-var Ht = v("UIRegistry"), Ut = class {
+var Kt = v("UIRegistry"), qt = class {
 	baseResolvers = [];
 	moduleLoaders = /* @__PURE__ */ new Map();
 	moduleResolvers = /* @__PURE__ */ new Map();
@@ -1404,14 +1404,14 @@ var Ht = v("UIRegistry"), Ut = class {
 	async loadRegisteredModules() {
 		let e = !1;
 		for (let [t, n] of this.moduleLoaders.entries()) if (!this.moduleResolvers.has(t)) try {
-			let r = Kt(await n());
+			let r = Xt(await n());
 			this.moduleResolvers.set(t, r), e = !0;
 		} catch (e) {
-			Ht.error(`[IkonUiRegistry] Failed to load module '${t}'.`, e);
+			Kt.error(`[IkonUiRegistry] Failed to load module '${t}'.`, e);
 		}
 		let t = [];
 		for (let e of this.moduleLoaders.keys()) this.moduleResolvers.has(e) && t.push(e);
-		return qt(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e && this.notify(), e;
+		return Zt(t, this.activeModuleOrder) || (this.activeModuleOrder = t, e = !0), e && this.notify(), e;
 	}
 	resolve(e) {
 		for (let t of this.baseResolvers) {
@@ -1421,7 +1421,7 @@ var Ht = v("UIRegistry"), Ut = class {
 		for (let t of this.activeModuleOrder) {
 			let n = this.moduleResolvers.get(t);
 			if (!n) {
-				Ht.warn(`Missing resolvers for module ${t}`);
+				Kt.warn(`Missing resolvers for module ${t}`);
 				continue;
 			}
 			for (let t of n) {
@@ -1434,25 +1434,25 @@ var Ht = v("UIRegistry"), Ut = class {
 		for (let e of this.listeners) e();
 	}
 };
-function Wt() {
-	let e = new Ut();
-	return nt(e), Ct(e), Vt(e), e.loadRegisteredModules(), e;
+function Jt() {
+	let e = new qt();
+	return ot(e), Dt(e), Gt(e), e.loadRegisteredModules(), e;
 }
-function Gt(e) {
+function Yt(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function Kt(e) {
-	return e ? Gt(e).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
+function Xt(e) {
+	return e ? Yt(e).flatMap((e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : []) : [];
 }
-function qt(e, t) {
+function Zt(e, t) {
 	if (e.length !== t.length) return !1;
 	for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
 	return !0;
 }
 //#endregion
 //#region src/parallax-view.tsx
-function Jt({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
-	return /* @__PURE__ */ P(Fe, {
+function Qt({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
+	return /* @__PURE__ */ P(Le, {
 		stores: t,
 		registry: n,
 		category: e,
@@ -1462,7 +1462,7 @@ function Jt({ mount: e, stores: t, registry: n, client: r, onAction: i }) {
 }
 //#endregion
 //#region src/motion/motion-controller.ts
-var Yt = v("MotionController"), Xt = {
+var $t = v("MotionController"), en = {
 	ease: [
 		.25,
 		.1,
@@ -1632,20 +1632,20 @@ var Yt = v("MotionController"), Xt = {
 		1.55
 	]
 };
-function G(e) {
+function W(e) {
 	return e <= 0 ? 0 : e >= 1 ? 1 : e;
 }
-function Zt(e) {
+function tn(e) {
 	if (e == null) return;
 	let t = e.trim();
 	if (!t) return;
 	let n = Number.parseFloat(t);
 	return Number.isFinite(n) ? n : void 0;
 }
-function Qt(e) {
+function nn(e) {
 	return typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function $t(e, t, n, r) {
+function rn(e, t, n, r) {
 	let i = 1 / 10, a = /* @__PURE__ */ new Float32Array(11);
 	function o(e, t, n) {
 		return ((3 * t - 3 * n + 1) * e + (3 * n - 6 * t)) * e * e + 3 * t * e;
@@ -1679,34 +1679,34 @@ function $t(e, t, n, r) {
 	for (let t = 0; t < 11; t += 1) a[t] = o(t * i, e, n);
 	return (e) => e <= 0 ? 0 : e >= 1 ? 1 : o(u(e), t, r);
 }
-function en(e) {
+function an(e) {
 	let t = /steps\(\s*([0-9]+)\s*(?:,\s*([a-z-]+)\s*)?\)/i.exec(e);
-	if (!t) return (e) => G(e);
+	if (!t) return (e) => W(e);
 	let n = Math.max(1, parseInt(t[1], 10)), r = (t[2] ?? "end").toLowerCase();
-	return r === "start" || r === "jump-start" ? (e) => G(Math.ceil(e * n) / n) : r === "none" || r === "jump-none" ? (e) => G(Math.round(e * n) / n) : r === "both" || r === "jump-both" ? (e) => G((Math.floor(e * n) + .5) / n) : (e) => G(Math.floor(e * n) / n);
+	return r === "start" || r === "jump-start" ? (e) => W(Math.ceil(e * n) / n) : r === "none" || r === "jump-none" ? (e) => W(Math.round(e * n) / n) : r === "both" || r === "jump-both" ? (e) => W((Math.floor(e * n) + .5) / n) : (e) => W(Math.floor(e * n) / n);
 }
-function tn(e) {
-	if (!e) return (e) => G(e);
+function on(e) {
+	if (!e) return (e) => W(e);
 	let t = e.trim().toLowerCase();
-	if (!t || t === "linear") return (e) => G(e);
-	if (Xt[t]) {
-		let [e, n, r, i] = Xt[t], a = $t(e, n, r, i);
-		return (e) => G(a(G(e)));
+	if (!t || t === "linear") return (e) => W(e);
+	if (en[t]) {
+		let [e, n, r, i] = en[t], a = rn(e, n, r, i);
+		return (e) => W(a(W(e)));
 	}
 	if (t.startsWith("cubic-bezier(") && t.endsWith(")")) {
 		let e = t.slice(13, -1).split(",").map((e) => Number.parseFloat(e.trim()));
 		if (e.length === 4 && e.every((e) => Number.isFinite(e))) {
-			let [t, n, r, i] = e, a = $t(t, n, r, i);
-			return (e) => G(a(G(e)));
+			let [t, n, r, i] = e, a = rn(t, n, r, i);
+			return (e) => W(a(W(e)));
 		}
 	}
 	if (t.startsWith("steps(") && t.endsWith(")")) {
-		let e = en(t);
-		return (t) => e(G(t));
+		let e = an(t);
+		return (t) => e(W(t));
 	}
-	return (e) => G(e);
+	return (e) => W(e);
 }
-function nn(e) {
+function sn(e) {
 	if (!e) return;
 	let t = /(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)\s*->\s*(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)/.exec(e);
 	if (!t) return;
@@ -1723,7 +1723,7 @@ function nn(e) {
 		outEnd: a
 	};
 }
-var rn = new class {
+var cn = new class {
 	bindingsByStyle = /* @__PURE__ */ new Map();
 	observer;
 	observeScheduled = !1;
@@ -1748,7 +1748,7 @@ var rn = new class {
 		for (let e of Array.from(this.globalCleanups)) try {
 			e();
 		} catch (e) {
-			Yt.warn("Failed to cleanup binding listener", e);
+			$t.warn("Failed to cleanup binding listener", e);
 		}
 		this.globalCleanups.clear(), this.elementStates.clear(), this.styleToElements.clear(), this.bindingsByStyle.clear(), this.pendingScanStyles.clear(), this.scanScheduled = !1, this.observer &&= (this.observer.disconnect(), void 0);
 	}
@@ -1757,14 +1757,14 @@ var rn = new class {
 			let t = (JSON.parse(e).motionBindings ?? []).map((e) => this.parseBinding(e)).filter((e) => e !== void 0);
 			return t.length === 0 ? void 0 : { bindings: t };
 		} catch (e) {
-			Yt.warn("Failed to parse motion metadata", e);
+			$t.warn("Failed to parse motion metadata", e);
 			return;
 		}
 	}
 	parseBinding(e) {
 		let t = e.source?.trim();
 		if (!t) return;
-		let n = Zt(e.min) ?? 0, r = Zt(e.max), i = r === void 0 ? n + 100 : r, a = (e.clamp ?? "clamp").trim().toLowerCase(), o = !!e.reverse, s = tn(e.ease), c = nn(e.map), l = e.targetId?.trim() || void 0;
+		let n = tn(e.min) ?? 0, r = tn(e.max), i = r === void 0 ? n + 100 : r, a = (e.clamp ?? "clamp").trim().toLowerCase(), o = !!e.reverse, s = on(e.ease), c = sn(e.map), l = e.targetId?.trim() || void 0;
 		if (!(Number.isNaN(n) || Number.isNaN(i))) return {
 			source: t.toLowerCase(),
 			min: n,
@@ -1810,7 +1810,7 @@ var rn = new class {
 	scanExistingNodes(e) {
 		let t = this.bindingsByStyle.get(e);
 		if (!t || typeof document > "u") return;
-		let n = `.${Qt(e)}`;
+		let n = `.${nn(e)}`;
 		document.querySelectorAll(n).forEach((n) => this.applyStyleToElement(n, e, t));
 	}
 	applyStyleToElement(e, t, n) {
@@ -1846,7 +1846,7 @@ var rn = new class {
 	}
 	resolveScrollContainer(e, t) {
 		if (t.targetId) {
-			let e = `[data-ikon-motion-source="${Qt(t.targetId)}"]`, n = typeof document < "u" ? document.querySelector(e) : null;
+			let e = `[data-ikon-motion-source="${nn(t.targetId)}"]`, n = typeof document < "u" ? document.querySelector(e) : null;
 			if (n) return n;
 		}
 		return e.closest("[data-ikon-view-type=\"scroll-view\"]");
@@ -1866,7 +1866,7 @@ var rn = new class {
 			case "freeze-start": return e < 0 ? 0 : e;
 			case "freeze-end": return e > 1 ? 1 : e;
 			case "unclamped": return e;
-			default: return G(e);
+			default: return W(e);
 		}
 	}
 	applyMap(e, t) {
@@ -1901,7 +1901,7 @@ var rn = new class {
 			try {
 				e();
 			} catch (e) {
-				Yt.warn("Failed to cleanup listener", e);
+				$t.warn("Failed to cleanup listener", e);
 			}
 			this.globalCleanups.delete(e);
 		}
@@ -1941,28 +1941,28 @@ var rn = new class {
 }();
 //#endregion
 //#region src/use-ikon-styles.ts
-function an(e) {
-	let t = A(/* @__PURE__ */ new Map()), n = D(({ styleId: e, css: n, common: r }) => {
+function ln(e) {
+	let t = j(/* @__PURE__ */ new Map()), n = O(({ styleId: e, css: n, common: r }) => {
 		if (!(!e || typeof document > "u")) {
 			if (n) {
 				let r = t.current.get(e);
 				r || (r = document.createElement("style"), r.setAttribute("data-ikon-style-id", e), document.head.appendChild(r), t.current.set(e, r)), r.textContent = n;
 			}
-			rn.registerStyle(e, r);
+			cn.registerStyle(e, r);
 		}
-	}, []), r = D((e) => {
+	}, []), r = O((e) => {
 		if (!(typeof document > "u")) for (let n of e) {
 			let e = t.current.get(n);
-			e && (e.remove(), t.current.delete(n)), rn.unregisterStyle(n);
+			e && (e.remove(), t.current.delete(n)), cn.unregisterStyle(n);
 		}
-	}, []), i = D(() => {
+	}, []), i = O(() => {
 		if (typeof document < "u") {
 			for (let e of t.current.values()) e.remove();
 			t.current.clear();
 		}
-		rn.reset();
+		cn.reset();
 	}, []);
-	return O(() => {
+	return k(() => {
 		if (!e) return;
 		for (let t of e.getUiStyles()) n(t);
 		let t = e.subscribeToStyles(n), a = e.subscribeToStyleDeletes?.(r);
@@ -1974,7 +1974,7 @@ function an(e) {
 		i,
 		n,
 		r
-	]), O(() => () => i(), [i]), {
+	]), k(() => () => i(), [i]), {
 		setStyle: n,
 		deleteStyles: r,
 		reset: i
@@ -1982,7 +1982,7 @@ function an(e) {
 }
 //#endregion
 //#region src/use-ikon-ui-stores.ts
-function on(e) {
+function un(e) {
 	let t = [];
 	for (let [n, r] of e) {
 		let e = r.store.getSnapshot(), i = e.rootViewId && e.views.has(e.rootViewId);
@@ -1990,15 +1990,15 @@ function on(e) {
 	}
 	return t.sort(), t.join(",");
 }
-function sn(e) {
-	let [t, n] = j(), r = A("");
-	return O(() => {
+function dn(e) {
+	let [t, n] = M(), r = j("");
+	return k(() => {
 		if (!e) {
 			n(void 0), r.current = "";
 			return;
 		}
 		let t = () => {
-			let t = e.getStores(), i = on(t);
+			let t = e.getStores(), i = un(t);
 			i !== r.current && (r.current = i, n(t));
 		};
 		return t(), e.subscribe(t);
@@ -2006,16 +2006,16 @@ function sn(e) {
 }
 //#endregion
 //#region src/shared/render-motion-letters.tsx
-var K = {
+var G = {
 	None: 0,
 	Letter: 1,
 	Word: 2,
 	Line: 4,
 	Paragraph: 8,
 	Emoji: 16
-}, cn = [
+}, fn = [
 	{
-		flag: K.Letter,
+		flag: G.Letter,
 		hints: [
 			"[data-motion-letter]",
 			"[data-letter]",
@@ -2024,7 +2024,7 @@ var K = {
 		]
 	},
 	{
-		flag: K.Word,
+		flag: G.Word,
 		hints: [
 			"[data-motion-word]",
 			"[data-word]",
@@ -2033,7 +2033,7 @@ var K = {
 		]
 	},
 	{
-		flag: K.Line,
+		flag: G.Line,
 		hints: [
 			"[data-motion-line]",
 			"[data-line]",
@@ -2042,7 +2042,7 @@ var K = {
 		]
 	},
 	{
-		flag: K.Paragraph,
+		flag: G.Paragraph,
 		hints: [
 			"[data-motion-paragraph]",
 			"[data-paragraph]",
@@ -2053,7 +2053,7 @@ var K = {
 		]
 	},
 	{
-		flag: K.Emoji,
+		flag: G.Emoji,
 		hints: [
 			":is([data-motion-emoji],[data-emoji],.tw-motion-emoji,.tw-emoji)",
 			"[data-motion-emoji]",
@@ -2062,16 +2062,16 @@ var K = {
 			"[data-emoji]"
 		]
 	}
-], ln = K.Letter | K.Word | K.Line | K.Paragraph | K.Emoji, un = K.Letter | K.Word | K.Line | K.Paragraph, dn = /* @__PURE__ */ new Map(), fn = 16384;
-function pn(e, t) {
-	if (!e || e.length > fn) return e;
-	let n = Vn(t), r = q(n, K.Emoji), i = n & un;
-	if (i === K.None && !r) return e;
+], pn = G.Letter | G.Word | G.Line | G.Paragraph | G.Emoji, mn = G.Letter | G.Word | G.Line | G.Paragraph, hn = /* @__PURE__ */ new Map(), gn = 16384;
+function _n(e, t) {
+	if (!e || e.length > gn) return e;
+	let n = Gn(t), r = K(n, G.Emoji), i = n & mn;
+	if (i === G.None && !r) return e;
 	let a = e.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
-	if (i === K.None) return zn(a);
-	let o = In(a);
-	if (o.length === 0) return r ? zn(a) : e;
-	let s = Ln(o), c = {
+	if (i === G.None) return Un(a);
+	let o = Bn(a);
+	if (o.length === 0) return r ? Un(a) : e;
+	let s = Vn(o), c = {
 		letter: 0,
 		word: 0,
 		line: 0,
@@ -2080,58 +2080,58 @@ function pn(e, t) {
 		emoji: 0
 	}, l = [];
 	for (let e of s) {
-		let t = mn(e, n, c);
+		let t = vn(e, n, c);
 		l.push(...t);
 	}
 	return l;
 }
-function mn(e, t, n) {
+function vn(e, t, n) {
 	let r = [];
 	for (let i of e) {
-		let e = hn(i, t, n);
+		let e = yn(i, t, n);
 		r.push(...e);
 	}
-	if (q(t, K.Paragraph)) {
+	if (K(t, G.Paragraph)) {
 		let e = n.paragraph++;
 		return [/* @__PURE__ */ P("span", {
 			"data-motion-paragraph": !0,
-			style: Rn(e),
+			style: Hn(e),
 			children: r
 		}, `motion-paragraph-${e}`)];
 	}
 	return r;
 }
-function hn(e, t, n) {
-	let r = gn(e.text, t, n), i = [];
-	if (q(t, K.Line)) {
+function yn(e, t, n) {
+	let r = bn(e.text, t, n), i = [];
+	if (K(t, G.Line)) {
 		let e = n.line++;
 		i.push(/* @__PURE__ */ P("span", {
 			"data-motion-line": !0,
-			style: Rn(e),
+			style: Hn(e),
 			children: r
 		}, `motion-line-${e}`));
 	} else i.push(...r);
 	for (let t = 0; t < e.breaks; t++) i.push(/* @__PURE__ */ P("br", {}, `motion-break-${n.br++}`));
 	return i;
 }
-function gn(e, t, n) {
+function bn(e, t, n) {
 	if (!e) return [];
-	let r = q(t, K.Word), i = [], a = /(\s+)/g, o = 0, s;
+	let r = K(t, G.Word), i = [], a = /(\s+)/g, o = 0, s;
 	for (; (s = a.exec(e)) !== null;) {
 		if (s.index > o) {
 			let a = e.slice(o, s.index);
-			i.push(_n(a, n, t, r));
+			i.push(xn(a, n, t, r));
 		}
 		i.push(s[0]), o = s.index + s[0].length;
 	}
 	if (o < e.length) {
 		let a = e.slice(o);
-		i.push(_n(a, n, t, r));
+		i.push(xn(a, n, t, r));
 	}
 	return i;
 }
-function _n(e, t, n, r) {
-	let i = t.word++, a = yn(e, n, t), o = `motion-word-${i}`, s = vn(i, r);
+function xn(e, t, n, r) {
+	let i = t.word++, a = Cn(e, n, t), o = `motion-word-${i}`, s = Sn(i, r);
 	return r ? /* @__PURE__ */ P("span", {
 		"data-motion-word": !0,
 		style: s,
@@ -2141,25 +2141,25 @@ function _n(e, t, n, r) {
 		children: a
 	}, o);
 }
-function vn(e, t) {
+function Sn(e, t) {
 	return t ? {
-		...Rn(e),
+		...Hn(e),
 		whiteSpace: "nowrap"
 	} : { whiteSpace: "nowrap" };
 }
-function yn(e, t, n) {
+function Cn(e, t, n) {
 	if (!e) return [];
-	let r = q(t, K.Letter), i = q(t, K.Emoji);
+	let r = K(t, G.Letter), i = K(t, G.Emoji);
 	if (!r) {
 		if (!i) return [e];
-		let t = bn(e);
+		let t = wn(e);
 		if (t.length === 0) return [e];
-		let { nodes: r } = Bn(t, n);
+		let { nodes: r } = Wn(t, n);
 		return r;
 	}
-	let a = [], o = bn(e);
+	let a = [], o = wn(e);
 	for (let e of o) {
-		let t = n.letter++, r = `motion-letter-${t}`, o = Rn(t);
+		let t = n.letter++, r = `motion-letter-${t}`, o = Hn(t);
 		if (e === "\n") {
 			a.push(/* @__PURE__ */ P("span", {
 				"data-motion-letter": !0,
@@ -2168,7 +2168,7 @@ function yn(e, t, n) {
 			}, r));
 			continue;
 		}
-		let s = i && Nn(e) ? { "data-motion-emoji": !0 } : void 0, c = e === " " ? "\xA0" : e;
+		let s = i && Ln(e) ? { "data-motion-emoji": !0 } : void 0, c = e === " " ? "\xA0" : e;
 		a.push(/* @__PURE__ */ P("span", {
 			"data-motion-letter": !0,
 			style: o,
@@ -2178,46 +2178,46 @@ function yn(e, t, n) {
 	}
 	return a;
 }
-function bn(e) {
+function wn(e) {
 	if (!e) return [];
-	let t = Sn();
-	return t ? Array.from(t.segment(e), (e) => e.segment) : Cn(e);
+	let t = En();
+	return t ? Array.from(t.segment(e), (e) => e.segment) : Dn(e);
 }
-var xn;
-function Sn() {
-	return xn === void 0 && (xn = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null), xn;
+var Tn;
+function En() {
+	return Tn === void 0 && (Tn = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null), Tn;
 }
-function Cn(e) {
+function Dn(e) {
 	let t = [], n = Array.from(e), r = "";
 	for (let e = 0; e < n.length; e++) {
 		let i = n[e], a = n[e + 1];
-		r += i, !(a && wn(i, a)) && (t.push(r), r = "");
+		r += i, !(a && On(i, a)) && (t.push(r), r = "");
 	}
 	return r && t.push(r), t;
 }
-function wn(e, t) {
-	return t ? !!(Tn(e) || Tn(t) || An(t) || En(t) || Dn(t) || On(e) && On(t)) : !1;
+function On(e, t) {
+	return t ? !!(kn(e) || kn(t) || Pn(t) || An(t) || jn(t) || Mn(e) && Mn(t)) : !1;
 }
-function Tn(e) {
+function kn(e) {
 	return e.codePointAt(0) === 8205;
 }
-function En(e) {
+function An(e) {
 	let t = e.codePointAt(0);
 	return t === void 0 ? !1 : t >= 65024 && t <= 65039 || t >= 917760 && t <= 917999;
 }
-function Dn(e) {
+function jn(e) {
 	let t = e.codePointAt(0);
 	return t !== void 0 && t >= 127995 && t <= 127999;
 }
-function On(e) {
+function Mn(e) {
 	let t = e.codePointAt(0);
 	return t !== void 0 && t >= 127462 && t <= 127487;
 }
-var kn;
-function An(e) {
-	return e ? (kn ||= jn(), kn(e)) : !1;
+var Nn;
+function Pn(e) {
+	return e ? (Nn ||= Fn(), Nn(e)) : !1;
 }
-function jn() {
+function Fn() {
 	try {
 		let e = /\p{Mark}/u;
 		return (t) => e.test(t);
@@ -2228,19 +2228,19 @@ function jn() {
 		};
 	}
 }
-var Mn;
-function Nn(e) {
-	return e ? (Mn ||= Pn(), Mn(e)) : !1;
+var In;
+function Ln(e) {
+	return e ? (In ||= Rn(), In(e)) : !1;
 }
-function Pn() {
+function Rn() {
 	try {
 		let e = /\p{Extended_Pictographic}/u;
 		return (t) => e.test(t);
 	} catch {
-		return Fn;
+		return zn;
 	}
 }
-function Fn(e) {
+function zn(e) {
 	if (!e) return !1;
 	for (let t of Array.from(e)) {
 		let e = t.codePointAt(0);
@@ -2248,7 +2248,7 @@ function Fn(e) {
 	}
 	return !1;
 }
-function In(e) {
+function Bn(e) {
 	let t = [], n = "", r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -2266,16 +2266,16 @@ function In(e) {
 		breaks: r
 	}), t;
 }
-function Ln(e) {
+function Vn(e) {
 	if (e.length === 0) return [];
 	let t = [], n = [];
 	for (let r of e) n.push(r), r.breaks >= 2 && (t.push(n), n = []);
 	return n.length > 0 && t.push(n), t;
 }
-function q(e, t) {
+function K(e, t) {
 	return (e & t) === t;
 }
-function Rn(e) {
+function Hn(e) {
 	return {
 		"--tw-motion-seq-index": e.toString(),
 		backgroundColor: "inherit",
@@ -2292,19 +2292,19 @@ function Rn(e) {
 		WebkitTextFillColor: "inherit"
 	};
 }
-function zn(e) {
+function Un(e) {
 	if (!e) return e;
-	let t = bn(e);
+	let t = wn(e);
 	if (t.length === 0) return e;
-	let { nodes: n, sawEmoji: r } = Bn(t);
+	let { nodes: n, sawEmoji: r } = Wn(t);
 	return r ? n.length === 1 ? n[0] ?? e : n : e;
 }
-function Bn(e, t) {
+function Wn(e, t) {
 	let n = [], r = "", i = !1, a = t?.emoji ?? 0, o = () => {
 		r &&= (n.push(r), "");
 	};
 	for (let s of e) {
-		if (Nn(s)) {
+		if (Ln(s)) {
 			i = !0, o();
 			let e = `motion-emoji-${t ? t.emoji++ : a++}`;
 			n.push(/* @__PURE__ */ P("span", {
@@ -2323,16 +2323,16 @@ function Bn(e, t) {
 		sawEmoji: !1
 	};
 }
-function Vn(e) {
-	if (!e) return K.None;
+function Gn(e) {
+	if (!e) return G.None;
 	let t = e.trim();
-	if (!t) return K.None;
-	let n = dn.get(t);
+	if (!t) return G.None;
+	let n = hn.get(t);
 	if (typeof n == "number") return n;
-	if (typeof document > "u") return K.None;
+	if (typeof document > "u") return G.None;
 	let r = t.split(/\s+/).filter(Boolean);
-	if (r.length === 0) return K.None;
-	let i = r.map((e) => `.${Un(e)}`).map((e) => RegExp(`(^|[^a-zA-Z0-9_-])${Wn(e)}(?![a-zA-Z0-9_-])`)), a = K.None, o = !1;
+	if (r.length === 0) return G.None;
+	let i = r.map((e) => `.${qn(e)}`).map((e) => RegExp(`(^|[^a-zA-Z0-9_-])${Jn(e)}(?![a-zA-Z0-9_-])`)), a = G.None, o = !1;
 	for (let e of Array.from(document.styleSheets)) {
 		let t;
 		try {
@@ -2340,18 +2340,18 @@ function Vn(e) {
 		} catch {
 			continue;
 		}
-		let n = Hn(t, i);
-		if (n.mask && (a |= n.mask, a === ln)) break;
+		let n = Kn(t, i);
+		if (n.mask && (a |= n.mask, a === pn)) break;
 		o ||= n.sawStyleRule;
 	}
-	return (a !== K.None || o) && dn.set(t, a), a;
+	return (a !== G.None || o) && hn.set(t, a), a;
 }
-function Hn(e, t) {
+function Kn(e, t) {
 	if (!e) return {
-		mask: K.None,
+		mask: G.None,
 		sawStyleRule: !1
 	};
-	let n = K.None, r = !1;
+	let n = G.None, r = !1;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
 		if (a) {
@@ -2359,14 +2359,14 @@ function Hn(e, t) {
 				let e = a.selectorText ?? "";
 				if (!e || !t.some((t) => t.test(e))) continue;
 				r = !0;
-				for (let t of cn) t.hints.some((t) => e.includes(t)) && (n |= t.flag);
-				if (n === ln) return {
+				for (let t of fn) t.hints.some((t) => e.includes(t)) && (n |= t.flag);
+				if (n === pn) return {
 					mask: n,
 					sawStyleRule: !0
 				};
 			} else if ("cssRules" in a) {
-				let e = Hn(a.cssRules, t);
-				if (e.mask && (n |= e.mask, n === ln)) return {
+				let e = Kn(a.cssRules, t);
+				if (e.mask && (n |= e.mask, n === pn)) return {
 					mask: n,
 					sawStyleRule: !0
 				};
@@ -2379,82 +2379,118 @@ function Hn(e, t) {
 		sawStyleRule: r
 	};
 }
-function Un(e) {
+function qn(e) {
 	return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 }
-function Wn(e) {
+function Jn(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
 }
 //#endregion
 //#region src/auth/storage.ts
-var Gn = "ikon-auth-session", Kn = "ikon-auth-auto-login-attempted-run", qn = 6048e5, Jn = 6e4;
-function Yn(e) {
+var Yn = "ikon-auth-session", Xn = "ikon-auth-refreshable", Zn = "ikon-auth-auto-login-attempted-run", Qn = 6048e5, $n = 6e4;
+function er(e) {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
 		let n = t[1].replace(/-/g, "+").replace(/_/g, "/"), r = n + "=".repeat((4 - n.length % 4) % 4), i = JSON.parse(atob(r));
-		return typeof i.exp == "number" && Date.now() >= i.exp * 1e3 - Jn;
+		return typeof i.exp == "number" && Date.now() >= i.exp * 1e3 - $n;
 	} catch {
 		return !0;
 	}
 }
-function J(e) {
+function q(e) {
 	try {
-		localStorage.setItem(Gn, JSON.stringify(e));
+		localStorage.setItem(Yn, JSON.stringify(e));
 	} catch {
 		console.warn("Failed to save auth session to localStorage");
 	}
 }
-function Xn() {
+function tr() {
 	try {
-		let e = localStorage.getItem(Gn);
+		let e = localStorage.getItem(Yn);
 		if (!e) return null;
 		let t = JSON.parse(e);
-		return Date.now() - t.authenticatedAt > qn || Yn(t.token) ? (Qn(), null) : t;
+		return Date.now() - t.authenticatedAt > Qn || er(t.token) ? (cr(), null) : t;
 	} catch {
 		return console.warn("Failed to load auth session from localStorage"), null;
 	}
 }
-function Zn() {
+function nr(e) {
+	try {
+		localStorage.removeItem(Yn), localStorage.setItem(Xn, JSON.stringify(e));
+	} catch {
+		console.warn("Failed to save the auth session marker to localStorage");
+	}
+}
+function rr() {
 	try {
-		if (typeof window < "u" && new URLSearchParams(window.location.search).get("ikon_token")) return !0;
+		let e = localStorage.getItem(Xn);
+		if (!e) return null;
+		let t = JSON.parse(e);
+		return Date.now() - t.renewedAt > Qn ? (ar(), null) : t;
+	} catch {
+		return console.warn("Failed to load the auth session marker from localStorage"), null;
+	}
+}
+function ir() {
+	let e = rr();
+	e && nr({
+		...e,
+		renewedAt: Date.now()
+	});
+}
+function ar() {
+	try {
+		localStorage.removeItem(Xn);
+	} catch {
+		console.warn("Failed to clear the auth session marker from localStorage");
+	}
+}
+function or() {
+	tr()?.provider === "anonymous" && cr(), rr()?.provider === "anonymous" && ar();
+}
+function sr() {
+	try {
+		let e = typeof window < "u" ? new URLSearchParams(window.location.search) : void 0;
+		if (e?.get("ikon_token") || e?.get("ikon_code")) return !0;
 	} catch {}
-	let e = Xn()?.provider;
+	let e = tr()?.provider ?? rr()?.provider;
 	return e !== void 0 && e !== "anonymous";
 }
-function Qn() {
+function cr() {
 	try {
-		localStorage.removeItem(Gn);
+		localStorage.removeItem(Yn);
 	} catch {
 		console.warn("Failed to clear auth session from localStorage");
 	}
 }
-function $n(e) {
+function lr(e) {
 	if (e) try {
-		sessionStorage.setItem(Kn, e);
+		sessionStorage.setItem(Zn, e);
 	} catch {
 		console.warn("Failed to record auto-login attempt in sessionStorage");
 	}
 }
-function er() {
+function ur() {
 	try {
-		return sessionStorage.getItem(Kn);
+		return sessionStorage.getItem(Zn);
 	} catch {
 		return null;
 	}
 }
-function Y(e) {
+function J(e) {
 	return {
 		id: "",
 		provider: e.provider,
 		token: e.token,
-		authenticatedAt: e.authenticatedAt
+		authenticatedAt: e.authenticatedAt,
+		expiresAt: e.expiresAt
 	};
 }
 //#endregion
 //#region src/auth/auth-service.ts
-var tr = 15e3, nr = v("AuthService");
-async function rr(e) {
+var dr = 15e3, fr = 15e3, Y = v("AuthService");
+async function pr(e) {
 	try {
 		return await fetch(e, {
 			method: "GET",
@@ -2464,34 +2500,34 @@ async function rr(e) {
 		return `no-cors probe ALSO FAILED (${e instanceof Error ? e.name : "Error"}) → origin is unreachable: TLS handshake / certificate, DNS, or network (old browser may not trust this host's cert)`;
 	}
 }
-var ir = "x-ikon-auth-service";
-function ar(e) {
-	if (e.headers.get(ir) !== null) return !1;
+var mr = "x-ikon-auth-service";
+function hr(e) {
+	if (e.headers.get(mr) !== null) return !1;
 	if (e.status === 404 || e.status === 405) return !0;
 	let t = e.headers.get("content-type") ?? "";
 	return e.status === 200 && t.includes("text/html");
 }
 async function X(e, t, n) {
-	let r = `${e}${t}`, i = S(), a = i !== null && e === i, o = a ? await b() : i, s = o !== null && o !== e ? `${o}${t}` : null, c;
+	let r = `${e}${t}`, i = C(), a = i !== null && e === i, o = a ? await S() : i, s = o !== null && o !== e ? `${o}${t}` : null, c;
 	try {
 		c = await fetch(r, n);
 	} catch (i) {
 		let a = i instanceof Error ? `${i.name}: ${i.message}` : String(i);
 		if (!s) {
-			let n = await rr(e);
-			throw nr.error(`Auth request ${t} could not reach ${r} — ${a}. ${n}`), Error(`Auth request could not reach ${r} (${a}). ${n}`, { cause: i });
+			let n = await pr(e);
+			throw Y.error(`Auth request ${t} could not reach ${r} — ${a}. ${n}`), Error(`Auth request could not reach ${r} (${a}). ${n}`, { cause: i });
 		}
-		nr.warn(`Auth request ${t} could not reach ${r} (${a}); falling back to ${s}`);
+		Y.warn(`Auth request ${t} could not reach ${r} (${a}); falling back to ${s}`);
 		try {
 			return await fetch(s, n);
 		} catch (n) {
-			let i = n instanceof Error ? `${n.name}: ${n.message}` : String(n), o = await rr(e);
-			throw nr.error(`Auth request ${t} failed on both ${r} (${a}) and ${s} (${i}). ${o}`), Error(`Auth request unreachable: ${r} (${a}) and ${s} (${i})`, { cause: n });
+			let i = n instanceof Error ? `${n.name}: ${n.message}` : String(n), o = await pr(e);
+			throw Y.error(`Auth request ${t} failed on both ${r} (${a}) and ${s} (${i}). ${o}`), Error(`Auth request unreachable: ${r} (${a}) and ${s} (${i})`, { cause: n });
 		}
 	}
-	return a && s !== null && ar(c) ? (nr.warn(`Auth request ${t} got a non-auth-service answer from ${r} (${c.status}); this LB has no /ikon/auth route, falling back to ${s}`), fetch(s, n)) : c;
+	return a && s !== null && hr(c) ? (Y.warn(`Auth request ${t} got a non-auth-service answer from ${r} (${c.status}); this LB has no /ikon/auth route, falling back to ${s}`), fetch(s, n)) : c;
 }
-async function or(e, t, n) {
+async function gr(e, t, n) {
 	let r = ie(), i = n === "guest" ? "anonymous" : n, a = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -2501,20 +2537,20 @@ async function or(e, t, n) {
 			...i ? { method: i } : {}
 		})
 	}, o = typeof window < "u" ? window.location.origin : "?";
-	nr.debug(`Anonymous auth: POST ${t}/anonymous (space=${e}, origin=${o})`);
+	Y.debug(`Anonymous auth: POST ${t}/anonymous (space=${e}, origin=${o})`);
 	let s = await X(t, "/anonymous", a);
 	if (!s.ok) {
 		let e = await s.text().catch(() => "Unknown error");
-		throw nr.error(`Anonymous auth HTTP ${s.status} from ${s.url}: ${e}`), Error(`Anonymous auth failed: ${s.status} ${e}`);
+		throw Y.error(`Anonymous auth HTTP ${s.status} from ${s.url}: ${e}`), Error(`Anonymous auth failed: ${s.status} ${e}`);
 	}
 	let { token: c } = await s.json(), l = {
 		token: c,
 		provider: "anonymous",
 		authenticatedAt: Date.now()
 	};
-	return J(l), l;
+	return q(l), l;
 }
-async function sr({ email: e, spaceId: t, authUrl: n }) {
+async function _r({ email: e, spaceId: t, authUrl: n }) {
 	let r = await X(n, "/email/send", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -2522,14 +2558,14 @@ async function sr({ email: e, spaceId: t, authUrl: n }) {
 			email: e.trim(),
 			space: t
 		}),
-		signal: g(tr)
+		signal: g(dr)
 	});
 	if (!r.ok) {
 		let e = await r.text().catch(() => "Failed to send login code");
 		throw Error(e);
 	}
 }
-async function cr({ email: e, code: t, authUrl: n }) {
+async function vr({ email: e, code: t, authUrl: n }) {
 	let r = await X(n, "/email/code", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -2537,7 +2573,7 @@ async function cr({ email: e, code: t, authUrl: n }) {
 			email: e.trim(),
 			code: t.trim()
 		}),
-		signal: g(tr)
+		signal: g(dr)
 	});
 	if (!r.ok) {
 		let e = await r.text().catch(() => "Invalid code");
@@ -2548,34 +2584,90 @@ async function cr({ email: e, code: t, authUrl: n }) {
 		provider: "email",
 		authenticatedAt: Date.now()
 	};
-	return J(a), a;
+	return q(a), a;
 }
-function lr() {
+function yr() {
 	let e = new URLSearchParams(window.location.search), t = e.get("ikon_token"), n = e.get("ikon_provider");
 	return t && n ? {
 		token: t,
 		provider: n
 	} : null;
 }
-function ur() {
+function br() {
+	let e = new URLSearchParams(window.location.search), t = e.get("ikon_code"), n = e.get("ikon_provider");
+	return t && n ? {
+		code: t,
+		provider: n
+	} : null;
+}
+async function xr(e, t, n) {
+	let r = de();
+	if (!r) throw Error("This sign-in was started in a different browser or tab");
+	let i = await X(await b(n), "/oauth/exchange", {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({
+			code: e,
+			codeVerifier: r,
+			supportsRefresh: !0
+		}),
+		signal: g(dr)
+	});
+	if (!i.ok) throw Error("Could not complete the sign-in");
+	let { token: a, expiresAt: o } = await i.json(), s = {
+		token: a,
+		provider: t,
+		authenticatedAt: Date.now(),
+		expiresAt: o
+	};
+	return o ? nr({
+		provider: t,
+		authenticatedAt: s.authenticatedAt,
+		renewedAt: s.authenticatedAt
+	}) : q(s), s;
+}
+async function Sr(e) {
+	let t = C();
+	if (t === null) return null;
+	let n;
+	try {
+		n = await fetch(`${t}/session/refresh`, {
+			method: "POST",
+			signal: g(fr)
+		});
+	} catch (e) {
+		let n = e instanceof Error ? `${e.name}: ${e.message}` : String(e);
+		throw Y.warn(`Session renewal could not reach ${t}/session/refresh (${n})`), Error(`Session renewal could not reach the auth service (${n})`, { cause: e });
+	}
+	if (n.status === 401) return null;
+	if (!n.ok) throw Error(`Session renewal failed: ${n.status}`);
+	let { token: r, expiresAt: i } = await n.json();
+	return {
+		token: r,
+		provider: e.provider,
+		authenticatedAt: e.authenticatedAt,
+		expiresAt: i
+	};
+}
+function Cr() {
 	let e = new URLSearchParams(window.location.search), t = e.get("error");
 	return t ? {
 		code: t,
 		provider: e.get("ikon_provider")
 	} : null;
 }
-function dr() {
+function wr() {
 	return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("ikon-signed-out");
 }
-var fr = {
+var Tr = {
 	google: "Google",
 	facebook: "Facebook",
 	apple: "Apple",
 	microsoft: "Microsoft",
 	signicat: "eID"
 };
-function pr(e, t, n) {
-	let r = t ? fr[t] ?? t : "this provider";
+function Er(e, t, n) {
+	let r = t ? Tr[t] ?? t : "this provider";
 	switch (e) {
 		case "account_exists_unverified_email": {
 			let e = `This email address already has an account on this app that uses a different sign-in method. For security, ${r} sign-in can't be connected to it automatically.`;
@@ -2586,21 +2678,22 @@ function pr(e, t, n) {
 		default: return e;
 	}
 }
-function mr() {
+function Dr() {
 	let e = new URLSearchParams(window.location.search);
 	for (let t of [
 		"ikon_token",
+		"ikon_code",
 		"ikon_provider",
 		"error"
 	]) e.delete(t);
 	let t = e.toString();
 	window.history.replaceState({}, "", t.length > 0 ? `${window.location.pathname}?${t}` : window.location.pathname);
 }
-function hr(e, t, n, r) {
-	let i = r ?? window.location.origin + window.location.pathname + window.location.search;
-	return `${n}/oauth/${e}?space=${encodeURIComponent(t)}&return=${encodeURIComponent(i)}`;
+async function Or(e, t, n, r) {
+	let i = r ?? window.location.origin + window.location.pathname + window.location.search, a = await y(), o = a ? `&code_challenge=${encodeURIComponent(a)}` : "";
+	return `${n}/oauth/${e}?space=${encodeURIComponent(t)}&return=${encodeURIComponent(i)}${o}`;
 }
-async function gr(e) {
+async function kr(e) {
 	let t = await X(e, "/passkey/registration/options", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" }
@@ -2611,7 +2704,7 @@ async function gr(e) {
 	}
 	return t.json();
 }
-async function _r(e, t, n) {
+async function Ar(e, t, n) {
 	let r = await X(e, "/passkey/registration/verify", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -2629,9 +2722,9 @@ async function _r(e, t, n) {
 		provider: "passkey",
 		authenticatedAt: Date.now()
 	};
-	return J(a), a;
+	return q(a), a;
 }
-async function vr(e, t) {
+async function jr(e, t) {
 	let n = await X(e, "/passkey/authentication/options", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -2643,7 +2736,7 @@ async function vr(e, t) {
 	}
 	return n.json();
 }
-async function yr(e, t) {
+async function Mr(e, t) {
 	let n = await X(e, "/passkey/authentication/verify", {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -2658,7 +2751,63 @@ async function yr(e, t) {
 		provider: "passkey",
 		authenticatedAt: Date.now()
 	};
-	return J(i), i;
+	return q(i), i;
+}
+async function Nr(e, t) {
+	try {
+		await X(await b(t), "/logout", {
+			method: "POST",
+			headers: { Authorization: `Bearer ${e}` },
+			signal: g(dr)
+		});
+	} catch {}
+}
+var Pr = "/oauth/popup-callback", Fr = 3e5;
+function Ir() {
+	try {
+		return window.top !== window.self;
+	} catch {
+		return !0;
+	}
+}
+async function Lr(e, t) {
+	let n = window.open("about:blank", "ikon-oauth", "popup,width=520,height=680");
+	if (!n) throw Error("The sign-in window was blocked. Allow pop-ups for this site and try again.");
+	let r;
+	try {
+		r = await S();
+		let i = `${r}${Pr}`;
+		n.location.href = await Or(e, t, r, i);
+	} catch (e) {
+		throw n.close(), e;
+	}
+	let i = r;
+	return await new Promise((t, r) => {
+		let a = !1, o = (e) => {
+			a || (a = !0, window.removeEventListener("message", s), window.clearInterval(c), window.clearTimeout(l), e());
+		}, s = (n) => {
+			if (n.origin !== i) return;
+			let a = n.data;
+			if (!a || a.source !== "ikon-oauth-popup") return;
+			if (a.error || !a.code) {
+				o(() => r(Error(a.error || "The sign-in did not complete")));
+				return;
+			}
+			let s = a.code, c = a.provider ?? e;
+			o(() => t({
+				code: s,
+				provider: c
+			}));
+		};
+		window.addEventListener("message", s);
+		let c = window.setInterval(() => {
+			n.closed && o(() => r(/* @__PURE__ */ Error("The sign-in window was closed before it finished")));
+		}, 500), l = window.setTimeout(() => {
+			o(() => {
+				n.close(), r(/* @__PURE__ */ Error("The sign-in timed out"));
+			});
+		}, Fr);
+	});
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/bufferToBase64URLString.js
@@ -2669,30 +2818,30 @@ function Z(e) {
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/base64URLStringToBuffer.js
-function br(e) {
+function Rr(e) {
 	let t = e.replace(/-/g, "+").replace(/_/g, "/"), n = (4 - t.length % 4) % 4, r = t.padEnd(t.length + n, "="), i = atob(r), a = new ArrayBuffer(i.length), o = new Uint8Array(a);
 	for (let e = 0; e < i.length; e++) o[e] = i.charCodeAt(e);
 	return a;
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/browserSupportsWebAuthn.js
-function xr() {
-	return Sr.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
+function zr() {
+	return Br.stubThis(globalThis?.PublicKeyCredential !== void 0 && typeof globalThis.PublicKeyCredential == "function");
 }
-var Sr = { stubThis: (e) => e };
+var Br = { stubThis: (e) => e };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/toPublicKeyCredentialDescriptor.js
-function Cr(e) {
+function Vr(e) {
 	let { id: t } = e;
 	return {
 		...e,
-		id: br(t),
+		id: Rr(t),
 		transports: e.transports
 	};
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/isValidDomain.js
-function wr(e) {
+function Hr(e) {
 	return e === "localhost" || /^((xn--[a-z0-9-]+|[a-z0-9]+(-[a-z0-9]+)*)\.)+([a-z]{2,}|xn--[a-z0-9-]+)$/i.test(e);
 }
 //#endregion
@@ -2709,7 +2858,7 @@ var Q = class extends Error {
 };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/identifyRegistrationError.js
-function Tr({ error: e, options: t }) {
+function Ur({ error: e, options: t }) {
 	let { publicKey: n } = t;
 	if (!n) throw Error("options was missing required publicKey property");
 	if (e.name === "AbortError") {
@@ -2755,7 +2904,7 @@ function Tr({ error: e, options: t }) {
 	});
 	else if (e.name === "SecurityError") {
 		let t = globalThis.location.hostname;
-		if (!wr(t)) return new Q({
+		if (!Hr(t)) return new Q({
 			message: `${globalThis.location.hostname} is an invalid domain`,
 			code: "ERROR_INVALID_DOMAIN",
 			cause: e
@@ -2778,7 +2927,7 @@ function Tr({ error: e, options: t }) {
 	});
 	return e;
 }
-var Er = new class {
+var Wr = new class {
 	constructor() {
 		Object.defineProperty(this, "controller", {
 			enumerable: !0,
@@ -2801,31 +2950,31 @@ var Er = new class {
 			e.name = "AbortError", this.controller.abort(e), this.controller = void 0;
 		}
 	}
-}(), Dr = ["cross-platform", "platform"];
-function Or(e) {
-	if (e && !(Dr.indexOf(e) < 0)) return e;
+}(), Gr = ["cross-platform", "platform"];
+function Kr(e) {
+	if (e && !(Gr.indexOf(e) < 0)) return e;
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/methods/startRegistration.js
-async function kr(e) {
+async function qr(e) {
 	!e.optionsJSON && e.challenge && (console.warn("startRegistration() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), e = { optionsJSON: e });
 	let { optionsJSON: t, useAutoRegister: n = !1 } = e;
-	if (!xr()) throw Error("WebAuthn is not supported in this browser");
+	if (!zr()) throw Error("WebAuthn is not supported in this browser");
 	let r = {
 		...t,
-		challenge: br(t.challenge),
+		challenge: Rr(t.challenge),
 		user: {
 			...t.user,
-			id: br(t.user.id)
+			id: Rr(t.user.id)
 		},
-		excludeCredentials: t.excludeCredentials?.map(Cr)
+		excludeCredentials: t.excludeCredentials?.map(Vr)
 	}, i = {};
-	n && (i.mediation = "conditional"), i.publicKey = r, i.signal = Er.createNewAbortSignal();
+	n && (i.mediation = "conditional"), i.publicKey = r, i.signal = Wr.createNewAbortSignal();
 	let a;
 	try {
 		a = await navigator.credentials.create(i);
 	} catch (e) {
-		throw Tr({
+		throw Ur({
 			error: e,
 			options: i
 		});
@@ -2837,20 +2986,20 @@ async function kr(e) {
 	if (typeof c.getPublicKeyAlgorithm == "function") try {
 		d = c.getPublicKeyAlgorithm();
 	} catch (e) {
-		Ar("getPublicKeyAlgorithm()", e);
+		Jr("getPublicKeyAlgorithm()", e);
 	}
 	let f;
 	if (typeof c.getPublicKey == "function") try {
 		let e = c.getPublicKey();
 		e !== null && (f = Z(e));
 	} catch (e) {
-		Ar("getPublicKey()", e);
+		Jr("getPublicKey()", e);
 	}
 	let p;
 	if (typeof c.getAuthenticatorData == "function") try {
 		p = Z(c.getAuthenticatorData());
 	} catch (e) {
-		Ar("getAuthenticatorData()", e);
+		Jr("getAuthenticatorData()", e);
 	}
 	return {
 		id: o,
@@ -2865,23 +3014,23 @@ async function kr(e) {
 		},
 		type: l,
 		clientExtensionResults: a.getClientExtensionResults(),
-		authenticatorAttachment: Or(a.authenticatorAttachment)
+		authenticatorAttachment: Kr(a.authenticatorAttachment)
 	};
 }
-function Ar(e, t) {
+function Jr(e, t) {
 	console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${e}. You should report this error to them.\n`, t);
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/browserSupportsWebAuthnAutofill.js
-function jr() {
-	if (!xr()) return Mr.stubThis(new Promise((e) => e(!1)));
+function Yr() {
+	if (!zr()) return Xr.stubThis(new Promise((e) => e(!1)));
 	let e = globalThis.PublicKeyCredential;
-	return e?.isConditionalMediationAvailable === void 0 ? Mr.stubThis(new Promise((e) => e(!1))) : Mr.stubThis(e.isConditionalMediationAvailable());
+	return e?.isConditionalMediationAvailable === void 0 ? Xr.stubThis(new Promise((e) => e(!1))) : Xr.stubThis(e.isConditionalMediationAvailable());
 }
-var Mr = { stubThis: (e) => e };
+var Xr = { stubThis: (e) => e };
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/helpers/identifyAuthenticationError.js
-function Nr({ error: e, options: t }) {
+function Zr({ error: e, options: t }) {
 	let { publicKey: n } = t;
 	if (!n) throw Error("options was missing required publicKey property");
 	if (e.name === "AbortError") {
@@ -2897,7 +3046,7 @@ function Nr({ error: e, options: t }) {
 	});
 	else if (e.name === "SecurityError") {
 		let t = globalThis.location.hostname;
-		if (!wr(t)) return new Q({
+		if (!Hr(t)) return new Q({
 			message: `${globalThis.location.hostname} is an invalid domain`,
 			code: "ERROR_INVALID_DOMAIN",
 			cause: e
@@ -2916,28 +3065,28 @@ function Nr({ error: e, options: t }) {
 }
 //#endregion
 //#region ../../node_modules/@simplewebauthn/browser/esm/methods/startAuthentication.js
-async function Pr(e) {
+async function Qr(e) {
 	!e.optionsJSON && e.challenge && (console.warn("startAuthentication() was not called correctly. It will try to continue with the provided options, but this call should be refactored to use the expected call structure instead. See https://simplewebauthn.dev/docs/packages/browser#typeerror-cannot-read-properties-of-undefined-reading-challenge for more information."), e = { optionsJSON: e });
 	let { optionsJSON: t, useBrowserAutofill: n = !1, verifyBrowserAutofillInput: r = !0 } = e;
-	if (!xr()) throw Error("WebAuthn is not supported in this browser");
+	if (!zr()) throw Error("WebAuthn is not supported in this browser");
 	let i;
-	t.allowCredentials?.length !== 0 && (i = t.allowCredentials?.map(Cr));
+	t.allowCredentials?.length !== 0 && (i = t.allowCredentials?.map(Vr));
 	let a = {
 		...t,
-		challenge: br(t.challenge),
+		challenge: Rr(t.challenge),
 		allowCredentials: i
 	}, o = {};
 	if (n) {
-		if (!await jr()) throw Error("Browser does not support WebAuthn autofill");
+		if (!await Yr()) throw Error("Browser does not support WebAuthn autofill");
 		if (document.querySelectorAll("input[autocomplete$='webauthn']").length < 1 && r) throw Error("No <input> with \"webauthn\" as the only or last value in its `autocomplete` attribute was detected");
 		o.mediation = "conditional", a.allowCredentials = [];
 	}
-	o.publicKey = a, o.signal = Er.createNewAbortSignal();
+	o.publicKey = a, o.signal = Wr.createNewAbortSignal();
 	let s;
 	try {
 		s = await navigator.credentials.get(o);
 	} catch (e) {
-		throw Nr({
+		throw Zr({
 			error: e,
 			options: o
 		});
@@ -2955,54 +3104,128 @@ async function Pr(e) {
 		},
 		type: d,
 		clientExtensionResults: s.getClientExtensionResults(),
-		authenticatorAttachment: Or(s.authenticatorAttachment)
+		authenticatorAttachment: Kr(s.authenticatorAttachment)
 	};
 }
 //#endregion
 //#region src/auth/auth-context.tsx
-var Fr = fe(null);
-function Ir({ children: e, config: n }) {
-	let [r, i] = j({
+var $r = pe(null), ei = 12e4;
+function ti({ children: e, config: n }) {
+	let [r, i] = M({
 		isAuthenticated: !1,
 		isLoading: !0,
 		user: null,
 		error: null
-	}), a = n.methods.includes("email");
-	O(() => {
+	}), a = n.methods.includes("email"), o = !n.requireSignIn || n.methods.includes("guest") || n.methods.includes("global"), s = j(!1), c = j(!1), l = O(async (e) => {
+		if (!c.current) {
+			c.current = !0;
+			try {
+				let t = await Sr(e);
+				if (t === null) {
+					ar(), i({
+						isAuthenticated: !1,
+						isLoading: !1,
+						user: null,
+						error: null
+					});
+					return;
+				}
+				ir(), i({
+					isAuthenticated: !0,
+					isLoading: !1,
+					user: J(t),
+					error: null
+				});
+			} catch {} finally {
+				c.current = !1;
+			}
+		}
+	}, []);
+	k(() => {
 		(() => {
-			let e = n.devLoginRunId, t = !!e && er() === e;
-			e && !dr() && $n(e);
-			let r = !!n.devLoginToken && !!e && !t && !Yn(n.devLoginToken) && !dr(), o = ur();
-			if (o) {
-				mr(), i({
+			if (s.current) return;
+			let e = n.devLoginRunId, t = !!e && ur() === e;
+			e && !wr() && lr(e);
+			let r = !!n.devLoginToken && !!e && !t && !er(n.devLoginToken) && !wr();
+			o || or();
+			let c = Cr();
+			if (c) {
+				Dr(), i({
 					isAuthenticated: !1,
 					isLoading: !1,
 					user: null,
-					error: pr(o.code, o.provider, { emailSignInAvailable: a })
+					error: Er(c.code, c.provider, { emailSignInAvailable: a })
 				});
 				return;
 			}
-			let s = lr();
-			if (s) {
+			let l = br();
+			if (l) {
+				s.current = !0, Dr(), xr(l.code, l.provider, n.authUrl).then((e) => {
+					i({
+						isAuthenticated: !0,
+						isLoading: !1,
+						user: J(e),
+						error: null
+					});
+				}).catch((e) => {
+					i({
+						isAuthenticated: !1,
+						isLoading: !1,
+						user: null,
+						error: e instanceof Error ? e.message : "Could not complete the sign-in"
+					});
+				});
+				return;
+			}
+			let u = yr();
+			if (u) {
 				let e = {
-					token: s.token,
-					provider: s.provider,
+					token: u.token,
+					provider: u.provider,
 					authenticatedAt: Date.now()
 				};
-				J(e), mr(), i({
+				q(e), Dr(), i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: Y(e),
+					user: J(e),
 					error: null
 				});
 				return;
 			}
-			let c = Xn();
-			if (c && !(r && c.provider === "anonymous")) {
+			let d = rr();
+			if (d) {
+				s.current = !0, Sr(d).then((e) => {
+					if (e === null) {
+						ar(), i({
+							isAuthenticated: !1,
+							isLoading: !1,
+							user: null,
+							error: null
+						});
+						return;
+					}
+					ir(), i({
+						isAuthenticated: !0,
+						isLoading: !1,
+						user: J(e),
+						error: null
+					});
+				}).catch(() => {
+					i({
+						isAuthenticated: !1,
+						isLoading: !1,
+						user: null,
+						error: null
+					});
+				});
+				return;
+			}
+			let f = tr();
+			if (f && !(r && f.provider === "anonymous")) {
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: Y(c),
+					user: J(f),
 					error: null
 				});
 				return;
@@ -3013,10 +3236,10 @@ function Ir({ children: e, config: n }) {
 					provider: "dev",
 					authenticatedAt: Date.now()
 				};
-				J(e), i({
+				q(e), i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: Y(e),
+					user: J(e),
 					error: null
 				});
 				return;
@@ -3029,11 +3252,24 @@ function Ir({ children: e, config: n }) {
 			});
 		})();
 	}, [
+		n.authUrl,
 		n.devLoginToken,
 		n.devLoginRunId,
-		a
-	]);
-	let o = D(async (e) => {
+		a,
+		o
+	]), k(() => {
+		let e = r.user?.expiresAt;
+		if (!e) return;
+		let t = rr();
+		if (!t) return;
+		let n = Date.parse(e) - ei, i = setTimeout(() => void l(t), Math.max(0, n - Date.now())), a = () => {
+			document.visibilityState === "visible" && Date.now() >= n && l(t);
+		};
+		return document.addEventListener("visibilitychange", a), () => {
+			clearTimeout(i), document.removeEventListener("visibilitychange", a);
+		};
+	}, [r.user?.expiresAt, l]);
+	let u = O(async (e) => {
 		if (!n.spaceId) {
 			i((e) => ({
 				...e,
@@ -3043,7 +3279,7 @@ function Ir({ children: e, config: n }) {
 		}
 		let t;
 		try {
-			t = await y(n.authUrl);
+			t = await b(n.authUrl);
 		} catch (e) {
 			i((t) => ({
 				...t,
@@ -3058,11 +3294,11 @@ function Ir({ children: e, config: n }) {
 				isLoading: !0
 			}));
 			try {
-				let r = await or(n.spaceId, t, e);
+				let r = await gr(n.spaceId, t, e);
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: Y(r),
+					user: J(r),
 					error: null
 				});
 			} catch (e) {
@@ -3081,11 +3317,11 @@ function Ir({ children: e, config: n }) {
 				error: null
 			}));
 			try {
-				let e = await Pr({ optionsJSON: await vr(t) }), n = await yr(t, e);
+				let e = await Qr({ optionsJSON: await jr(t) }), n = await Mr(t, e);
 				i({
 					isAuthenticated: !0,
 					isLoading: !1,
-					user: Y(n),
+					user: J(n),
 					error: null
 				});
 			} catch (e) {
@@ -3098,34 +3334,52 @@ function Ir({ children: e, config: n }) {
 			return;
 		}
 		if (e === "email") throw Error("login('email') is not supported. Use requestEmailCode()/submitEmailCode() from useAuth() instead.");
-		window.location.href = hr(e, n.spaceId, t);
-	}, [n.authUrl, n.spaceId]), s = D(async (e) => {
+		if (Ir()) {
+			try {
+				let { code: t, provider: r } = await Lr(e, n.spaceId), a = await xr(t, r, n.authUrl);
+				q(a), i({
+					isAuthenticated: !0,
+					isLoading: !1,
+					user: J(a),
+					error: null
+				});
+			} catch (e) {
+				i((t) => ({
+					...t,
+					isLoading: !1,
+					error: e instanceof Error ? e.message : "Sign-in failed"
+				}));
+			}
+			return;
+		}
+		window.location.href = await Or(e, n.spaceId, t);
+	}, [n.authUrl, n.spaceId]), d = O(async (e) => {
 		if (!n.spaceId) throw i((e) => ({
 			...e,
 			error: "Space ID is not configured"
 		})), Error("Space ID is not configured");
-		let t = await y(n.authUrl);
-		await sr({
+		let t = await b(n.authUrl);
+		await _r({
 			email: e,
 			spaceId: n.spaceId,
 			authUrl: t
 		});
-	}, [n.authUrl, n.spaceId]), c = D(async (e, t) => {
+	}, [n.authUrl, n.spaceId]), f = O(async (e, t) => {
 		i((e) => ({
 			...e,
 			isLoading: !0,
 			error: null
 		}));
 		try {
-			let r = await cr({
+			let r = await vr({
 				email: e,
 				code: t,
-				authUrl: await y(n.authUrl)
+				authUrl: await b(n.authUrl)
 			});
 			i({
 				isAuthenticated: !0,
 				isLoading: !1,
-				user: Y(r),
+				user: J(r),
 				error: null
 			});
 		} catch (e) {
@@ -3136,26 +3390,27 @@ function Ir({ children: e, config: n }) {
 				error: t
 			})), e;
 		}
-	}, [n.authUrl]), l = D(() => {
-		Qn(), t.clearAll(), i({
+	}, [n.authUrl]), p = O(() => {
+		let e = r.user?.token;
+		e && Nr(e, n.authUrl), cr(), ar(), t.clearAll(), i({
 			isAuthenticated: !1,
 			isLoading: !1,
 			user: null,
 			error: null
 		});
-	}, []), u = D(async (e) => {
-		let t = await y(n.authUrl);
+	}, [r.user?.token, n.authUrl]), m = O(async (e) => {
+		let t = await b(n.authUrl);
 		i((e) => ({
 			...e,
 			isLoading: !0,
 			error: null
 		}));
 		try {
-			let n = await _r(t, await kr({ optionsJSON: await gr(t) }), e);
+			let n = await Ar(t, await qr({ optionsJSON: await kr(t) }), e);
 			i({
 				isAuthenticated: !0,
 				isLoading: !1,
-				user: Y(n),
+				user: J(n),
 				error: null
 			});
 		} catch (e) {
@@ -3165,52 +3420,104 @@ function Ir({ children: e, config: n }) {
 				error: e instanceof Error ? e.message : "Passkey registration failed"
 			}));
 		}
-	}, [n.authUrl]), d = D(() => r.user?.token ?? null, [r.user]), f = k(() => ({
+	}, [n.authUrl]), h = O(() => r.user?.token ?? null, [r.user]), g = A(() => ({
 		state: r,
-		login: o,
-		logout: l,
-		getToken: d,
-		registerPasskey: u,
-		requestEmailCode: s,
-		submitEmailCode: c
+		login: u,
+		logout: p,
+		getToken: h,
+		registerPasskey: m,
+		requestEmailCode: d,
+		submitEmailCode: f
 	}), [
 		r,
-		o,
-		l,
-		d,
 		u,
-		s,
-		c
+		p,
+		h,
+		m,
+		d,
+		f
 	]);
-	return /* @__PURE__ */ P(Fr, {
-		value: f,
+	return /* @__PURE__ */ P($r, {
+		value: g,
 		children: e
 	});
 }
-function Lr() {
-	let e = E(Fr);
+function ni() {
+	let e = me($r);
 	if (!e) throw Error("useAuth must be used within an AuthProvider");
 	return e;
 }
-function Rr() {
-	return E(Fr);
+function ri() {
+	return me($r);
+}
+//#endregion
+//#region src/auth/oauth-continuation.ts
+var ii = "ikon-oauth", ai = "ikon-oauth-continue";
+function oi() {
+	if (typeof window > "u") return !1;
+	let e = new URL(window.location.href), t = e.searchParams.get(ii);
+	return t ? (ui(t), e.searchParams.delete(ii), window.history.replaceState(null, "", e.toString()), !0) : li() !== null;
+}
+function si() {
+	return li() !== null;
+}
+async function ci() {
+	let e = li();
+	if (!e) return !1;
+	di();
+	try {
+		let t = tr();
+		if (!t?.token) return !1;
+		let n = await fetch("/ikon/oauth/continue", {
+			method: "POST",
+			headers: {
+				"content-type": "application/json",
+				authorization: `Bearer ${t.token}`
+			},
+			body: JSON.stringify({ continueId: e })
+		});
+		if (!n.ok) return !1;
+		let { consentUrl: r } = await n.json();
+		return r ? (window.location.href = r, !0) : !1;
+	} catch {
+		return !1;
+	}
+}
+function li() {
+	try {
+		return sessionStorage.getItem(ai);
+	} catch {
+		return null;
+	}
+}
+function ui(e) {
+	try {
+		sessionStorage.setItem(ai, e);
+	} catch {}
+}
+function di() {
+	try {
+		sessionStorage.removeItem(ai);
+	} catch {}
 }
 //#endregion
 //#region src/auth/use-auth-guard.ts
-function zr(e) {
-	let { config: t, guestUrlParam: n } = e, { state: r, login: i } = Lr(), a = A(!1), o = M(w, re, re).required;
-	O(() => {
-		o && r.isAuthenticated && r.user && r.user.provider !== "anonymous" && _();
+function fi(e) {
+	let { config: t, guestUrlParam: n } = e, { state: r, login: i } = ni(), a = j(!1), o = N(ue, re, re).required;
+	k(() => {
+		oi() && T("Sign in to connect this application");
+	}, []), k(() => {
+		o && r.isAuthenticated && r.user && r.user.provider !== "anonymous" && (_(), si() && ci());
 	}, [
 		o,
 		r.isAuthenticated,
 		r.user
-	]), O(() => {
+	]), k(() => {
 		if (!n || r.isAuthenticated || r.isLoading || a.current) return;
 		let e = t.methods.includes("global") ? "global" : t.methods.includes("guest") ? "guest" : null;
 		if (!e) return;
 		let o = new URLSearchParams(window.location.search), s = o.get(n);
-		if (s === "true" || s === "1" || s === "" || dr()) {
+		if (s === "true" || s === "1" || s === "" || wr()) {
 			o.delete(n);
 			let t = o.toString(), r = window.location.pathname + (t ? `?${t}` : "");
 			window.history.replaceState({}, "", r), a.current = !0, i(e);
@@ -3222,29 +3529,29 @@ function zr(e) {
 		t.methods,
 		i
 	]);
-	let s = !!t.requireSignIn && !r.isAuthenticated;
+	let s = t.methods.includes("guest") || t.methods.includes("global"), c = r.isAuthenticated && (s || r.user?.provider !== "anonymous"), l = !!t.requireSignIn && !c;
 	return {
-		shouldRenderChildren: !s && !o,
+		shouldRenderChildren: !l && !o,
 		isCheckingAuth: r.isLoading,
 		isAuthenticated: r.isAuthenticated,
 		error: r.error,
-		isLoginPrompt: o && !s,
+		isLoginPrompt: o && !l,
 		dismissLoginPrompt: _
 	};
 }
 //#endregion
 //#region src/debug/debug-overlay.tsx
-var Br = (() => {
+var pi = (() => {
 	try {
 		return te();
 	} catch {
 		return !1;
 	}
-})(), Vr = Date.now(), $ = [], Hr = 300;
-function Ur(e) {
-	$.push(`[+${((Date.now() - Vr) / 1e3).toFixed(1)}s] ${e}`), $.length > Hr && $.shift();
+})(), mi = Date.now(), $ = [], hi = 300;
+function gi(e) {
+	$.push(`[+${((Date.now() - mi) / 1e3).toFixed(1)}s] ${e}`), $.length > hi && $.shift();
 }
-function Wr(e) {
+function _i(e) {
 	if (typeof e == "string") return e;
 	if (e instanceof Error) return `${e.name}: ${e.message}`;
 	try {
@@ -3253,10 +3560,10 @@ function Wr(e) {
 		return String(e);
 	}
 }
-var Gr = !1;
-function Kr() {
-	if (Gr || typeof window > "u") return;
-	Gr = !0, window.addEventListener("error", (e) => Ur(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => Ur(`unhandledRejection: ${Wr(e.reason)}`));
+var vi = !1;
+function yi() {
+	if (vi || typeof window > "u") return;
+	vi = !0, window.addEventListener("error", (e) => gi(`window.error: ${e.message} @ ${e.filename ?? "?"}:${e.lineno ?? "?"}:${e.colno ?? "?"}`)), window.addEventListener("unhandledrejection", (e) => gi(`unhandledRejection: ${_i(e.reason)}`));
 	let e = console;
 	for (let t of [
 		"error",
@@ -3267,17 +3574,17 @@ function Kr() {
 		let n = e[t]?.bind(console) ?? (() => void 0);
 		e[t] = (...e) => {
 			try {
-				Ur(`console.${t}: ${e.map(Wr).join(" ")}`);
+				gi(`console.${t}: ${e.map(_i).join(" ")}`);
 			} catch {}
 			n(...e);
 		};
 	}
 	try {
-		ue((e) => Ur(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: d.DEBUG });
+		E((e) => gi(`${e.levelName} [${e.component}] ${e.message}`), { minLevel: d.DEBUG });
 	} catch {}
 }
-Br && Kr();
-function qr() {
+pi && yi();
+function bi() {
 	let e = !1;
 	try {
 		let t = URL.createObjectURL(new Blob([""]));
@@ -3287,11 +3594,11 @@ function qr() {
 	} catch {}
 	return e;
 }
-function Jr() {
+function xi() {
 	let e = globalThis;
 	return [
 		`Worker=${typeof Worker < "u"}`,
-		`moduleWorker=${qr()}`,
+		`moduleWorker=${bi()}`,
 		`WebSocket=${typeof WebSocket < "u"}`,
 		`WebTransport=${e.WebTransport !== void 0}`,
 		`RTCPeerConnection=${typeof RTCPeerConnection < "u"}`,
@@ -3304,14 +3611,14 @@ function Jr() {
 		`online=${typeof navigator < "u" ? navigator.onLine : "?"}`
 	].join("  ");
 }
-function Yr(e) {
+function Si(e) {
 	return /ERROR|error:|Rejection/.test(e) ? "#f88" : /WARN|warn:/.test(e) ? "#fc6" : "#9d9";
 }
-function Xr({ state: e = "", forceVisible: t = !1 }) {
-	let n = Br || t, r = e === "connected" || e === "reconnecting", [, i] = me((e) => e + 1, 0), [a, o] = j(!0);
-	return O(() => {
+function Ci({ state: e = "", forceVisible: t = !1 }) {
+	let n = pi || t, r = e === "connected" || e === "reconnecting", [, i] = ge((e) => e + 1, 0), [a, o] = M(!0);
+	return k(() => {
 		if (!n) return;
-		Kr();
+		yi();
 		let e = setInterval(i, 1e3);
 		return () => clearInterval(e);
 	}, [n]), n ? r && a ? /* @__PURE__ */ F("button", {
@@ -3365,7 +3672,7 @@ function Xr({ state: e = "", forceVisible: t = !1 }) {
 					"Ikon debug overlay — state: ",
 					e || "?",
 					", +",
-					Math.round((Date.now() - Vr) / 1e3),
+					Math.round((Date.now() - mi) / 1e3),
 					"s, ",
 					$.length,
 					" entries",
@@ -3406,7 +3713,7 @@ function Xr({ state: e = "", forceVisible: t = !1 }) {
 					color: "#8cf",
 					marginBottom: "4px"
 				},
-				children: Jr()
+				children: xi()
 			}),
 			/* @__PURE__ */ P("div", {
 				style: {
@@ -3417,7 +3724,7 @@ function Xr({ state: e = "", forceVisible: t = !1 }) {
 			}),
 			/* @__PURE__ */ P("div", { children: $.length === 0 ? "(nothing captured yet)" : $.map((e, t) => /* @__PURE__ */ P("div", {
 				style: {
-					color: Yr(e),
+					color: Si(e),
 					wordBreak: "break-all"
 				},
 				children: e
@@ -3427,8 +3734,8 @@ function Xr({ state: e = "", forceVisible: t = !1 }) {
 }
 //#endregion
 //#region src/app/connection-state-renderer.tsx
-function Zr({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, stores: i, registry: a, client: o, onAction: s, renderIdle: c, renderConnecting: l, renderConnectingSlow: u, renderConnected: d, renderOffline: f, renderError: p }) {
-	let m = A(!1), h = (() => {
+function wi({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, stores: i, registry: a, client: o, onAction: s, renderIdle: c, renderConnecting: l, renderConnectingSlow: u, renderConnected: d, renderOffline: f, renderError: p }) {
+	let m = j(!1), h = (() => {
 		switch (e) {
 			case "waitingForExternalConnectUrl":
 			case "connecting": return r ? u() : l();
@@ -3453,221 +3760,235 @@ function Zr({ connectionState: e, error: t, isReady: n, isConnectingSlow: r, sto
 			default: return null;
 		}
 	})();
-	return /* @__PURE__ */ F(N, { children: [h, /* @__PURE__ */ P(Xr, { state: e })] });
+	return /* @__PURE__ */ F(_e, { children: [h, /* @__PURE__ */ P(Ci, { state: e })] });
 }
 //#endregion
 //#region src/app/boot-snapshot-variant.ts
-function Qr(e, t) {
+function Ti(e, t) {
 	return e === !1 ? !1 : t ? "signed-in" : "guest";
 }
 //#endregion
 //#region src/app/use-ikon-app.ts
-var $r = v("useIkonApp");
-function ei() {
+var Ei = v("useIkonApp");
+function Di() {
 	if (typeof window < "u" && window.__IKON_AUTH_CONFIG__) return window.__IKON_AUTH_CONFIG__;
 }
-function ti() {
+function Oi() {
 	if (typeof window < "u" && window.__IKON_LOCAL_IKON_SERVER_CONFIG__) return window.__IKON_LOCAL_IKON_SERVER_CONFIG__;
 }
-function ni(e) {
-	let { authConfig: n, modules: r, timeouts: l, backgroundAudio: d, webRtc: g, audio: _, video: v, websocket: b, webtransport: te, proxy: ne, liveSnapshot: re, bootSnapshot: ie } = e, S = n === void 0 ? ei() ?? null : n, oe = ti(), C = Rr(), ce = !!C && C.state.isLoading, w = A(null), ue = A(null), de = A(null), fe = A(!1), T = A(!1), E = A(d), pe = A(l), me = A(g), M = A(_), N = A(v), P = A(b), F = A(te), he = A(ne), I = A(re), ge = A(ie), _e = A("local"), ve = A(void 0);
-	E.current = d, pe.current = l, me.current = g, M.current = _, N.current = v, P.current = b, F.current = te, he.current = ne, I.current = re, ge.current = ie;
-	let [L, ye] = j("connecting"), [be, xe] = j(!1), [Se, Ce] = j(!1), [we, Te] = j(null), [Ee, De] = j(null), [Oe, ke] = j(!1), [Ae, je] = j(!1), [Me, Ne] = j(!1), [Pe, Fe] = j(null), [R, z] = j(null), [B, Le] = j(!1), Re = A(!1), [ze, Be] = j(0), V = k(() => {
+function ki(e, t) {
+	return {
+		...e,
+		...t ?? {}
+	};
+}
+function Ai(e) {
+	let { authConfig: n, modules: r, parameters: l, timeouts: d, backgroundAudio: g, webRtc: _, audio: v, video: y, websocket: S, webtransport: te, proxy: ne, liveSnapshot: re, bootSnapshot: ie } = e, C = n === void 0 ? Di() ?? null : n, oe = Oi(), w = ri(), ce = !!w && w.state.isLoading, T = j(null), ue = j(null), E = j(null), de = j(!1), fe = j(!1), pe = j(g), D = j(d), me = j(_), he = j(v), ge = j(y), N = j(S), _e = j(te), P = j(ne), F = j(re), ve = j(ie), I = j("local"), ye = j(void 0);
+	pe.current = g, D.current = d, me.current = _, he.current = v, ge.current = y, N.current = S, _e.current = te, P.current = ne, F.current = re, ve.current = ie;
+	let [L, be] = M("connecting"), [xe, Se] = M(!1), [Ce, we] = M(!1), [Te, Ee] = M(null), [De, Oe] = M(null), [ke, Ae] = M(!1), [je, Me] = M(!1), [Ne, Pe] = M(!1), [Fe, Ie] = M(null), [R, Le] = M(null), [ze, z] = M(!1), Be = j(!1), [Ve, He] = M(0), Ue = A(() => {
 		try {
 			return se();
 		} catch {
 			return { parameters: {} };
 		}
-	}, []), Ve = (S?.methods?.length ?? 0) > 0, He = Qr(ie, Ve && Zn());
-	He !== !1 && !i() && a(He);
-	let H = k(() => S?.spaceId ? Xn() : null, [
-		S?.spaceId,
-		ze,
-		C?.state.isLoading,
-		C?.state.isAuthenticated,
-		C?.state.user?.token
-	]), U = oe?.enabled ?? !1, Ue = oe?.host ?? "localhost", W = oe?.port ?? 8443, We = !ce && !!S && !H && !S.requireSignIn && !!S.spaceId && (ae() || U);
-	We && !R && !B && !Re.current && (Re.current = !0, y(S.authUrl).then((e) => or(S.spaceId, e)).then((e) => {
-		z(e.token), Le(!0);
+	}, []), We = JSON.stringify(l ?? {}), B = A(() => ki(Ue.parameters, l), [Ue.parameters, We]), Ge = (C?.methods?.length ?? 0) > 0, Ke = Ti(ie, Ge && sr());
+	Ke !== !1 && !i() && a(Ke);
+	let V = A(() => {
+		if (!C?.spaceId) return null;
+		let e = w?.state.user;
+		return e ? {
+			token: e.token,
+			provider: e.provider,
+			authenticatedAt: e.authenticatedAt
+		} : tr();
+	}, [
+		C?.spaceId,
+		Ve,
+		w?.state.isLoading,
+		w?.state.isAuthenticated,
+		w?.state.user?.token
+	]), H = oe?.enabled ?? !1, qe = oe?.host ?? "localhost", U = oe?.port ?? 8443, Je = !ce && !!C && !V && !C.requireSignIn && !!C.spaceId && (ae() || H);
+	Je && !R && !ze && !Be.current && (Be.current = !0, b(C.authUrl).then((e) => gr(C.spaceId, e)).then((e) => {
+		Le(e.token), z(!0);
 	}).catch((e) => {
-		$r.error("Anonymous auth failed:", e), Re.current = !1, U ? Le(!0) : Te(e instanceof Error ? e.message : "Anonymous auth failed");
+		Ei.error("Anonymous auth failed:", e), Be.current = !1, H ? z(!0) : Ee(e instanceof Error ? e.message : "Anonymous auth failed");
 	}));
-	let Ge = k(() => {
+	let Ye = A(() => {
 		if (ce) return null;
-		if (U) {
-			if (We && !B) return null;
-			let e = H?.token ?? R ?? void 0, t = e ? x(e) ?? void 0 : void 0;
+		if (H) {
+			if (Je && !ze) return null;
+			let e = V?.token ?? R ?? void 0, t = e ? ee(e) ?? void 0 : void 0;
 			return { local: {
-				host: Ue,
-				httpsPort: W,
+				host: qe,
+				httpsPort: U,
 				userId: t,
-				token: H?.token ?? void 0,
+				token: V?.token ?? void 0,
 				identityToken: e,
-				spaceId: S?.spaceId,
-				backendUrl: S?.backendUrl,
-				authUrl: S?.authUrl,
-				parameters: V.parameters
+				spaceId: C?.spaceId,
+				backendUrl: C?.backendUrl,
+				authUrl: C?.authUrl,
+				parameters: B
 			} };
 		}
-		return H?.token && S?.spaceId ? { sessionToken: {
-			token: H.token,
-			spaceId: S.spaceId,
-			backendType: ee(),
-			sessionIdentityHash: V.sessionIdentityHash,
-			parameters: V.parameters
-		} } : R && S?.spaceId ? { sessionToken: {
+		return V?.token && C?.spaceId ? { sessionToken: {
+			token: V.token,
+			spaceId: C.spaceId,
+			backendType: x(),
+			sessionIdentityHash: Ue.sessionIdentityHash,
+			parameters: B
+		} } : R && C?.spaceId ? { sessionToken: {
 			token: R,
-			spaceId: S.spaceId,
-			backendType: ee(),
-			sessionIdentityHash: V.sessionIdentityHash,
-			parameters: V.parameters
+			spaceId: C.spaceId,
+			backendType: x(),
+			sessionIdentityHash: Ue.sessionIdentityHash,
+			parameters: B
 		} } : ae() ? null : { local: {
-			host: Ue,
-			httpsPort: W,
-			spaceId: S?.spaceId,
-			backendUrl: S?.backendUrl,
-			authUrl: S?.authUrl,
-			parameters: V.parameters
+			host: qe,
+			httpsPort: U,
+			spaceId: C?.spaceId,
+			backendUrl: C?.backendUrl,
+			authUrl: C?.authUrl,
+			parameters: B
 		} };
 	}, [
 		ce,
+		H,
+		qe,
 		U,
-		Ue,
-		W,
-		H?.token,
-		S?.spaceId,
-		S?.backendUrl,
-		S?.authUrl,
+		V?.token,
+		C?.spaceId,
+		C?.backendUrl,
+		C?.authUrl,
 		R,
-		We,
-		B,
-		V.sessionIdentityHash,
-		V.parameters
+		Je,
+		ze,
+		Ue.sessionIdentityHash,
+		B
 	]);
-	_e.current = S?.spaceId ?? "local", ve.current = H?.token ?? R ?? void 0, an(Pe);
-	let Ke = sn(Pe);
-	O(() => {
-		if (!fe.current) {
-			if (fe.current = !0, de.current = Wt(), r) for (let e of r) e(de.current);
-			de.current.loadRegisteredModules().catch((e) => {
-				$r.error("Failed to load UI modules", e);
+	I.current = C?.spaceId ?? "local", ye.current = V?.token ?? R ?? void 0, ln(Fe);
+	let Xe = dn(Fe);
+	k(() => {
+		if (!de.current) {
+			if (de.current = !0, E.current = Jt(), r) for (let e of r) e(E.current);
+			E.current.loadRegisteredModules().catch((e) => {
+				Ei.error("Failed to load UI modules", e);
 			});
 		}
-	}, []), O(() => {
-		if (!Ge) return;
+	}, []), k(() => {
+		if (!Ye) return;
 		let e = new u({
-			...Ge,
-			timeouts: pe.current,
-			audio: M.current !== void 0 || E.current ? {
-				enabled: M.current,
-				...E.current ? { background: {
+			...Ye,
+			timeouts: D.current,
+			audio: he.current !== void 0 || pe.current ? {
+				enabled: he.current,
+				...pe.current ? { background: {
 					allowOnDesktop: !0,
 					allowOnMobile: !0
 				} } : {}
 			} : void 0,
-			video: N.current === void 0 ? void 0 : { enabled: N.current },
+			video: ge.current === void 0 ? void 0 : { enabled: ge.current },
 			mediaSession: {
 				title: document.title || void 0,
 				artist: document.title || void 0
 			},
 			webRtc: me.current === !1 ? { enabled: !1 } : void 0,
-			websocket: P.current,
-			webtransport: F.current,
-			proxy: he.current,
+			websocket: N.current,
+			webtransport: _e.current,
+			proxy: P.current,
 			onConnectionStateChange: (e) => {
-				ye(e);
+				be(e);
 			},
 			onError: (e) => {
-				Te(e.message);
+				Ee(e.message);
 			}
 		});
-		w.current = e;
-		let n = I.current ?? !0, r = ve.current, i = r ? x(r) ?? null : null, a = n && i ? {
+		T.current = e;
+		let n = F.current ?? !0, r = ye.current, i = r ? ee(r) ?? null : null, a = n && i ? {
 			enabled: !0,
-			appId: _e.current,
+			appId: I.current,
 			userId: i
-		} : void 0, l = H != null && H.provider !== "anonymous", d = Ve && (l || Zn()), g = new Ie({
+		} : void 0, l = V != null && V.provider !== "anonymous", d = Ge && (l || sr()), g = new Re({
 			client: e,
 			liveSnapshot: a,
-			bootSnapshot: Qr(ge.current, d)
+			bootSnapshot: Ti(ve.current, d)
 		});
-		ue.current = g, Fe(g), Ce(!1);
+		ue.current = g, Ie(g), we(!1);
 		let _ = g.subscribeToUiUpdates(() => {
-			Ce(!0), le();
+			we(!0), le();
 		});
 		return e.connect().catch((e) => {
-			if ($r.error("Connection failed:", e), e instanceof o) {
-				De(e.reason);
+			if (Ei.error("Connection failed:", e), e instanceof o) {
+				Oe(e.reason);
 				return;
 			}
 			if (e instanceof p) {
-				ke(!0);
+				Ae(!0);
 				return;
 			}
 			if (e instanceof h) {
-				je(!0);
+				Me(!0);
 				return;
 			}
 			if (!(e instanceof m)) {
 				if (e instanceof s) {
-					Ne(!0);
+					Pe(!0);
 					return;
 				}
-				e instanceof f || e instanceof c && !T.current && (T.current = !0, $r.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), C ? C.logout() : (Qn(), Be((e) => e + 1)));
+				e instanceof f || e instanceof c && !fe.current && (fe.current = !0, Ei.warn("Auth session appears stale, clearing and retrying"), t.clearAll(), w ? w.logout() : (cr(), He((e) => e + 1)));
 			}
 		}), () => {
-			_(), e.disconnect(), w.current = null, g.dispose(), ue.current = null;
+			_(), e.disconnect(), T.current = null, g.dispose(), ue.current = null;
 		};
-	}, [Ge]);
-	let qe = D((e, t) => {
+	}, [Ye]);
+	let Ze = O((e, t) => {
 		let n = typeof t == "string" ? t : JSON.stringify(t ?? {});
-		w.current?.sendActionCall(e, n);
+		T.current?.sendActionCall(e, n);
 	}, []);
-	O(() => {
+	k(() => {
 		if (L !== "connecting") {
-			xe(!1);
+			Se(!1);
 			return;
 		}
-		let e = w.current?.slowConnectionThresholdMs ?? 5e3, t = setTimeout(() => xe(!0), e);
+		let e = T.current?.slowConnectionThresholdMs ?? 5e3, t = setTimeout(() => Se(!0), e);
 		return () => clearTimeout(t);
 	}, [L]);
-	let Je = L === "connected" || L === "reconnecting", Ye = Se && L !== "offline";
-	return O(() => {
-		typeof document > "u" || (document.documentElement.dataset.ikonLive = String(Ye));
-	}, [Ye]), {
+	let Qe = L === "connected" || L === "reconnecting", $e = Ce && L !== "offline";
+	return k(() => {
+		typeof document > "u" || (document.documentElement.dataset.ikonLive = String($e));
+	}, [$e]), {
 		connectionState: L,
-		error: we,
-		accessDeniedReason: Ee,
-		isServerFull: Oe,
-		isSessionExpired: Ae,
-		isStartupFailed: Me,
-		stores: Ke,
-		client: w.current,
-		registry: de.current,
-		clientRef: w,
+		error: Te,
+		accessDeniedReason: De,
+		isServerFull: ke,
+		isSessionExpired: je,
+		isStartupFailed: Ne,
+		stores: Xe,
+		client: T.current,
+		registry: E.current,
+		clientRef: T,
 		uiRef: ue,
-		registryRef: de,
-		onAction: qe,
-		isReady: Je,
-		isLive: Ye,
-		brandingRequired: w.current?.brandingRequired ?? !1,
-		isConnectingSlow: be,
-		webRtcVideoStreams: w.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
-		webRtcTrackMap: w.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
+		registryRef: E,
+		onAction: Ze,
+		isReady: Qe,
+		isLive: $e,
+		brandingRequired: T.current?.brandingRequired ?? !1,
+		isConnectingSlow: xe,
+		webRtcVideoStreams: T.current?.webRtcVideoStreams ?? /* @__PURE__ */ new Map(),
+		webRtcTrackMap: T.current?.webRtcTrackMap ?? /* @__PURE__ */ new Map()
 	};
 }
 //#endregion
 //#region src/hooks/use-toasts.ts
-var ri = 0;
-function ii(e = 5, t = 5e3) {
-	let [n, r] = j([]), i = A(/* @__PURE__ */ new Map()), a = D((e) => {
+var ji = 0;
+function Mi(e = 5, t = 5e3) {
+	let [n, r] = M([]), i = j(/* @__PURE__ */ new Map()), a = O((e) => {
 		let t = i.current.get(e);
 		t && (clearTimeout(t), i.current.delete(e)), r((t) => t.filter((t) => t.id !== e));
 	}, []);
-	return O(() => {
-		let n = i.current, o = ue((i) => {
+	return k(() => {
+		let n = i.current, o = E((i) => {
 			if (!oe()) return;
-			let o = `toast-${++ri}`, s = {
+			let o = `toast-${++ji}`, s = {
 				id: o,
 				level: i.level === d.ERROR ? "error" : "warn",
 				message: i.message,
@@ -3695,9 +4016,9 @@ function ii(e = 5, t = 5e3) {
 }
 //#endregion
 //#region src/hooks/use-ikon-reactive.ts
-function ai(e, t, n) {
-	let [r, i] = j(n);
-	return O(() => {
+function Ni(e, t, n) {
+	let [r, i] = M(n);
+	return k(() => {
 		if (!e) return;
 		let n = !0, r = null;
 		return e.reactiveRegistry.subscribe(t, (e) => {
@@ -3713,9 +4034,9 @@ function ai(e, t, n) {
 }
 //#endregion
 //#region src/hooks/use-reactive.ts
-function oi(e, t, n) {
-	let [r, i] = j(null);
-	return O(() => {
+function Pi(e, t, n) {
+	let [r, i] = M(null);
+	return k(() => {
 		if (!e) return;
 		let n = !0;
 		return e.call("Ikon.Reactive.GetStableIdByName", [t]).then((e) => {
@@ -3725,56 +4046,56 @@ function oi(e, t, n) {
 		}), () => {
 			n = !1;
 		};
-	}, [e, t]), ai(r ? e : null, r ?? "", n);
+	}, [e, t]), Ni(r ? e : null, r ?? "", n);
 }
 //#endregion
 //#region src/app/use-ikon-debug.ts
-var si = v("IkonDebug"), ci = {
+var Fi = v("IkonDebug"), Ii = {
 	Digit1: "connecting",
 	Digit2: "connected",
 	Digit3: "reconnecting",
 	Digit4: "offline",
 	Digit5: "offline",
 	Digit0: "clear"
-}, li = "Digit5", ui = "Digit6", di = "Synthetic debug error (Ctrl+Shift+5)", fi = "Synthetic debug access-denied (Ctrl+Shift+6)", pi = 5e3;
-function mi(e) {
-	let t = oe(), [n, r] = j(null), [i, a] = j(!1), [o, s] = j(null), [c, l] = j(null), [u, d] = j(!1), [f, p] = j(!1), [m, h] = j(!1);
-	return O(() => {
+}, Li = "Digit5", Ri = "Digit6", zi = "Synthetic debug error (Ctrl+Shift+5)", Bi = "Synthetic debug access-denied (Ctrl+Shift+6)", Vi = 5e3;
+function Hi(e) {
+	let t = oe(), [n, r] = M(null), [i, a] = M(!1), [o, s] = M(null), [c, l] = M(null), [u, d] = M(!1), [f, p] = M(!1), [m, h] = M(!1);
+	return k(() => {
 		if (!t) return;
 		let e = (e) => {
 			if (!e.ctrlKey || !e.shiftKey) return;
 			if (e.code === "KeyE") {
-				e.preventDefault(), d((e) => (si.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), d((e) => (Fi.warn(`Empty-stores override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
 			if (e.code === "Digit7") {
-				e.preventDefault(), p((e) => (si.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), p((e) => (Fi.warn(`Branding-banner override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
 			if (e.code === "Digit8") {
-				e.preventDefault(), h((e) => (si.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
+				e.preventDefault(), h((e) => (Fi.warn(`Debug-overlay override: ${e ? "off" : "on"}`), !e));
 				return;
 			}
-			if (e.code === ui) {
-				e.preventDefault(), l(fi), r(null), s(null), si.warn("Forced access denied");
+			if (e.code === Ri) {
+				e.preventDefault(), l(Bi), r(null), s(null), Fi.warn("Forced access denied");
 				return;
 			}
-			let t = ci[e.code];
+			let t = Ii[e.code];
 			if (t === void 0) return;
 			if (e.preventDefault(), t === "clear") {
-				r(null), s(null), l(null), si.warn("Cleared forced state");
+				r(null), s(null), l(null), Fi.warn("Cleared forced state");
 				return;
 			}
-			let n = e.code === li;
-			r(t), s(n ? di : null), l(null), si.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
+			let n = e.code === Li;
+			r(t), s(n ? zi : null), l(null), Fi.warn(`Forced state: ${t}${n ? " (with error)" : ""}`);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [t]), O(() => {
+	}, [t]), k(() => {
 		if (n !== "connecting") {
 			a(!1);
 			return;
 		}
-		let e = setTimeout(() => a(!0), pi);
+		let e = setTimeout(() => a(!0), Vi);
 		return () => clearTimeout(e);
 	}, [n]), !t || n === null && !u && c === null && !f && !m ? {
 		app: e,
@@ -3805,64 +4126,64 @@ function mi(e) {
 }
 //#endregion
 //#region src/app/ikon-app.tsx
-function hi(e, t) {
+function Ui(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function gi(e) {
+function Wi(e) {
 	return e === void 0 ? null : typeof e == "function" ? e() : e;
 }
-function _i(e, t) {
+function Gi(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function vi(e, t) {
+function Ki(e, t) {
 	return e === void 0 ? null : typeof e == "function" ? e(t) : e;
 }
-function yi(e) {
-	let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = mi(a), { app: s } = o, { connectionState: c, isConnectingSlow: l, stores: u, registry: d, client: f, onAction: p, isReady: m, error: h, accessDeniedReason: g, brandingRequired: _ } = s, v = _ || o.forcedBranding, y = A(null);
+function qi(e) {
+	let { connectingOverlay: t, reconnectingOverlay: n, offlineOverlay: r, accessDeniedScreen: i, ...a } = e, o = Hi(a), { app: s } = o, { connectionState: c, isConnectingSlow: l, stores: u, registry: d, client: f, onAction: p, isReady: m, error: h, accessDeniedReason: g, brandingRequired: _ } = s, v = _ || o.forcedBranding, y = j(null);
 	u && d && (m || u.size > 0) && (y.current = {
 		stores: u,
 		registry: d,
 		client: f
 	});
-	let ee = y.current != null || !!g;
-	if (pe(() => {
-		!ee || typeof document > "u" || document.querySelectorAll("[data-ikon-prerender]").forEach((e) => e.remove());
-	}, [ee]), g) return vi(i, g);
-	let b = y.current, x;
+	let b = y.current != null || !!g;
+	if (he(() => {
+		!b || typeof document > "u" || document.querySelectorAll("[data-ikon-prerender]").forEach((e) => e.remove());
+	}, [b]), g) return Ki(i, g);
+	let x = y.current, S;
 	switch (c) {
 		case "waitingForExternalConnectUrl":
 		case "connecting":
-			x = hi(t, l);
+			S = Ui(t, l);
 			break;
 		case "reconnecting":
-			x = gi(n);
+			S = Wi(n);
 			break;
 		case "offline":
-			x = _i(r, h);
+			S = Gi(r, h);
 			break;
-		default: x = null;
+		default: S = null;
 	}
-	return /* @__PURE__ */ F(N, { children: [
-		b && /* @__PURE__ */ P(Fe, {
-			stores: b.stores,
-			registry: b.registry,
-			client: b.client,
+	return /* @__PURE__ */ F(_e, { children: [
+		x && /* @__PURE__ */ P(Le, {
+			stores: x.stores,
+			registry: x.registry,
+			client: x.client,
 			onAction: p
 		}),
-		x,
-		v && /* @__PURE__ */ P(xi, {}),
-		/* @__PURE__ */ P(Si, {}),
-		/* @__PURE__ */ P(Xr, {
+		S,
+		v && /* @__PURE__ */ P(Yi, {}),
+		/* @__PURE__ */ P(Xi, {}),
+		/* @__PURE__ */ P(Ci, {
 			state: c,
 			forceVisible: o.forcedDebugOverlay
 		})
 	] });
 }
-var bi = "https://ikonai.com";
-function xi() {
+var Ji = "https://ikonai.com";
+function Yi() {
 	return /* @__PURE__ */ F("a", {
 		className: "ikon-branding-banner",
-		href: bi,
+		href: Ji,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		style: {
@@ -3892,17 +4213,17 @@ function xi() {
 		})]
 	});
 }
-function Si() {
-	let { toasts: e, dismissToast: t } = ii();
+function Xi() {
+	let { toasts: e, dismissToast: t } = Mi();
 	return e.length === 0 ? null : /* @__PURE__ */ P("div", {
 		className: "ikon-toast-overlay",
-		children: e.map((e) => /* @__PURE__ */ P(Ci, {
+		children: e.map((e) => /* @__PURE__ */ P(Zi, {
 			toast: e,
 			onDismiss: t
 		}, e.id))
 	});
 }
-function Ci({ toast: e, onDismiss: t }) {
+function Zi({ toast: e, onDismiss: t }) {
 	return /* @__PURE__ */ F("div", {
 		className: `ikon-toast-overlay-chip ikon-toast-overlay-chip--${e.level}`,
 		onClick: () => t(e.id),
@@ -3928,37 +4249,37 @@ function Ci({ toast: e, onDismiss: t }) {
 }
 //#endregion
 //#region src/i18n/i18n.tsx
-var wi = fe(null);
-function Ti(e, t) {
+var Qi = pe(null);
+function $i(e, t) {
 	return t ? e.replace(/\{(\w+)\}/g, (e, n) => t[n] ?? `{${n}}`) : e;
 }
-function Ei(e, t) {
+function ea(e, t) {
 	let n = ne();
 	if (n && e.includes(n)) return n;
 	let r = navigator.language.split("-")[0];
 	return e.includes(r) ? r : t && e.includes(t) ? t : "en";
 }
-function Di(e, t, n) {
-	return t ? Ei(e, n) : n && e.includes(n) ? n : "en";
+function ta(e, t, n) {
+	return t ? ea(e, n) : n && e.includes(n) ? n : "en";
 }
-function Oi({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
-	let i = Di(Object.keys(t), r, n), a = t[i] ?? t.en, o = k(() => ({
+function na({ children: e, translations: t, defaultLanguage: n, detectLanguage: r = !1 }) {
+	let i = ta(Object.keys(t), r, n), a = t[i] ?? t.en, o = A(() => ({
 		t: (e, t) => {
 			let n = a[e];
-			return Ti(n, t);
+			return $i(n, t);
 		},
 		locale: i,
 		translations: a
 	}), [a, i]);
-	return /* @__PURE__ */ P(wi, {
+	return /* @__PURE__ */ P(Qi, {
 		value: o,
 		children: e
 	});
 }
-function ki() {
-	let e = E(wi);
+function ra() {
+	let e = me(Qi);
 	if (!e) throw Error("useI18n must be used within an I18nProvider");
 	return e;
 }
 //#endregion
-export { Ir as AuthProvider, Zr as ConnectionStateRenderer, Br as DEBUG_OVERLAY_ENABLED, Xr as DebugOverlay, Oi as I18nProvider, et as IKON_UI_BASE_MODULE, xt as IKON_UI_MEDIA_MODULE, zt as IKON_UI_SHADERTOY_MODULE, Lt as IKON_UI_SHADERTOY_TYPE, Ne as IKON_UI_STREAM_CATEGORY, ht as IKON_UI_VIDEO_CANVAS_TYPE, gt as IKON_UI_VIDEO_URL_PLAYER_TYPE, yi as IkonApp, Ie as IkonUi, Ut as IkonUiRegistry, Fe as IkonUiSurface, je as InspectOverlay, Jt as ParallaxView, Oe as UiComponentRegistry, De as UiRenderer, n as UiStreamStore, or as authenticateAnonymous, hr as buildOAuthRedirectUrl, Qn as clearAuthSession, mr as clearOAuthParams, $e as createBaseResolvers, ke as createComponentLibrary, Wt as createIkonUiRegistry, vt as createMediaResolvers, Rt as createShadertoyRendererResolver, Pe as isIkonUiCategoryMatch, Xn as loadAuthSession, tt as loadBaseModule, St as loadMediaModule, Bt as loadShadertoyModule, lr as parseOAuthCallback, ur as parseOAuthError, ce as randomUuid, nt as registerBaseModule, Ct as registerMediaModule, Vt as registerShadertoyModule, Te as renderChildren, pn as renderMotionLetters, J as saveAuthSession, sr as sendLoginCode, Y as sessionToUser, Lr as useAuth, zr as useAuthGuard, Rr as useAuthOptional, ki as useI18n, ni as useIkonApp, mi as useIkonDebug, ai as useIkonReactive, an as useIkonStyles, sn as useIkonUiStores, oi as useReactive, ii as useToasts, I as useUiNode, Ae as useUiStore, cr as verifyLoginCode };
+export { ti as AuthProvider, wi as ConnectionStateRenderer, pi as DEBUG_OVERLAY_ENABLED, Ci as DebugOverlay, na as I18nProvider, it as IKON_UI_BASE_MODULE, Tt as IKON_UI_MEDIA_MODULE, Ut as IKON_UI_SHADERTOY_MODULE, Vt as IKON_UI_SHADERTOY_TYPE, Ie as IKON_UI_STREAM_CATEGORY, yt as IKON_UI_VIDEO_CANVAS_TYPE, bt as IKON_UI_VIDEO_URL_PLAYER_TYPE, qi as IkonApp, Re as IkonUi, qt as IkonUiRegistry, Le as IkonUiSurface, Pe as InspectOverlay, Qt as ParallaxView, je as UiComponentRegistry, Ae as UiRenderer, n as UiStreamStore, gr as authenticateAnonymous, Or as buildOAuthRedirectUrl, cr as clearAuthSession, Dr as clearOAuthParams, rt as createBaseResolvers, Me as createComponentLibrary, Jt as createIkonUiRegistry, St as createMediaResolvers, Ht as createShadertoyRendererResolver, R as isIkonUiCategoryMatch, tr as loadAuthSession, at as loadBaseModule, Et as loadMediaModule, Wt as loadShadertoyModule, yr as parseOAuthCallback, Cr as parseOAuthError, ce as randomUuid, ot as registerBaseModule, Dt as registerMediaModule, Gt as registerShadertoyModule, Oe as renderChildren, _n as renderMotionLetters, q as saveAuthSession, _r as sendLoginCode, J as sessionToUser, ni as useAuth, fi as useAuthGuard, ri as useAuthOptional, ra as useI18n, Ai as useIkonApp, Hi as useIkonDebug, Ni as useIkonReactive, ln as useIkonStyles, dn as useIkonUiStores, Pi as useReactive, Mi as useToasts, I as useUiNode, Ne as useUiStore, vr as verifyLoginCode };