@ulearning/ai-generative-frame 0.0.0-stage → 1.0.0-next.0

package/dist/spec/vue/SpecRenderer.js

@@ -0,0 +1,357 @@
+import { getAtPointer } from "../pointer.js";
+import { evaluateCondition, resolveProps } from "../expressions.js";
+import { createStateStore } from "../state.js";
+import { childIdsOf, repeatItems, safePointer } from "../tree.js";
+import { createActionDispatcher } from "../actions.js";
+import { PENDING_DOT_STYLE, PENDING_STYLE, animatePendingDots } from "../pending.js";
+import { rejectedPropType } from "../resolved.js";
+import { Fragment, computed, defineComponent, h, inject, onActivated, onBeforeUnmount, onDeactivated, onErrorCaptured, onMounted, onUpdated, provide, shallowRef, watch } from "vue";
+// src/spec/vue/SpecRenderer.tsx
+const SpecContext = Symbol("SpecRenderer");
+const PendingDots = defineComponent({ setup() {
+	const host = shallowRef(null);
+	let stop;
+	const start = () => {
+		stop?.();
+		stop = host.value ? animatePendingDots(host.value) : void 0;
+	};
+	onMounted(start);
+	onActivated(start);
+	onDeactivated(() => {
+		stop?.();
+		stop = void 0;
+	});
+	onBeforeUnmount(() => {
+		stop?.();
+		stop = void 0;
+	});
+	return () => h("span", {
+		ref: host,
+		"data-gf-spec-placeholder": "pending",
+		"aria-hidden": "true",
+		style: PENDING_STYLE
+	}, Array.from({ length: 3 }, (_, key) => h("span", {
+		key,
+		style: PENDING_DOT_STYLE
+	})));
+} });
+const SpecPlaceholder = defineComponent((props) => () => props.reason === "pending" ? h(PendingDots) : h("div", {
+	"data-gf-spec-placeholder": props.reason,
+	role: "note",
+	title: props.id + ": " + props.message,
+	style: {
+		fontSize: "12px",
+		padding: "4px 8px",
+		margin: "2px 0",
+		border: "1px dashed currentColor",
+		borderRadius: "6px",
+		opacity: .6
+	}
+}, props.message), {
+	name: "SpecPlaceholder",
+	props: [
+		"id",
+		"reason",
+		"message"
+	]
+});
+const ElementBoundary = defineComponent((props, { slots }) => {
+	const error = shallowRef(null);
+	watch(() => props.element, () => {
+		error.value = null;
+	}, { flush: "sync" });
+	onErrorCaptured((cause) => {
+		const caught = cause instanceof Error ? cause : new Error(String(cause));
+		error.value = caught;
+		props.onError(caught);
+		return false;
+	});
+	return () => error.value ? props.fallback(error.value) : slots.default?.();
+}, {
+	name: "SpecElementBoundary",
+	props: [
+		"element",
+		"onError",
+		"fallback"
+	]
+});
+function renderChildren(ids, scope, ancestors) {
+	const occurrences = /* @__PURE__ */ new Map();
+	return ids.map((id) => {
+		if (typeof id !== "string") return null;
+		const occurrence = occurrences.get(id) ?? 0;
+		occurrences.set(id, occurrence + 1);
+		return h(ElementView, {
+			key: id + ":" + occurrence,
+			id,
+			scope,
+			ancestors
+		});
+	});
+}
+const ElementView = defineComponent((props) => {
+	const context = inject(SpecContext);
+	let last;
+	let accepted;
+	const commit = () => {
+		if (accepted !== void 0) last = accepted;
+	};
+	onMounted(commit);
+	onUpdated(commit);
+	return () => {
+		const ctx = context.value;
+		const { id, scope, ancestors } = props;
+		const Placeholder = ctx.placeholder;
+		const raw = Object.hasOwn(ctx.spec.elements, id) ? ctx.spec.elements[id] : void 0;
+		const element = raw && typeof raw === "object" && typeof raw.type === "string" ? raw : void 0;
+		const invalid = element && ctx.invalid(element);
+		accepted = invalid ? void 0 : element;
+		if (ancestors.includes(id)) return h(Placeholder, {
+			id,
+			reason: "cycle",
+			message: "\"" + id + "\" contains itself"
+		});
+		if (!element) return ctx.streaming ? null : h(Placeholder, {
+			id,
+			reason: "missing",
+			message: "Missing element \"" + id + "\""
+		});
+		if (!evaluateCondition(element.visible, {
+			...scope,
+			state: ctx.state
+		})) return null;
+		const Impl = Object.hasOwn(ctx.components, element.type) ? ctx.components[element.type] : void 0;
+		if (!Impl || ctx.catalog && !ctx.catalog.component(element.type)) return ctx.streaming ? null : h(Placeholder, {
+			id,
+			reason: "unknown-type",
+			message: "Unknown component \"" + element.type + "\""
+		});
+		if (invalid && !ctx.streaming) return h(Placeholder, {
+			id,
+			reason: "invalid-props",
+			message: invalid
+		});
+		const shown = invalid ? last : element;
+		if (shown?.type !== element.type) return null;
+		return h(ElementBoundary, {
+			element: shown,
+			onError: (error) => context.value.onError?.(error, { elementId: id }),
+			fallback: (error) => context.value.streaming ? null : h(context.value.placeholder, {
+				id,
+				reason: "error",
+				message: shown.type + " failed: " + error.message
+			})
+		}, { default: () => h(ResolvedElement, {
+			key: shown.type,
+			id,
+			element: shown,
+			Impl,
+			scope,
+			ancestors: [...ancestors, id]
+		}) });
+	};
+}, {
+	name: "SpecElement",
+	props: [
+		"id",
+		"scope",
+		"ancestors"
+	]
+});
+const ResolvedElement = defineComponent((input) => {
+	const context = inject(SpecContext);
+	const resolved = computed(() => resolveProps(input.element.props, {
+		...input.scope,
+		state: context.value.state
+	}));
+	const rejected = computed(() => rejectedPropType(context.value.catalog?.propsSchema(input.element.type), resolved.value.props));
+	let last;
+	const shown = computed(() => rejected.value ? last : resolved.value);
+	const commit = () => {
+		if (!rejected.value) last = resolved.value;
+	};
+	onMounted(commit);
+	onUpdated(commit);
+	let previousWatch;
+	watch(() => ({
+		state: context.value.state,
+		element: input.element,
+		scope: input.scope,
+		dispatch: context.value.dispatch
+	}), () => {
+		const ctx = context.value;
+		const next = /* @__PURE__ */ new Map();
+		for (const path of Object.keys(input.element.watch ?? {})) {
+			const value = getAtPointer(ctx.state, safePointer(path));
+			next.set(path, value);
+			if (previousWatch?.has(path) && !Object.is(previousWatch.get(path), value)) ctx.dispatch(input.element.watch[path], {
+				...input.scope,
+				elementId: input.id,
+				trigger: path,
+				kind: "watch"
+			});
+		}
+		previousWatch = next;
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	const emit = (event, payload) => {
+		const bound = input.element.on?.[event];
+		if (bound) context.value.dispatch(bound, {
+			...input.scope,
+			elementId: input.id,
+			trigger: event,
+			kind: "event",
+			payload
+		});
+	};
+	const setProp = (name, value) => {
+		const path = shown.value?.bindings[name];
+		if (path !== void 0) context.value.store.set(path, value, "replace");
+	};
+	return () => {
+		const ctx = context.value;
+		const { id, element, Impl, scope, ancestors } = input;
+		if (rejected.value && !ctx.streaming) return h(ctx.placeholder, {
+			id,
+			reason: "invalid-props",
+			message: element.type + ": " + rejected.value
+		});
+		const current = shown.value;
+		if (!current) return null;
+		const children = element.repeat && typeof element.repeat.path === "string" ? repeatItems(element.repeat, ctx.state)?.map((item) => h(Fragment, { key: item.key }, renderChildren(childIdsOf(element, "default"), item.scope, ancestors))) ?? null : renderChildren(childIdsOf(element, "default"), scope, ancestors);
+		const named = {};
+		for (const [name, ids] of Object.entries(element.slots ?? {})) if (Array.isArray(ids)) named[name] = renderChildren(ids, scope, ancestors);
+		const slots = Object.fromEntries(Object.entries(named).map(([name, nodes]) => [name, () => nodes]));
+		return h(Impl, {
+			id,
+			element,
+			props: current.props,
+			children,
+			bindings: current.bindings,
+			slots: named,
+			emit,
+			setProp,
+			state: ctx.store,
+			streaming: ctx.streaming
+		}, {
+			...slots,
+			default: () => children
+		});
+	};
+}, {
+	name: "ResolvedSpecElement",
+	props: [
+		"id",
+		"element",
+		"Impl",
+		"scope",
+		"ancestors"
+	]
+});
+const SpecRenderer = defineComponent((props) => {
+	const emptyState = {};
+	const ownStore = createStateStore(props.spec.state ?? emptyState);
+	const store = computed(() => props.state ?? ownStore);
+	const snapshot = shallowRef(store.value.getState());
+	const active = shallowRef(false);
+	onMounted(() => {
+		active.value = true;
+	});
+	onActivated(() => {
+		active.value = true;
+	});
+	onDeactivated(() => {
+		active.value = false;
+	});
+	onBeforeUnmount(() => {
+		active.value = false;
+	});
+	watch([store, active], ([current, enabled], _old, onCleanup) => {
+		snapshot.value = current.getState();
+		if (!enabled) return;
+		let subscribed = true;
+		const stop = current.subscribe(() => {
+			if (subscribed) snapshot.value = current.getState();
+		});
+		snapshot.value = current.getState();
+		onCleanup(() => {
+			subscribed = false;
+			stop();
+		});
+	}, {
+		immediate: true,
+		flush: "sync"
+	});
+	watch(() => [props.state, props.spec.state], ([external, seed]) => {
+		if (!external) ownStore.seed(seed ?? emptyState);
+	}, { flush: "pre" });
+	const dispatch = computed(() => createActionDispatcher({
+		store: store.value,
+		...props.catalog ? { catalog: props.catalog } : {},
+		onAction: (name, params, context) => {
+			if (props.handlers && Object.hasOwn(props.handlers, name)) return props.handlers[name](params, context);
+			if (!props.onAction) throw new Error("No handler for action \"" + name + "\"");
+			return props.onAction(name, params, context);
+		},
+		onError: (error) => {
+			if (props.onError) props.onError(error, {});
+			else console.warn("[generative-frame]", error.message);
+		}
+	}));
+	const invalid = computed(() => {
+		const catalog = props.catalog;
+		const cache = /* @__PURE__ */ new WeakMap();
+		return (element) => {
+			if (!catalog) return void 0;
+			let message = cache.get(element);
+			if (message === void 0) {
+				const issues = catalog.validateProps(element.type, element.props);
+				message = issues.length ? element.type + ": " + issues.slice(0, 2).map((issue) => (issue.path === "/" ? "props" : issue.path.slice(1)) + " " + issue.message).join("; ") : null;
+				cache.set(element, message);
+			}
+			return message ?? void 0;
+		};
+	});
+	const ctx = computed(() => ({
+		spec: props.spec,
+		components: props.components,
+		catalog: props.catalog,
+		store: store.value,
+		state: snapshot.value,
+		dispatch: dispatch.value,
+		streaming: props.streaming ?? false,
+		placeholder: props.placeholder ?? SpecPlaceholder,
+		invalid: invalid.value,
+		onError: props.onError
+	}));
+	provide(SpecContext, ctx);
+	return () => [props.spec.root ? h(ElementView, {
+		key: "root",
+		id: props.spec.root,
+		scope: {},
+		ancestors: []
+	}) : null, props.streaming ? h(props.placeholder ?? SpecPlaceholder, {
+		key: "pending",
+		id: "",
+		reason: "pending",
+		message: "The spec is streaming"
+	}) : null];
+}, {
+	name: "SpecRenderer",
+	props: [
+		"spec",
+		"components",
+		"catalog",
+		"state",
+		"handlers",
+		"onAction",
+		"onError",
+		"streaming",
+		"placeholder"
+	]
+});
+export { SpecPlaceholder, SpecRenderer };
+
+//# sourceMappingURL=SpecRenderer.js.map

package/dist/spec/vue/SpecRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecRenderer.js","names":["computed","defineComponent","Fragment","h","inject","onActivated","onBeforeUnmount","onDeactivated","onErrorCaptured","onMounted","onUpdated","provide","shallowRef","watch","Component","ComputedRef","InjectionKey","VNodeChild","createActionDispatcher","ActionDispatcher","ActionHandler","ActionSource","Catalog","evaluateCondition","resolveProps","ExpressionContext","animatePendingDots","PENDING_DOT_STYLE","PENDING_STYLE","getAtPointer","rejectedPropType","createStateStore","SpecStateStore","childIdsOf","repeatItems","safePointer","Spec","SpecElement","SpecComponentProps","Record","id","element","props","P","children","slots","emit","event","payload","setProp","name","value","bindings","state","streaming","SpecComponents","SpecPlaceholderProps","reason","message","SpecRendererProps","spec","components","catalog","handlers","onAction","params","context","onError","error","Error","elementId","placeholder","RenderContext","store","dispatch","invalid","SpecContext","Symbol","Scope","Pick","PendingDots","setup","host","HTMLSpanElement","stop","start","undefined","ref","style","Array","from","length","_","key","SpecPlaceholder","role","title","fontSize","padding","margin","border","borderRadius","opacity","BoundaryProps","fallback","ElementBoundary","flush","cause","caught","String","default","renderChildren","ids","scope","ancestors","occurrences","Map","map","occurrence","get","set","ElementView","last","accepted","commit","ctx","Placeholder","raw","Object","hasOwn","elements","type","includes","visible","Impl","component","shown","ResolvedElement","Resolved","ReturnType","input","resolved","rejected","propsSchema","previousWatch","next","path","keys","has","is","trigger","kind","immediate","bound","on","current","repeat","item","named","entries","isArray","fromEntries","nodes","SpecRenderer","emptyState","ownStore","snapshot","getState","active","enabled","_old","onCleanup","subscribed","subscribe","const","external","seed","console","warn","cache","WeakMap","issues","validateProps","slice","issue","join","root"],"sources":["../../../src/spec/vue/SpecRenderer.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  Fragment,\n  h,\n  inject,\n  onActivated,\n  onBeforeUnmount,\n  onDeactivated,\n  onErrorCaptured,\n  onMounted,\n  onUpdated,\n  provide,\n  shallowRef,\n  watch,\n  type Component,\n  type ComputedRef,\n  type InjectionKey,\n  type VNodeChild,\n} from \"vue\";\nimport {\n  createActionDispatcher,\n  type ActionDispatcher,\n  type ActionHandler,\n  type ActionSource,\n} from \"../actions\";\nimport type { Catalog } from \"../catalog\";\nimport {\n  evaluateCondition,\n  resolveProps,\n  type ExpressionContext,\n} from \"../expressions\";\nimport {\n  animatePendingDots,\n  PENDING_DOT_STYLE,\n  PENDING_STYLE,\n} from \"../pending\";\nimport { getAtPointer } from \"../pointer\";\nimport { rejectedPropType } from \"../resolved\";\nimport { createStateStore, type SpecStateStore } from \"../state\";\nimport { childIdsOf, repeatItems, safePointer } from \"../tree\";\nimport type { Spec, SpecElement } from \"../types\";\nexport type SpecComponentProps<\n  P extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  id: string;\n  element: SpecElement;\n  props: P;\n  /** The rendered default slot, also supplied as a native Vue default slot. */\n  children: VNodeChild;\n  /** Named slot nodes, also supplied as native Vue named slots. */\n  slots: Record<string, VNodeChild>;\n  emit(event: string, payload?: unknown): void;\n  setProp(name: string, value: unknown): void;\n  bindings: Record<string, string>;\n  state: SpecStateStore;\n  streaming: boolean;\n};\nexport type SpecComponents = Record<string, Component>;\nexport type SpecPlaceholderProps = {\n  id: string;\n  reason:\n    | \"missing\"\n    | \"pending\"\n    | \"unknown-type\"\n    | \"invalid-props\"\n    | \"cycle\"\n    | \"error\";\n  message: string;\n};\nexport type SpecRendererProps = {\n  spec: Spec;\n  components: SpecComponents;\n  catalog?: Catalog;\n  state?: SpecStateStore;\n  handlers?: Record<string, ActionHandler>;\n  onAction?: (\n    name: string,\n    params: Record<string, unknown>,\n    context: ActionSource & { state: SpecStateStore },\n  ) => unknown;\n  onError?: (error: Error, context: { elementId?: string }) => void;\n  streaming?: boolean;\n  placeholder?: Component;\n};\ntype RenderContext = {\n  spec: Spec;\n  components: SpecComponents;\n  catalog: Catalog | undefined;\n  store: SpecStateStore;\n  state: Record<string, unknown>;\n  dispatch: ActionDispatcher;\n  streaming: boolean;\n  placeholder: Component;\n  invalid: (element: SpecElement) => string | undefined;\n  onError: SpecRendererProps[\"onError\"];\n};\nconst SpecContext: InjectionKey<ComputedRef<RenderContext>> =\n  Symbol(\"SpecRenderer\");\ntype Scope = Pick<ExpressionContext, \"item\" | \"index\" | \"itemPath\">;\nconst PendingDots = defineComponent({\n  setup() {\n    const host = shallowRef<HTMLSpanElement | null>(null);\n    let stop: (() => void) | undefined;\n    const start = () => {\n      stop?.();\n      stop = host.value ? animatePendingDots(host.value) : undefined;\n    };\n    onMounted(start);\n    onActivated(start);\n    onDeactivated(() => {\n      stop?.();\n      stop = undefined;\n    });\n    onBeforeUnmount(() => {\n      stop?.();\n      stop = undefined;\n    });\n    return () =>\n      h(\n        \"span\",\n        {\n          ref: host,\n          \"data-gf-spec-placeholder\": \"pending\",\n          \"aria-hidden\": \"true\",\n          style: PENDING_STYLE,\n        },\n        Array.from({ length: 3 }, (_, key) =>\n          h(\"span\", { key, style: PENDING_DOT_STYLE }),\n        ),\n      );\n  },\n});\nexport const SpecPlaceholder = defineComponent(\n  (props: SpecPlaceholderProps) => () =>\n    props.reason === \"pending\"\n      ? h(PendingDots)\n      : h(\n          \"div\",\n          {\n            \"data-gf-spec-placeholder\": props.reason,\n            role: \"note\",\n            title: props.id + \": \" + props.message,\n            style: {\n              fontSize: \"12px\",\n              padding: \"4px 8px\",\n              margin: \"2px 0\",\n              border: \"1px dashed currentColor\",\n              borderRadius: \"6px\",\n              opacity: 0.6,\n            },\n          },\n          props.message,\n        ),\n  { name: \"SpecPlaceholder\", props: [\"id\", \"reason\", \"message\"] },\n);\ntype BoundaryProps = {\n  element: SpecElement;\n  onError: (error: Error) => void;\n  fallback: (error: Error) => VNodeChild;\n};\nconst ElementBoundary = defineComponent(\n  (props: BoundaryProps, { slots }) => {\n    const error = shallowRef<Error | null>(null);\n    watch(\n      () => props.element,\n      () => {\n        error.value = null;\n      },\n      { flush: \"sync\" },\n    );\n    onErrorCaptured((cause) => {\n      const caught = cause instanceof Error ? cause : new Error(String(cause));\n      error.value = caught;\n      props.onError(caught);\n      return false;\n    });\n    return () =>\n      error.value ? props.fallback(error.value) : slots.default?.();\n  },\n  { name: \"SpecElementBoundary\", props: [\"element\", \"onError\", \"fallback\"] },\n);\nfunction renderChildren(\n  ids: readonly unknown[],\n  scope: Scope,\n  ancestors: readonly string[],\n): VNodeChild[] {\n  const occurrences = new Map<string, number>();\n  return ids.map((id) => {\n    if (typeof id !== \"string\") return null;\n    const occurrence = occurrences.get(id) ?? 0;\n    occurrences.set(id, occurrence + 1);\n    return h(ElementView, { key: id + \":\" + occurrence, id, scope, ancestors });\n  });\n}\nconst ElementView = defineComponent(\n  (props: { id: string; scope: Scope; ancestors: readonly string[] }) => {\n    const context = inject(SpecContext)!;\n    let last: SpecElement | undefined;\n    let accepted: SpecElement | undefined;\n    const commit = () => {\n      if (accepted !== undefined) last = accepted;\n    };\n    onMounted(commit);\n    onUpdated(commit);\n    return () => {\n      const ctx = context.value;\n      const { id, scope, ancestors } = props;\n      const Placeholder = ctx.placeholder;\n      const raw = Object.hasOwn(ctx.spec.elements, id)\n        ? ctx.spec.elements[id]\n        : undefined;\n      const element =\n        raw && typeof raw === \"object\" && typeof raw.type === \"string\"\n          ? raw\n          : undefined;\n      const invalid = element && ctx.invalid(element);\n      accepted = invalid ? undefined : element;\n      if (ancestors.includes(id))\n        return h(Placeholder, {\n          id,\n          reason: \"cycle\",\n          message: '\"' + id + '\" contains itself',\n        });\n      if (!element)\n        return ctx.streaming\n          ? null\n          : h(Placeholder, {\n              id,\n              reason: \"missing\",\n              message: 'Missing element \"' + id + '\"',\n            });\n      if (!evaluateCondition(element.visible, { ...scope, state: ctx.state }))\n        return null;\n      const Impl = Object.hasOwn(ctx.components, element.type)\n        ? ctx.components[element.type]\n        : undefined;\n      if (!Impl || (ctx.catalog && !ctx.catalog.component(element.type)))\n        return ctx.streaming\n          ? null\n          : h(Placeholder, {\n              id,\n              reason: \"unknown-type\",\n              message: 'Unknown component \"' + element.type + '\"',\n            });\n      if (invalid && !ctx.streaming)\n        return h(Placeholder, {\n          id,\n          reason: \"invalid-props\",\n          message: invalid,\n        });\n      const shown = invalid ? last : element;\n      if (shown?.type !== element.type) return null;\n      return h(\n        ElementBoundary,\n        {\n          element: shown,\n          onError: (error) => context.value.onError?.(error, { elementId: id }),\n          fallback: (error) =>\n            context.value.streaming\n              ? null\n              : h(context.value.placeholder, {\n                  id,\n                  reason: \"error\",\n                  message: shown.type + \" failed: \" + error.message,\n                }),\n        },\n        {\n          default: () =>\n            h(ResolvedElement, {\n              key: shown.type,\n              id,\n              element: shown,\n              Impl,\n              scope,\n              ancestors: [...ancestors, id],\n            }),\n        },\n      );\n    };\n  },\n  { name: \"SpecElement\", props: [\"id\", \"scope\", \"ancestors\"] },\n);\ntype Resolved = ReturnType<typeof resolveProps>;\nconst ResolvedElement = defineComponent(\n  (input: {\n    id: string;\n    element: SpecElement;\n    Impl: Component;\n    scope: Scope;\n    ancestors: readonly string[];\n  }) => {\n    const context = inject(SpecContext)!;\n    const resolved = computed(() =>\n      resolveProps(input.element.props, {\n        ...input.scope,\n        state: context.value.state,\n      }),\n    );\n    const rejected = computed(() =>\n      rejectedPropType(\n        context.value.catalog?.propsSchema(input.element.type),\n        resolved.value.props,\n      ),\n    );\n    let last: Resolved | undefined;\n    const shown = computed(() => (rejected.value ? last : resolved.value));\n    const commit = () => {\n      if (!rejected.value) last = resolved.value;\n    };\n    onMounted(commit);\n    onUpdated(commit);\n    let previousWatch: Map<string, unknown> | undefined;\n    watch(\n      () => ({\n        state: context.value.state,\n        element: input.element,\n        scope: input.scope,\n        dispatch: context.value.dispatch,\n      }),\n      () => {\n        const ctx = context.value;\n        const next = new Map<string, unknown>();\n        for (const path of Object.keys(input.element.watch ?? {})) {\n          const value = getAtPointer(ctx.state, safePointer(path));\n          next.set(path, value);\n          if (\n            previousWatch?.has(path) &&\n            !Object.is(previousWatch.get(path), value)\n          )\n            void ctx.dispatch(input.element.watch![path], {\n              ...input.scope,\n              elementId: input.id,\n              trigger: path,\n              kind: \"watch\",\n            });\n        }\n        previousWatch = next;\n      },\n      { immediate: true, flush: \"post\" },\n    );\n    const emit = (event: string, payload?: unknown) => {\n      const bound = input.element.on?.[event];\n      if (bound)\n        void context.value.dispatch(bound, {\n          ...input.scope,\n          elementId: input.id,\n          trigger: event,\n          kind: \"event\",\n          payload,\n        });\n    };\n    const setProp = (name: string, value: unknown) => {\n      const path = shown.value?.bindings[name];\n      if (path !== undefined) context.value.store.set(path, value, \"replace\");\n    };\n    return () => {\n      const ctx = context.value;\n      const { id, element, Impl, scope, ancestors } = input;\n      if (rejected.value && !ctx.streaming)\n        return h(ctx.placeholder, {\n          id,\n          reason: \"invalid-props\",\n          message: element.type + \": \" + rejected.value,\n        });\n      const current = shown.value;\n      if (!current) return null;\n      const children =\n        element.repeat && typeof element.repeat.path === \"string\"\n          ? (repeatItems(element.repeat, ctx.state)?.map((item) =>\n              h(\n                Fragment,\n                { key: item.key },\n                renderChildren(\n                  childIdsOf(element, \"default\"),\n                  item.scope,\n                  ancestors,\n                ),\n              ),\n            ) ?? null)\n          : renderChildren(childIdsOf(element, \"default\"), scope, ancestors);\n      const named: Record<string, VNodeChild> = {};\n      for (const [name, ids] of Object.entries(element.slots ?? {}))\n        if (Array.isArray(ids))\n          named[name] = renderChildren(ids, scope, ancestors);\n      const slots = Object.fromEntries(\n        Object.entries(named).map(([name, nodes]) => [name, () => nodes]),\n      );\n      return h(\n        Impl,\n        {\n          id,\n          element,\n          props: current.props,\n          children,\n          bindings: current.bindings,\n          slots: named,\n          emit,\n          setProp,\n          state: ctx.store,\n          streaming: ctx.streaming,\n        },\n        { ...slots, default: () => children },\n      );\n    };\n  },\n  {\n    name: \"ResolvedSpecElement\",\n    props: [\"id\", \"element\", \"Impl\", \"scope\", \"ancestors\"],\n  },\n);\nexport const SpecRenderer = defineComponent(\n  (props: SpecRendererProps) => {\n    const emptyState: Record<string, unknown> = {};\n    const ownStore = createStateStore(props.spec.state ?? emptyState);\n    const store = computed(() => props.state ?? ownStore);\n    const snapshot = shallowRef(store.value.getState());\n    const active = shallowRef(false);\n    onMounted(() => {\n      active.value = true;\n    });\n    onActivated(() => {\n      active.value = true;\n    });\n    onDeactivated(() => {\n      active.value = false;\n    });\n    onBeforeUnmount(() => {\n      active.value = false;\n    });\n    watch(\n      [store, active],\n      ([current, enabled], _old, onCleanup) => {\n        snapshot.value = current.getState();\n        if (!enabled) return;\n        let subscribed = true;\n        const stop = current.subscribe(() => {\n          if (subscribed) snapshot.value = current.getState();\n        });\n        snapshot.value = current.getState();\n        onCleanup(() => {\n          subscribed = false;\n          stop();\n        });\n      },\n      { immediate: true, flush: \"sync\" },\n    );\n    watch(\n      () => [props.state, props.spec.state] as const,\n      ([external, seed]) => {\n        if (!external) ownStore.seed(seed ?? emptyState);\n      },\n      { flush: \"pre\" },\n    );\n    const dispatch = computed(() =>\n      createActionDispatcher({\n        store: store.value,\n        ...(props.catalog ? { catalog: props.catalog } : {}),\n        onAction: (name, params, context) => {\n          if (props.handlers && Object.hasOwn(props.handlers, name))\n            return props.handlers[name]!(params, context);\n          if (!props.onAction)\n            throw new Error('No handler for action \"' + name + '\"');\n          return props.onAction(name, params, context);\n        },\n        onError: (error) => {\n          if (props.onError) props.onError(error, {});\n          else console.warn(\"[generative-frame]\", error.message);\n        },\n      }),\n    );\n    const invalid = computed(() => {\n      const catalog = props.catalog;\n      const cache = new WeakMap<SpecElement, string | null>();\n      return (element: SpecElement): string | undefined => {\n        if (!catalog) return undefined;\n        let message = cache.get(element);\n        if (message === undefined) {\n          const issues = catalog.validateProps(element.type, element.props);\n          message = issues.length\n            ? element.type +\n              \": \" +\n              issues\n                .slice(0, 2)\n                .map(\n                  (issue) =>\n                    (issue.path === \"/\" ? \"props\" : issue.path.slice(1)) +\n                    \" \" +\n                    issue.message,\n                )\n                .join(\"; \")\n            : null;\n          cache.set(element, message);\n        }\n        return message ?? undefined;\n      };\n    });\n    const ctx = computed<RenderContext>(() => ({\n      spec: props.spec,\n      components: props.components,\n      catalog: props.catalog,\n      store: store.value,\n      state: snapshot.value,\n      dispatch: dispatch.value,\n      streaming: props.streaming ?? false,\n      placeholder: props.placeholder ?? SpecPlaceholder,\n      invalid: invalid.value,\n      onError: props.onError,\n    }));\n    provide(SpecContext, ctx);\n    return () => [\n      props.spec.root\n        ? h(ElementView, {\n            key: \"root\",\n            id: props.spec.root,\n            scope: {},\n            ancestors: [],\n          })\n        : null,\n      props.streaming\n        ? h(props.placeholder ?? SpecPlaceholder, {\n            key: \"pending\",\n            id: \"\",\n            reason: \"pending\",\n            message: \"The spec is streaming\",\n          })\n        : null,\n    ];\n  },\n  {\n    name: \"SpecRenderer\",\n    props: [\n      \"spec\",\n      \"components\",\n      \"catalog\",\n      \"state\",\n      \"handlers\",\n      \"onAction\",\n      \"onError\",\n      \"streaming\",\n      \"placeholder\",\n    ],\n  },\n);\n"],"mappings":"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"}

