@ikonai/sdk-react-ui 1.8.0 → 1.11.0

package/shadertoy-renderer-Cq1lOXBs.js

@@ -0,0 +1,428 @@
+import { n as e } from "./shadertoy-type-Cs2WeCWV.js";
+import { memo as t, useCallback as n, useEffect as r, useMemo as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/shadertoy/shadertoy-gl.ts
+var s = "#version 300 es\nin vec4 a_position;\nvoid main() {\n    gl_Position = a_position;\n}\n", c = 4;
+function l(e, t) {
+	return RegExp(`\\buniform\\s+\\w+\\s+${t}\\s*;`, "g").test(e);
+}
+function u(e, t) {
+	let n = [];
+	for (let [r, i] of Object.entries(t)) {
+		if (l(e, r)) continue;
+		let t;
+		switch (i.type) {
+			case "float":
+				t = "float";
+				break;
+			case "vec2":
+				t = "vec2";
+				break;
+			case "vec3":
+				t = "vec3";
+				break;
+			case "vec4":
+				t = "vec4";
+				break;
+			case "int":
+				t = "int";
+				break;
+			case "bool":
+				t = "bool";
+				break;
+			default: t = "float";
+		}
+		n.push(`uniform ${t} ${r};`);
+	}
+	return `#version 300 es
+precision highp float;
+
+// Standard ShaderToy uniforms
+uniform vec3 iResolution;
+uniform float iTime;
+uniform float iTimeDelta;
+uniform int iFrame;
+uniform vec4 iMouse;
+uniform vec4 iDate;
+
+// ShaderToy texture channels (2D images)
+uniform sampler2D iChannel0;
+uniform sampler2D iChannel1;
+uniform sampler2D iChannel2;
+uniform sampler2D iChannel3;
+uniform vec3 iChannelResolution[4];
+uniform float iChannelTime[4];
+
+// Custom uniforms
+${n.join("\n")}
+
+out vec4 frag_out_color;
+
+${e}
+
+void main() {
+    vec4 color = vec4(0.0);
+    mainImage(color, gl_FragCoord.xy);
+    frag_out_color = color;
+}
+`;
+}
+var d = class {
+	gl;
+	program = null;
+	positionBuffer = null;
+	vao = null;
+	uniformLocations = /* @__PURE__ */ new Map();
+	customUniforms = {};
+	startTime = performance.now();
+	lastFrameTime = performance.now();
+	frameCount = 0;
+	mouseX = 0;
+	mouseY = 0;
+	mouseClickX = 0;
+	mouseClickY = 0;
+	channels = [];
+	channelResolution = /* @__PURE__ */ new Float32Array(12);
+	channelTime = new Float32Array(c);
+	lastError = null;
+	currentShaderSource = "";
+	constructor(e) {
+		let t = e.getContext("webgl2", {
+			alpha: !1,
+			antialias: !1,
+			depth: !1,
+			stencil: !1,
+			preserveDrawingBuffer: !1
+		});
+		if (!t) throw Error("WebGL2 is not supported");
+		this.gl = t, this.initializeGeometry(), this.initializeChannels();
+	}
+	initializeGeometry() {
+		let e = this.gl;
+		this.vao = e.createVertexArray(), e.bindVertexArray(this.vao), this.positionBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.positionBuffer);
+		let t = new Float32Array([
+			-1,
+			-1,
+			1,
+			-1,
+			-1,
+			1,
+			-1,
+			1,
+			1,
+			-1,
+			1,
+			1
+		]);
+		e.bufferData(e.ARRAY_BUFFER, t, e.STATIC_DRAW), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.bindVertexArray(null);
+	}
+	initializeChannels() {
+		let e = this.gl;
+		for (let t = 0; t < c; 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,
+				0,
+				0,
+				255
+			])), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), this.channels.push({
+				texture: t,
+				width: 0,
+				height: 0,
+				url: null
+			});
+		}
+		e.bindTexture(e.TEXTURE_2D, null);
+	}
+	setChannels(e) {
+		for (let t = 0; t < c; t++) {
+			let n = e[t] ?? null, r = this.channels[t];
+			if (r.url !== n) {
+				if (r.url = n, !n) {
+					this.resetChannel(t);
+					continue;
+				}
+				this.loadChannelImage(t, n);
+			}
+		}
+	}
+	resetChannel(e) {
+		let t = this.gl, n = this.channels[e];
+		t.bindTexture(t.TEXTURE_2D, n.texture), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, 1, 1, 0, t.RGBA, t.UNSIGNED_BYTE, new Uint8Array([
+			0,
+			0,
+			0,
+			255
+		])), t.bindTexture(t.TEXTURE_2D, null), n.width = 0, n.height = 0, this.channelResolution[e * 3] = 0, this.channelResolution[e * 3 + 1] = 0, this.channelResolution[e * 3 + 2] = 0;
+	}
+	loadChannelImage(e, t) {
+		let n = this.gl, r = new Image();
+		t.startsWith("data:") || (r.crossOrigin = "anonymous"), r.onload = () => {
+			let i = this.channels[e];
+			i.url !== t || !i.texture || (n.bindTexture(n.TEXTURE_2D, i.texture), n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL, !0), n.texImage2D(n.TEXTURE_2D, 0, n.RGBA, n.RGBA, n.UNSIGNED_BYTE, r), n.generateMipmap(n.TEXTURE_2D), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, n.REPEAT), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, n.REPEAT), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, n.LINEAR_MIPMAP_LINEAR), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, n.LINEAR), n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL, !1), n.bindTexture(n.TEXTURE_2D, null), i.width = r.naturalWidth, i.height = r.naturalHeight, this.channelResolution[e * 3] = r.naturalWidth, this.channelResolution[e * 3 + 1] = r.naturalHeight, this.channelResolution[e * 3 + 2] = 1);
+		}, r.onerror = () => {
+			this.lastError = `Failed to load texture for iChannel${e}`;
+		}, r.src = t;
+	}
+	compile(e, t = {}) {
+		this.lastError = null, this.customUniforms = t, this.currentShaderSource = e;
+		let n = this.gl, r = this.compileShader(n.VERTEX_SHADER, s);
+		if (!r) return !1;
+		let i = u(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);
+	}
+	recompileWithUniforms(e) {
+		return this.currentShaderSource ? this.compile(this.currentShaderSource, e) : !1;
+	}
+	compileShader(e, t) {
+		let n = this.gl, r = n.createShader(e);
+		return r ? (n.shaderSource(r, t), n.compileShader(r), n.getShaderParameter(r, n.COMPILE_STATUS) ? r : (this.lastError = n.getShaderInfoLog(r) || "Shader compilation failed", n.deleteShader(r), null)) : (this.lastError = "Failed to create shader", null);
+	}
+	cacheUniformLocations() {
+		if (!this.program) return;
+		let e = this.gl;
+		this.uniformLocations.clear();
+		for (let t of [
+			"iResolution",
+			"iTime",
+			"iTimeDelta",
+			"iFrame",
+			"iMouse",
+			"iDate"
+		]) this.uniformLocations.set(t, e.getUniformLocation(this.program, t));
+		for (let t = 0; t < c; 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));
+	}
+	setCustomUniforms(e) {
+		let t = Object.keys(e).some((e) => !(e in this.customUniforms)), n = Object.keys(this.customUniforms).some((t) => !(t in e));
+		t || n ? this.recompileWithUniforms(e) : this.customUniforms = e;
+	}
+	setMouse(e, t, n, r) {
+		this.mouseX = e, this.mouseY = t, this.mouseClickX = n, this.mouseClickY = r;
+	}
+	draw() {
+		if (!this.program) return;
+		let e = this.gl, t = e.canvas, n = typeof window < "u" && window.devicePixelRatio || 1, r = Math.max(1, Math.round(t.clientWidth * n)), i = Math.max(1, Math.round(t.clientHeight * n));
+		(t.width !== r || t.height !== i) && (t.width = r, t.height = i, e.viewport(0, 0, r, i));
+		let a = performance.now(), o = (a - this.startTime) / 1e3, s = (a - this.lastFrameTime) / 1e3;
+		this.lastFrameTime = a, this.frameCount++, e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(this.program), e.bindVertexArray(this.vao);
+		let l = this.uniformLocations.get("iResolution");
+		l && e.uniform3f(l, r, i, 1);
+		let u = this.uniformLocations.get("iTime");
+		u && e.uniform1f(u, o);
+		let d = this.uniformLocations.get("iTimeDelta");
+		d && e.uniform1f(d, s);
+		let f = this.uniformLocations.get("iFrame");
+		f && e.uniform1i(f, this.frameCount);
+		let p = this.uniformLocations.get("iMouse");
+		p && e.uniform4f(p, this.mouseX, this.mouseY, this.mouseClickX, this.mouseClickY);
+		let m = this.uniformLocations.get("iDate");
+		if (m) {
+			let t = /* @__PURE__ */ new Date();
+			e.uniform4f(m, t.getFullYear(), t.getMonth(), t.getDate(), t.getHours() * 3600 + t.getMinutes() * 60 + t.getSeconds() + t.getMilliseconds() / 1e3);
+		}
+		for (let t = 0; t < c; 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);
+		}
+		let h = this.uniformLocations.get("iChannelResolution");
+		h && e.uniform3fv(h, this.channelResolution);
+		let g = this.uniformLocations.get("iChannelTime");
+		g && e.uniform1fv(g, this.channelTime);
+		for (let [t, n] of Object.entries(this.customUniforms)) {
+			let r = this.uniformLocations.get(t);
+			if (r) switch (n.type) {
+				case "float":
+					e.uniform1f(r, n.value);
+					break;
+				case "vec2": {
+					let t = n.value;
+					e.uniform2f(r, t[0], t[1]);
+					break;
+				}
+				case "vec3": {
+					let t = n.value;
+					e.uniform3f(r, t[0], t[1], t[2]);
+					break;
+				}
+				case "vec4": {
+					let t = n.value;
+					e.uniform4f(r, t[0], t[1], t[2], t[3]);
+					break;
+				}
+				case "int":
+					e.uniform1i(r, n.value);
+					break;
+				case "bool": e.uniform1i(r, +!!n.value);
+			}
+		}
+		e.drawArrays(e.TRIANGLES, 0, 6), e.bindVertexArray(null);
+	}
+	getError() {
+		return this.lastError;
+	}
+	destroy() {
+		let e = this.gl;
+		this.program &&= (e.deleteProgram(this.program), null), this.positionBuffer &&= (e.deleteBuffer(this.positionBuffer), null), this.vao &&= (e.deleteVertexArray(this.vao), null);
+		for (let t of this.channels) t.texture &&= (e.deleteTexture(t.texture), null);
+		this.channels = [], this.uniformLocations.clear();
+	}
+};
+//#endregion
+//#region src/shadertoy/shadertoy-renderer.tsx
+function f(e) {
+	if (typeof e == "string") {
+		let t = e.trim();
+		return t.length > 0 ? t : void 0;
+	}
+	if (Array.isArray(e)) {
+		let t = e.filter((e) => typeof e == "string").map((e) => e.trim()).filter(Boolean);
+		return t.length > 0 ? t.join(" ") : void 0;
+	}
+}
+function p(...e) {
+	let t = [];
+	for (let n of e) n && n.trim() && t.push(n.trim());
+	return t.length > 0 ? t.join(" ") : void 0;
+}
+function m(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 h(e) {
+	return typeof e == "string" ? e : "";
+}
+function g(e) {
+	if (typeof e == "boolean") return e;
+	if (typeof e == "string") {
+		let t = e.trim().toLowerCase();
+		if (t === "true") return !0;
+		if (t === "false") return !1;
+	}
+}
+function _(e) {
+	if (!e || typeof e != "object") return {};
+	let t = {}, n = e;
+	for (let [e, r] of Object.entries(n)) {
+		if (!r || typeof r != "object") continue;
+		let n = r, i = n.value, a = n.type;
+		i !== void 0 && typeof a == "string" && [
+			"float",
+			"vec2",
+			"vec3",
+			"vec4",
+			"int",
+			"bool"
+		].includes(a) && (t[e] = {
+			value: i,
+			type: a
+		});
+	}
+	return t;
+}
+function v(e) {
+	return Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : null) : [];
+}
+function y(e, t) {
+	let n = Object.keys(e), r = Object.keys(t);
+	if (n.length !== r.length) return !1;
+	for (let r of n) {
+		if (!(r in t)) return !1;
+		let n = e[r], i = t[r];
+		if (n.type !== i.type) return !1;
+		if (Array.isArray(n.value) && Array.isArray(i.value)) {
+			if (n.value.length !== i.value.length) return !1;
+			for (let e = 0; e < n.value.length; e++) if (n.value[e] !== i.value[e]) return !1;
+		} else if (n.value !== i.value) return !1;
+	}
+	return !0;
+}
+function b() {
+	let s = t(function({ nodeId: t, context: s, className: c }) {
+		let l = e(s.store, t), u = a(null), b = a(null), x = a(null), S = a(0), C = a(""), w = a({}), T = a({
+			x: 0,
+			y: 0,
+			clickX: 0,
+			clickY: 0,
+			isDown: !1
+		}), E = l ? h(l.props?.shaderSource) : "", D = l ? m(l.props?.fps) ?? 60 : 60, O = l?.props?.uniforms, k = i(() => _(O), [O]), A = l?.props?.channels, j = i(() => v(A), [A]), M = l ? g(l.props?.enableMouse) ?? !0 : !0, N = l ? m(l.props?.width) : void 0, P = l ? m(l.props?.height) : void 0, F = l ? p(f(l.props?.className), c) : c;
+		r(() => {
+			let e = u.current;
+			if (e) {
+				try {
+					let t = new d(e);
+					b.current = t;
+				} catch (e) {
+					console.error("[ShadertoyRenderer] Failed to create WebGL2 context:", e);
+				}
+				return () => {
+					b.current &&= (b.current.destroy(), null);
+				};
+			}
+		}, []), r(() => {
+			let e = b.current;
+			if (!(!e || !E) && C.current !== E) {
+				if (e.compile(E, k)) C.current = E, w.current = k;
+				else {
+					let t = e.getError();
+					console.error("[ShadertoyRenderer] Shader compilation failed:", t);
+				}
+			}
+		}, [E, k]), r(() => {
+			let e = b.current;
+			!e || !C.current || y(w.current, k) || (e.setCustomUniforms(k), w.current = k);
+		}, [k]), r(() => {
+			let e = b.current;
+			e && e.setChannels(j);
+		}, [j]), r(() => {
+			let e = b.current;
+			if (!e || !C.current) return;
+			let t = 1e3 / D, n = (r) => {
+				let i = r - S.current;
+				i >= t && (S.current = r - i % t, e.draw()), x.current = requestAnimationFrame(n);
+			};
+			return x.current = requestAnimationFrame(n), () => {
+				x.current !== null && (cancelAnimationFrame(x.current), x.current = null);
+			};
+		}, [D]);
+		let I = n((e) => {
+			if (!M) return;
+			let t = u.current, n = b.current;
+			if (!t || !n) return;
+			let r = window.devicePixelRatio || 1, i = t.getBoundingClientRect(), a = (e.clientX - i.left) * r, o = (i.height - (e.clientY - i.top)) * r;
+			T.current.x = a, T.current.y = o, n.setMouse(a, o, T.current.clickX, T.current.clickY);
+		}, [M]), L = n((e) => {
+			if (!M) return;
+			let t = u.current, n = b.current;
+			if (!t || !n) return;
+			let r = window.devicePixelRatio || 1, i = t.getBoundingClientRect(), a = (e.clientX - i.left) * r, o = (i.height - (e.clientY - i.top)) * r;
+			T.current.isDown = !0, T.current.clickX = a, T.current.clickY = o, n.setMouse(a, o, a, o);
+		}, [M]), R = n(() => {
+			M && (T.current.isDown = !1, T.current.clickX = -Math.abs(T.current.clickX));
+		}, [M]);
+		return l ? /* @__PURE__ */ o("canvas", {
+			ref: u,
+			"data-ikon-node-id": l.id,
+			"data-ikon-source": l.sourceMarker,
+			className: F,
+			...N ? { width: N } : {},
+			...P ? { height: P } : {},
+			onMouseMove: I,
+			onMouseDown: L,
+			onMouseUp: R,
+			onMouseLeave: R
+		}) : null;
+	});
+	return ({ type: e }) => {
+		if (e === "std.shadertoy-canvas") return s;
+	};
+}
+//#endregion
+export { b as createShadertoyRendererResolver };