package/dist/spec/vue/useSpecStream.d.ts

@@ -0,0 +1,19 @@
+import { type MaybeRefOrGetter, type ShallowRef } from "vue";
+import { type SpecStreamError, type SpecStreamMode } from "../stream.js";
+import { type Spec } from "../types.js";
+export type UseSpecStreamOptions = {
+    source?: string;
+    complete?: boolean;
+    mode?: SpecStreamMode;
+    initial?: Spec;
+};
+export type UseSpecStreamResult = {
+    spec: Readonly<ShallowRef<Spec>>;
+    text: Readonly<ShallowRef<string>>;
+    errors: Readonly<ShallowRef<SpecStreamError[]>>;
+    push(chunk: string): void;
+    end(): void;
+    reset(): void;
+};
+export declare function useSpecStream(options?: MaybeRefOrGetter<UseSpecStreamOptions>): UseSpecStreamResult;
+//# sourceMappingURL=useSpecStream.d.ts.map

package/dist/spec/vue/useSpecStream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpecStream.d.ts","mappings":"AAAA,OAAO,EAML,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,KAAK;AACZ,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,cAAW;AAClB,OAAO,EAAa,KAAK,IAAI,EAAE,MAAM,aAAU;AAC/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,CAAC,EAAE,MAAM;IACf,QAAQ,CAAC,EAAE,OAAO;IAClB,IAAI,CAAC,EAAE,cAAc;IACrB,OAAO,CAAC,EAAE,IAAI;CACf;AACD,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC,CAAC;IAC/C,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IACzB,GAAG,IAAI,IAAI;IACX,KAAK,IAAI,IAAI;CACd;AAUD,wBAAgB,aAAa,CAC3B,OAAO,GAAE,gBAAgB,CAAC,oBAAoB,CAAM,GACnD,mBAAmB","names":[],"ignoreList":[],"sources":["../../../src/spec/vue/useSpecStream.ts"],"sourcesContent":[null]}

package/dist/spec/vue/useSpecStream.js

@@ -0,0 +1,115 @@
+import { emptySpec } from "../types.js";
+import { createSpecStream, parseSpecStream } from "../stream.js";
+import { computed, onScopeDispose, shallowRef, toValue, watch } from "vue";
+// src/spec/vue/useSpecStream.ts
+function useSpecStream(options = {}) {
+	const generation = shallowRef(0);
+	const snapshot = shallowRef({
+		spec: toValue(options).initial ?? emptySpec(),
+		text: "",
+		errors: []
+	});
+	const followed = shallowRef(null);
+	let follower = null;
+	let imperative = null;
+	let disposed = false;
+	const start = () => {
+		const { initial, mode = "jsonl" } = toValue(options);
+		return createSpecStream({
+			mode,
+			...initial ? { initial } : {}
+		});
+	};
+	watch(() => [
+		toValue(options).source,
+		toValue(options).complete ?? false,
+		toValue(options).mode ?? "jsonl",
+		generation.value
+	], ([source, complete, mode, currentGeneration]) => {
+		if (source === void 0) {
+			followed.value = null;
+			return;
+		}
+		const initial = toValue(options).initial;
+		if (complete) {
+			const result = parseSpecStream(source, {
+				mode,
+				...initial ? { initial } : {}
+			});
+			follower = null;
+			followed.value = {
+				spec: result.spec,
+				text: result.text,
+				errors: result.errors
+			};
+			return;
+		}
+		if (!follower || follower.mode !== mode || follower.generation !== currentGeneration || !source.startsWith(follower.consumed)) follower = {
+			stream: start(),
+			consumed: "",
+			mode,
+			generation: currentGeneration,
+			text: "",
+			errors: []
+		};
+		if (source.length > follower.consumed.length) {
+			const update = follower.stream.push(source.slice(follower.consumed.length));
+			follower.consumed = source;
+			if (update.text) follower.text += update.text;
+			if (update.errors.length) follower.errors = [...follower.errors, ...update.errors];
+		}
+		followed.value = {
+			spec: follower.stream.spec,
+			text: follower.text,
+			errors: follower.errors
+		};
+	}, {
+		immediate: true,
+		flush: "pre"
+	});
+	onScopeDispose(() => {
+		disposed = true;
+		follower = null;
+		imperative = null;
+	});
+	const current = computed(() => followed.value ?? snapshot.value);
+	return {
+		spec: computed(() => current.value.spec),
+		text: computed(() => current.value.text),
+		errors: computed(() => current.value.errors),
+		push(chunk) {
+			if (disposed) return;
+			imperative ??= start();
+			const update = imperative.push(chunk);
+			const previous = snapshot.value;
+			if (update.spec !== previous.spec || update.text || update.errors.length) snapshot.value = {
+				spec: update.spec,
+				text: previous.text + update.text,
+				errors: update.errors.length ? [...previous.errors, ...update.errors] : previous.errors
+			};
+		},
+		end() {
+			if (disposed || !imperative) return;
+			const result = imperative.result();
+			imperative = null;
+			snapshot.value = {
+				spec: result.spec,
+				text: result.text,
+				errors: result.errors
+			};
+		},
+		reset() {
+			if (disposed) return;
+			imperative = null;
+			generation.value++;
+			snapshot.value = {
+				spec: toValue(options).initial ?? emptySpec(),
+				text: "",
+				errors: []
+			};
+		}
+	};
+}
+export { useSpecStream };
+
+//# sourceMappingURL=useSpecStream.js.map