package/shadertoy-type-Cs2WeCWV.js

@@ -0,0 +1,15 @@
+import { useMemo as e, useSyncExternalStore as t } from "react";
+//#region src/renderer/use-ui-node.ts
+function n(n, r) {
+	let i = t((e) => n.subscribeNode(r, e), () => n.getNodeVersion(r), () => n.getNodeVersion(r));
+	return e(() => n.getNode(r), [
+		n,
+		r,
+		i
+	]);
+}
+//#endregion
+//#region src/shadertoy/shadertoy-type.ts
+var r = "std.shadertoy-canvas";
+//#endregion
+export { n, r as t };

package/shared/render-motion-letters.d.ts

@@ -1,2 +1,3 @@
 import { ReactNode } from 'react';
 export declare function renderMotionLetters(text: string, styleId?: string): ReactNode;
+//# sourceMappingURL=render-motion-letters.d.ts.map

package/shared/render-motion-letters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-motion-letters.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/shared/render-motion-letters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAyFtD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAuC7E"}

package/surface.d.ts

@@ -1,8 +1,8 @@
-import { UIStreamCategories } from '../shared/protocol/src/index.ts';
-import { UiStreamStore } from '../sdk/sdk-ui/src/index.ts';
-import { UiComponentLibrary } from './renderer';
-import { IkonClient } from '../sdk/sdk/src/index.ts';
-export declare const IKON_UI_STREAM_CATEGORY: "ikon-ui";
+import { UIStreamCategories } from '@ikonai/protocol';
+import { IKON_UI_STREAM_CATEGORY, UiStreamStore } from '@ikonai/sdk-ui';
+import { DispatchActionOptions, UiComponentLibrary } from './renderer';
+import { IkonClient } from '@ikonai/sdk';
+export { IKON_UI_STREAM_CATEGORY, IKON_PLATFORM_STREAM_CATEGORY } from '@ikonai/sdk-ui';
 export type IkonUiCategory = UIStreamCategories | typeof IKON_UI_STREAM_CATEGORY | (string & {});
 export interface IkonUiStoreEntry {
     category: IkonUiCategory;
@@ -13,7 +13,10 @@ export interface IkonUiSurfaceProps {
     stores: ReadonlyMap<string, IkonUiStoreEntry>;
     registry: UiComponentLibrary;
     category?: IkonUiCategory;
-    onAction?: (actionId: string, payload?: string) => void;
+    onAction?: (actionId: string, payload?: string, options?: DispatchActionOptions) => void;
     client?: IkonClient | null;
+    /** Mounts the element inspector with this surface. Only one surface on a page may carry it. */
+    inspect?: boolean;
 }
-export declare const IkonUiSurface: import('react').MemoExoticComponent<({ stores, registry, category, onAction, client }: IkonUiSurfaceProps) => import("react").JSX.Element | null>;
+export declare const IkonUiSurface: import('react').MemoExoticComponent<({ stores, registry, category, onAction, client, inspect }: IkonUiSurfaceProps) => import('react').JSX.Element | null>;
+//# sourceMappingURL=surface.d.ts.map

package/surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../sdk/sdk-react-ui/src/surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG7E,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,kBAAkB,EAAc,MAAM,YAAY,CAAC;AAC7F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,OAAO,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAExF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,OAAO,uBAAuB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEjG,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,GAAG,OAAO,CAE5G;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC9C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACzF,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC3B,+FAA+F;IAC/F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,kGAA2H,kBAAkB,wCA4DrK,CAAC"}

package/theme/ikon-app.css

@@ -103,8 +103,10 @@
   padding: 24px;
   z-index: 9999;
   background: var(--ikon-overlay-scrim);
-  backdrop-filter: blur(8px);
+  /* The prefixed form first: the minifier folds this pair into whichever is written last, and
+     Chromium has dropped `-webkit-backdrop-filter`, so standard-last is the one that blurs. */
   -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: blur(8px);
   animation: ikon-fade-in 0.4s ease-out;
 }
 