package/dist/spec/vue/useSpecStream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpecStream.js","names":[],"sources":["../../../src/spec/vue/useSpecStream.ts"],"sourcesContent":["import {\n  computed,\n  onScopeDispose,\n  shallowRef,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n  type ShallowRef,\n} from \"vue\";\nimport {\n  createSpecStream,\n  parseSpecStream,\n  type SpecStream,\n  type SpecStreamError,\n  type SpecStreamMode,\n} from \"../stream\";\nimport { emptySpec, type Spec } from \"../types\";\nexport type UseSpecStreamOptions = {\n  source?: string;\n  complete?: boolean;\n  mode?: SpecStreamMode;\n  initial?: Spec;\n};\nexport type UseSpecStreamResult = {\n  spec: Readonly<ShallowRef<Spec>>;\n  text: Readonly<ShallowRef<string>>;\n  errors: Readonly<ShallowRef<SpecStreamError[]>>;\n  push(chunk: string): void;\n  end(): void;\n  reset(): void;\n};\ntype Snapshot = { spec: Spec; text: string; errors: SpecStreamError[] };\ntype Follower = {\n  stream: SpecStream;\n  consumed: string;\n  mode: SpecStreamMode;\n  generation: number;\n  text: string;\n  errors: SpecStreamError[];\n};\nexport function useSpecStream(\n  options: MaybeRefOrGetter<UseSpecStreamOptions> = {},\n): UseSpecStreamResult {\n  const generation = shallowRef(0);\n  const snapshot = shallowRef<Snapshot>({\n    spec: toValue(options).initial ?? emptySpec(),\n    text: \"\",\n    errors: [],\n  });\n  const followed = shallowRef<Snapshot | null>(null);\n  let follower: Follower | null = null;\n  let imperative: SpecStream | null = null;\n  let disposed = false;\n  const start = () => {\n    const { initial, mode = \"jsonl\" } = toValue(options);\n    return createSpecStream({ mode, ...(initial ? { initial } : {}) });\n  };\n  watch(\n    () =>\n      [\n        toValue(options).source,\n        toValue(options).complete ?? false,\n        toValue(options).mode ?? \"jsonl\",\n        generation.value,\n      ] as const,\n    ([source, complete, mode, currentGeneration]) => {\n      if (source === undefined) {\n        followed.value = null;\n        return;\n      }\n      const initial = toValue(options).initial;\n      if (complete) {\n        const result = parseSpecStream(source, {\n          mode,\n          ...(initial ? { initial } : {}),\n        });\n        follower = null;\n        followed.value = {\n          spec: result.spec,\n          text: result.text,\n          errors: result.errors,\n        };\n        return;\n      }\n      if (\n        !follower ||\n        follower.mode !== mode ||\n        follower.generation !== currentGeneration ||\n        !source.startsWith(follower.consumed)\n      ) {\n        follower = {\n          stream: start(),\n          consumed: \"\",\n          mode,\n          generation: currentGeneration,\n          text: \"\",\n          errors: [],\n        };\n      }\n      if (source.length > follower.consumed.length) {\n        const update = follower.stream.push(\n          source.slice(follower.consumed.length),\n        );\n        follower.consumed = source;\n        if (update.text) follower.text += update.text;\n        if (update.errors.length)\n          follower.errors = [...follower.errors, ...update.errors];\n      }\n      followed.value = {\n        spec: follower.stream.spec,\n        text: follower.text,\n        errors: follower.errors,\n      };\n    },\n    { immediate: true, flush: \"pre\" },\n  );\n  onScopeDispose(() => {\n    disposed = true;\n    follower = null;\n    imperative = null;\n  });\n  const current = computed(() => followed.value ?? snapshot.value);\n  return {\n    spec: computed(() => current.value.spec),\n    text: computed(() => current.value.text),\n    errors: computed(() => current.value.errors),\n    push(chunk) {\n      if (disposed) return;\n      imperative ??= start();\n      const update = imperative.push(chunk);\n      const previous = snapshot.value;\n      if (update.spec !== previous.spec || update.text || update.errors.length)\n        snapshot.value = {\n          spec: update.spec,\n          text: previous.text + update.text,\n          errors: update.errors.length\n            ? [...previous.errors, ...update.errors]\n            : previous.errors,\n        };\n    },\n    end() {\n      if (disposed || !imperative) return;\n      const result = imperative.result();\n      imperative = null;\n      snapshot.value = {\n        spec: result.spec,\n        text: result.text,\n        errors: result.errors,\n      };\n    },\n    reset() {\n      if (disposed) return;\n      imperative = null;\n      generation.value++;\n      snapshot.value = {\n        spec: toValue(options).initial ?? emptySpec(),\n        text: \"\",\n        errors: [],\n      };\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/spec/vue.d.ts

@@ -0,0 +1,3 @@
+export { SpecRenderer, SpecPlaceholder, type SpecComponentProps, type SpecComponents, type SpecPlaceholderProps, type SpecRendererProps, } from "./vue/SpecRenderer.js";
+export { useSpecStream, type UseSpecStreamOptions, type UseSpecStreamResult, } from "./vue/useSpecStream.js";
+//# sourceMappingURL=vue.d.ts.map

package/dist/spec/vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.d.ts","mappings":"AAAA,OAAO,EACL,YAAY,EACZ,eAAe,EACf,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,GACvB,MAAM,uBAAoB;AAC3B,OAAO,EACL,aAAa,EACb,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,GACzB,MAAM,wBAAqB","names":[],"ignoreList":[],"sources":["../../src/spec/vue.ts"],"sourcesContent":[null]}

package/dist/spec/vue.js

@@ -0,0 +1,3 @@
+import { SpecPlaceholder, SpecRenderer } from "./vue/SpecRenderer.js";
+import { useSpecStream } from "./vue/useSpecStream.js";
+export { SpecPlaceholder, SpecRenderer, useSpecStream };

package/dist/spec.d.ts

@@ -0,0 +1,12 @@
+export type { ActionBinding, Condition, PatchOperation, Spec, SpecElement, } from "./spec/types.js";
+export { emptySpec } from "./spec/types.js";
+export { defineCatalog, type ActionDefinition, type Catalog, type CatalogDefinition, type ComponentDefinition, type PropsSchema, } from "./spec/catalog.js";
+export type { SpecPromptOptions } from "./spec/prompt.js";
+export { createSpecStream, parseSpecStream, type CreateSpecStreamOptions, type SpecStream, type SpecStreamError, type SpecStreamMode, type SpecStreamResult, type SpecStreamUpdate, } from "./spec/stream.js";
+export { applyPatch } from "./spec/patch.js";
+export { formatSpecIssues, validateSpec, type SpecIssue, type SpecIssueCode, type SpecValidation, type ValidateSpecOptions, } from "./spec/validate.js";
+export { createStateStore, type SpecStateStore, type SpecStateWrite, type StateListener, type StateStoreOptions, } from "./spec/state.js";
+export { resolveSpec, type ResolveSpecOptions, type ResolvedAction, type ResolvedElement, } from "./spec/resolve.js";
+export type { ActionHandler, ActionSource } from "./spec/actions.js";
+export type { JsonSchema, JsonSchemaType, StandardSchemaLike, } from "./json-schema.js";
+//# sourceMappingURL=spec.d.ts.map