package/theme/ikon-auth.css

@@ -212,6 +212,8 @@
   font-weight: 500;
 }
 
+/* Outlined like the provider buttons, so a form's submit reads as one more way in rather than as
+   the screen's single primary action */
 .ikon-auth-email-button {
   display: flex;
   align-items: center;
@@ -220,20 +222,20 @@
   width: 100%;
   min-height: 44px;
   padding: 0 16px;
-  background: var(--ikon-bg-solid);
-  border: 1px solid transparent;
+  background: var(--ikon-bg-card);
+  border: 1px solid var(--ikon-border-primary);
   border-radius: var(--ikon-radius-md);
-  color: var(--ikon-text-on-solid);
+  color: var(--ikon-text-primary);
   font-family: inherit;
   font-size: 15px;
   font-weight: 500;
   line-height: 1;
   cursor: pointer;
-  transition: background-color 0.15s ease;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
 }
 
 .ikon-auth-email-button:hover:not(:disabled) {
-  background: var(--ikon-bg-solid-hover);
+  background: var(--ikon-bg-hover);
 }
 
 .ikon-auth-email-button:focus {

package/use-ikon-styles.d.ts

@@ -1,4 +1,4 @@
-import { UiStyleListener, UiStyleDeleteListener, UiStylePayload } from '../sdk/sdk-ui/src/index.ts';
+import { UiStyleListener, UiStyleDeleteListener, UiStylePayload } from '@ikonai/sdk-ui';
 export interface IkonUiStyleSource {
     getUiStyles(): Iterable<UiStylePayload> | readonly UiStylePayload[];
     subscribeToStyles(listener: UiStyleListener): () => void;
@@ -9,3 +9,4 @@ export declare function useIkonStyles(source?: IkonUiStyleSource | null): {
     deleteStyles: (styleIds: string[]) => void;
     reset: () => void;
 };
+//# sourceMappingURL=use-ikon-styles.d.ts.map

package/use-ikon-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ikon-styles.d.ts","sourceRoot":"","sources":["../../../sdk/sdk-react-ui/src/use-ikon-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAI7F,MAAM,WAAW,iBAAiB;IAChC,WAAW,IAAI,QAAQ,CAAC,cAAc,CAAC,GAAG,SAAS,cAAc,EAAE,CAAC;IACpE,iBAAiB,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,IAAI,CAAC;IACzD,uBAAuB,CAAC,CAAC,QAAQ,EAAE,qBAAqB,GAAG,MAAM,IAAI,CAAC;CACvE;AAED,wBAAgB,aAAa,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI;yCAGL,cAAc;6BAmB1B,MAAM,EAAE;;EA+CrD"}

package/use-ikon-ui-stores.d.ts

@@ -4,7 +4,9 @@ import { IkonUiStoreEntry } from './surface';
  * Hook that subscribes to IkonUi store changes.
  * Triggers re-renders when:
  * - Stores are added/removed
+ * - A store's category changes
  * - A store transitions from empty to having valid data (rootViewId + views)
  * Does NOT re-render on every node update within stores.
  */
 export declare function useIkonUiStores(ikonUi: IkonUi | null | undefined): ReadonlyMap<string, IkonUiStoreEntry> | undefined;
+//# sourceMappingURL=use-ikon-ui-stores.d.ts.map

package/use-ikon-ui-stores.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ikon-ui-stores.d.ts","sourceRoot":"","sources":["../../../sdk/sdk-react-ui/src/use-ikon-ui-stores.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAkBlD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,SAAS,CAyBpH"}

package/auth/auth-context.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/base/focus-hint-scroll.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/media/use-media-capture.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/media/use-sibling-client.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/media/video-stream-view.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/renderer/unresolved-node.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vite').UserConfig;
-export default _default;