package/dist/spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.d.ts","mappings":"AAAA,YAAY,EACV,aAAa,EACb,SAAS,EACT,cAAc,EACd,IAAI,EACJ,WAAW,GACZ,MAAM,iBAAc;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAc;AACxC,OAAO,EACL,aAAa,EACb,KAAK,gBAAgB,EACrB,KAAK,OAAO,EACZ,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,mBAAgB;AACvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAe;AACtD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,kBAAe;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc;AACzC,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACzB,MAAM,oBAAiB;AACxB,OAAO,EACL,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,iBAAiB,GACvB,MAAM,iBAAc;AACrB,OAAO,EACL,WAAW,EACX,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,mBAAgB;AACvB,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAgB;AACjE,YAAY,EACV,UAAU,EACV,cAAc,EACd,kBAAkB,GACnB,MAAM,kBAAe","names":[],"ignoreList":[],"sources":["../src/spec.ts"],"sourcesContent":[null]}

package/dist/spec.js

@@ -0,0 +1,8 @@
+import { emptySpec } from "./spec/types.js";
+import { defineCatalog } from "./spec/catalog.js";
+import { applyPatch } from "./spec/patch.js";
+import { createSpecStream, parseSpecStream } from "./spec/stream.js";
+import { formatSpecIssues, validateSpec } from "./spec/validate.js";
+import { createStateStore } from "./spec/state.js";
+import { resolveSpec } from "./spec/resolve.js";
+export { applyPatch, createSpecStream, createStateStore, defineCatalog, emptySpec, formatSpecIssues, parseSpecStream, resolveSpec, validateSpec };

package/dist/theme.d.ts

@@ -0,0 +1,38 @@
+import type { ColorScheme } from "./protocol.js";
+/** Theme values sent into a widget frame, keyed by CSS custom property name. */
+export type ThemeTokens = {
+    colorScheme: ColorScheme;
+    variables: Record<string, string>;
+};
+export type ThemeTokenName = "--color-background" | "--color-surface" | "--color-surface-muted" | "--color-text" | "--color-text-muted" | "--color-text-subtle" | "--color-border" | "--color-border-strong" | "--color-accent" | "--color-accent-text" | "--color-danger" | "--color-success" | "--color-warning" | "--color-info" | "--chart-1" | "--chart-2" | "--chart-3" | "--chart-4" | "--chart-5" | "--chart-6" | "--font-sans" | "--font-mono" | "--radius-sm" | "--radius-md" | "--radius-lg";
+export type ThemeTokenInfo = {
+    name: ThemeTokenName;
+    group: "surface" | "text" | "border" | "accent" | "status" | "chart" | "type" | "shape";
+    usage: string;
+};
+/** The canonical tokens every frame defines, in prompt order. */
+export declare const THEME_TOKENS: readonly ThemeTokenInfo[];
+export declare const DEFAULT_LIGHT_TOKENS: ThemeTokens;
+export declare const DEFAULT_DARK_TOKENS: ThemeTokens;
+export declare const defaultThemeTokens: (scheme: ColorScheme) => ThemeTokens;
+/**
+ * Where `readThemeTokens` looks for each canonical token, first match wins.
+ * The defaults read the canonical name, then the shadcn/ui variable.
+ */
+export type ThemeTokenSources = Partial<Record<ThemeTokenName, string | readonly string[]>>;
+export declare const DEFAULT_TOKEN_SOURCES: Record<ThemeTokenName, readonly string[]>;
+/** Infers the color scheme an element renders in. */
+export declare function detectColorScheme(element: Element): ColorScheme;
+/**
+ * Reads the host page's theme into canonical tokens. Tokens the page does not
+ * define fall back to the built-in palette for the detected color scheme.
+ */
+export declare function readThemeTokens(element?: Element, sources?: ThemeTokenSources): ThemeTokens;
+/**
+ * Maps canonical tokens onto the MCP Apps standard style variables, so
+ * widgets written for MCP Apps hosts pick up the host theme too.
+ */
+export declare function toMcpAppsVariables(tokens: ThemeTokens): Record<string, string>;
+/** Every variable a frame receives: canonical tokens plus their MCP Apps aliases. */
+export declare function themeVariables(tokens: ThemeTokens): Record<string, string>;
+//# sourceMappingURL=theme.d.ts.map