deckjsx 0.8.0 → 0.8.1

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { a as isSlideNode, c as authorElementPropsFromEntries, d as isAuthorTreeNode, f as isAuthoredTag, i as isContentNode, l as createAuthorElement, o as isAuthorNodeValue, r as isAuthorNode, s as toAuthorJsxNode, u as isAuthorTreeChild } from "./jsx-DGGM5erN.mjs";
-import { A as CompositionDiagnosticError, C as parsePointValue, D as POINTS_PER_INCH, E as EMU_PER_INCH, F as formatDiagnostics, M as SemanticGraphDiagnosticError, N as StyleDiagnosticError, O as createDiagnostics, P as formatDiagnostic, S as parsePointToken, T as pointsToEmu, _ as isDeckLengthString, a as isInspectableThemePayload, b as parseLengthToken, c as fingerprintString, d as createWriterRenderContext, f as createTemplateHandle, g as DEFAULT_FONT_SIZE_PT, h as validateSlideTemplates, i as isContentTypesPayload, j as DeckDiagnosticError, k as diagnostic, l as stableJson, m as templateRefValue, n as pptxMediaAssetLoadRequirements, o as isRecord$2, p as isTemplateAreaRef, r as validatePptxPackageModel, s as projectedRelationshipTarget, t as pptx, u as withPackagePartFingerprints, v as isDeckPointLengthString, w as parseStrokeWidth, x as parsePercentage$1, y as parseLength } from "./adapter-BamaV2yi.mjs";
+import { c as isAuthoredTag, i as createAuthorElement, o as isAuthorTreeChild, s as isAuthorTreeNode, t as authorElementPropsFromEntries } from "./tree-DNsco0U3.mjs";
+import { A as CompositionDiagnosticError, C as parsePointValue, D as POINTS_PER_INCH, E as EMU_PER_INCH, F as formatDiagnostics, M as SemanticGraphDiagnosticError, N as StyleDiagnosticError, O as createDiagnostics, P as formatDiagnostic, S as parsePointToken, T as pointsToEmu, _ as isDeckLengthString, a as isInspectableThemePayload, b as parseLengthToken, c as fingerprintString, d as createWriterRenderContext, f as createTemplateHandle, g as DEFAULT_FONT_SIZE_PT, h as validateSlideTemplates, i as isContentTypesPayload, j as DeckDiagnosticError, k as diagnostic, l as stableJson, m as templateRefValue, n as pptxMediaAssetLoadRequirements, o as isRecord$2, p as isTemplateAreaRef, r as validatePptxPackageModel, s as projectedRelationshipTarget, t as pptx, u as withPackagePartFingerprints, v as isDeckPointLengthString, w as parseStrokeWidth, x as parsePercentage$1, y as parseLength } from "./adapter-CNSvvD4i.mjs";
 import { n as isPptxMediaPart, o as isPptxSlidePart, r as isPptxPackageModel } from "./model-DIuh51qh.mjs";
 //#region src/composition/types.ts
 const COMPOSITION_SOURCE = Symbol("deckjsx.compositionSource");
@@ -61,7 +61,6 @@ function validateSourceKey(sourceKey) {
 	if (sourceKey.includes("/")) return "Source Key must not contain /.";
 }
 function describeInvalidRoot(value) {
-	if (isAuthorNodeValue(value)) return "Slide factory returned an AuthorNode value instead of an Author Tree node.";
 	if (isAuthorTreeNode(value)) return "Slide factory returned an Author Tree node that cannot be used as slide content.";
 	if (value === null) return "Slide factory returned null.";
 	return `Slide factory returned ${typeof value}.`;
@@ -1960,6 +1959,9 @@ function semanticRoleForTag(tag) {
 function isRecord(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
+function hasOwnProp(props, key) {
+	return Object.prototype.hasOwnProperty.call(props, key);
+}
 function keySegment(key, index) {
 	return key === void 0 ? `index:${index}` : `key:${String(key)}`;
 }
@@ -1984,6 +1986,35 @@ function isShapeElement(node) {
 function templateAreaValueFor(node) {
 	return "area" in node.props ? node.props.area : void 0;
 }
+function supportedPropNamesFor(node) {
+	if (node.source.kind === "slide") return new Set([
+		"name",
+		"template",
+		"className",
+		"style"
+	]);
+	switch (node.source.tag) {
+		case "span": return new Set(["className", "style"]);
+		case "img": return new Set([
+			"className",
+			"style",
+			"area",
+			"src",
+			"data"
+		]);
+		case "shape": return new Set([
+			"className",
+			"style",
+			"area",
+			"shape"
+		]);
+		default: return new Set([
+			"className",
+			"style",
+			"area"
+		]);
+	}
+}
 function sourceFor(context) {
 	return context.activeSlot?.source ?? context.source;
 }
@@ -2035,22 +2066,12 @@ function classRefsFor(value) {
 		index
 	}));
 }
-function directStyleProps(props) {
-	const directStyle = Object.fromEntries(Object.entries(props).filter(([key]) => key !== "children" && key !== "className" && key !== "data" && key !== "area" && key !== "name" && key !== "shape" && key !== "src" && key !== "style" && key !== "template"));
-	return Object.keys(directStyle).length === 0 ? void 0 : directStyle;
-}
 function sourceKeyFor(source) {
 	return !source || source.kind === "root" ? "root" : source.sourceIdentity;
 }
 function mergedAuthoredStyle(props) {
-	const directStyle = directStyleProps(props);
 	const inlineStyle = props.style;
-	if (directStyle === void 0) return isRecord(inlineStyle) ? Object.fromEntries(Object.entries(inlineStyle)) : void 0;
-	if (inlineStyle !== void 0 && (typeof inlineStyle !== "object" || inlineStyle === null || Array.isArray(inlineStyle))) return;
-	return {
-		...directStyle,
-		...isRecord(inlineStyle) ? inlineStyle : void 0
-	};
+	return isRecord(inlineStyle) ? Object.fromEntries(Object.entries(inlineStyle)) : void 0;
 }
 function styleRefFor(state, idMaterial, target, props) {
 	const style = mergedAuthoredStyle(props);
@@ -2083,7 +2104,90 @@ function invalidStructure(path, title, message, help) {
 		...help ? { help } : {}
 	});
 }
+function authoringPropDiagnostic(input) {
+	return diagnostic({
+		severity: "error",
+		code: input.code,
+		title: input.title,
+		message: input.message,
+		labels: [{
+			path: input.path,
+			message: input.message
+		}],
+		...input.help ? { help: input.help } : {}
+	});
+}
+function validateAuthoringProps(state, node, path) {
+	const supported = supportedPropNamesFor(node);
+	const propPath = node.source.kind === "slide" ? `${path}.options` : `${path}.props`;
+	for (const key of Object.keys(node.props)) if (!supported.has(key)) addDiagnostic(state, authoringPropDiagnostic({
+		code: "E_COMPILE_UNSUPPORTED_AUTHORING_PROP",
+		title: `unsupported ${node.source.kind === "slide" ? "slide declaration option" : "authoring prop"}`,
+		path: `${propPath}.${key}`,
+		message: `${key} is not supported in the current deckjsx authoring interface.`
+	}));
+	if (hasOwnProp(node.props, "style")) {
+		const style = node.props.style;
+		if (style !== void 0 && !isRecord(style)) addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_STYLE_PROP",
+			title: "style prop is invalid",
+			path: `${propPath}.style`,
+			message: "The style prop must be an object when it is provided."
+		}));
+	}
+	if (isShapeElement(node) && node.props.shape !== void 0) {
+		if (node.props.shape !== "rect" && node.props.shape !== "ellipse" && node.props.shape !== "line") addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_SHAPE_PROP",
+			title: "shape prop is invalid",
+			path: `${propPath}.shape`,
+			message: "The shape prop must be rect, ellipse, or line."
+		}));
+	}
+	if (isSlideElement(node)) {
+		if (node.props.name !== void 0 && typeof node.props.name !== "string") addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_SLIDE_NAME_OPTION",
+			title: "slide name option is invalid",
+			path: `${propPath}.name`,
+			message: "The slide declaration name option must be a string when it is provided."
+		}));
+		if (node.props.template !== void 0 && typeof node.props.template !== "string") addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_SLIDE_TEMPLATE_OPTION",
+			title: "slide template option is invalid",
+			path: `${propPath}.template`,
+			message: "The slide declaration template option must be a template name string."
+		}));
+	}
+}
 function assetForImage(state, idMaterial, props, path) {
+	const hasSrc = props.src !== void 0;
+	const hasData = props.data !== void 0;
+	if (hasSrc && typeof props.src !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_IMAGE_SOURCE_PROP",
+			title: "image src prop is invalid",
+			path: `${path}.props.src`,
+			message: "The img src prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (hasData && typeof props.data !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_IMAGE_SOURCE_PROP",
+			title: "image data prop is invalid",
+			path: `${path}.props.data`,
+			message: "The img data prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (typeof props.src === "string" && typeof props.data === "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_AMBIGUOUS_IMAGE_SOURCE_PROP",
+			title: "image source props are ambiguous",
+			path: `${path}.props`,
+			message: "Use either img src or img data, not both."
+		}));
+		return;
+	}
 	if (typeof props.src !== "string" && typeof props.data !== "string") {
 		addDiagnostic(state, invalidStructure(path, "image source is missing", "Image nodes require either src or data.", ["Add a src path or data URL to the image."]));
 		return;
@@ -2350,6 +2454,7 @@ function buildNode(state, node, context, index) {
 	const material = [...nodeContext.parentMaterial, segment];
 	const id = graphNodeId(material);
 	const path = `${nodeContext.path} > ${sourceName(node)}[${keySegment(node.key, index)}]`;
+	validateAuthoringProps(state, node, path);
 	if (kind === "textRun") {
 		if (!context.inline) {
 			addDiagnostic(state, invalidStructure(path, "span cannot appear here", "span must be inside a text-like element.", ["Wrap the span in <p>...</p> or move it inside an existing text element."]));
@@ -3076,6 +3181,169 @@ function summarizePptxPackage(projection, options = {}) {
 	};
 }
 //#endregion
+//#region src/layout/input.ts
+function pushDefined(values, value) {
+	if (value !== void 0) values.push(value);
+}
+function resolvedPropsFor(node, resolvedStyles) {
+	const resolved = resolvedStyles.get(node.id);
+	if (!resolved) return {};
+	return Object.fromEntries(Object.entries(resolved.properties).filter(([, property]) => property.source.layer !== "default").map(([key, property]) => [key, property.value]));
+}
+function sourceKeyForOrigin$2(source) {
+	return !source || source.kind === "root" ? "root" : source.sourceIdentity;
+}
+function propsWithTemplateAreaFrame(resolvedStyles, node, templates) {
+	const props = resolvedPropsFor(node, resolvedStyles);
+	const ref = node.templateAreaRef;
+	if (!ref) return props;
+	const frame = templates?.[ref.template]?.areas?.[ref.area]?.frame;
+	if (!frame) return props;
+	const resolved = resolvedStyles.get(node.id);
+	const frameProps = {};
+	if (resolved?.properties.x?.source.layer !== "style") frameProps.x = frame.x;
+	if (resolved?.properties.y?.source.layer !== "style") frameProps.y = frame.y;
+	if (resolved?.properties.width?.source.layer !== "style") frameProps.width = frame.width;
+	if (resolved?.properties.height?.source.layer !== "style") frameProps.height = frame.height;
+	return {
+		...props,
+		...frameProps
+	};
+}
+function templateAreaKindFor$1(node, templates) {
+	const ref = node.templateAreaRef;
+	if (!ref) return;
+	return templates?.[ref.template]?.areas?.[ref.area]?.kind ?? "generic";
+}
+function collectTextOrigin(graph, node) {
+	const graphNodeIds = [node.id];
+	const styleEntityIds = [];
+	pushDefined(styleEntityIds, node.styleRef);
+	node.inlineChildren.forEach((childId) => {
+		const child = graph.nodes.get(childId);
+		if (!child) return;
+		graphNodeIds.push(child.id);
+		pushDefined(styleEntityIds, child.styleRef);
+		if (child.kind === "text") {
+			const nested = collectTextOrigin(graph, child);
+			graphNodeIds.push(...nested.graphNodeIds ?? []);
+			styleEntityIds.push(...nested.styleEntityIds ?? []);
+		}
+	});
+	return {
+		graphNodeIds: [...new Set(graphNodeIds)],
+		...styleEntityIds.length > 0 ? { styleEntityIds: [...new Set(styleEntityIds)] } : {}
+	};
+}
+function layoutOriginFor(graph, node, templates) {
+	const templateAreaKind = templateAreaKindFor$1(node, templates);
+	if (node.kind === "text") return {
+		...collectTextOrigin(graph, node),
+		...node.origin.source ? { source: node.origin.source } : {},
+		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
+		...templateAreaKind ? { templateAreaKind } : {}
+	};
+	return {
+		graphNodeIds: [node.id],
+		...node.styleRef ? { styleEntityIds: [node.styleRef] } : {},
+		...node.kind === "image" && node.assetRef ? { assetEntityIds: [node.assetRef] } : {},
+		...node.origin.source ? { source: node.origin.source } : {},
+		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
+		...templateAreaKind ? { templateAreaKind } : {}
+	};
+}
+function textChildrenFromGraph(graph, resolvedStyles, childIds, templates) {
+	return childIds.flatMap((childId) => {
+		const child = graph.nodes.get(childId);
+		if (!child) return [];
+		if (child.kind === "textRun") return [{
+			kind: "text",
+			props: resolvedPropsFor(child, resolvedStyles),
+			children: [child.text],
+			origin: layoutOriginFor(graph, child, templates)
+		}];
+		if (child.kind === "text") return textChildrenFromGraph(graph, resolvedStyles, child.inlineChildren, templates);
+		return [];
+	});
+}
+function contentChildrenFromGraph(graph, resolvedStyles, childIds, assetProbeArtifacts, templates) {
+	return childIds.flatMap((childId) => {
+		const child = graph.nodes.get(childId);
+		if (!child) return [];
+		const node = layoutInputNodeFromGraph(graph, resolvedStyles, child, assetProbeArtifacts, templates);
+		return node && node.kind !== "slide" ? [node] : [];
+	});
+}
+function layoutInputNodeFromGraph(graph, resolvedStyles, node, assetProbeArtifacts, templates) {
+	switch (node.kind) {
+		case "slide": {
+			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
+			const slideTemplates = graph.templates.get(sourceKeyForOrigin$2(node.origin.source));
+			return {
+				kind: "slide",
+				props: {
+					...props,
+					name: node.name
+				},
+				children: contentChildrenFromGraph(graph, resolvedStyles, node.children, assetProbeArtifacts, slideTemplates),
+				origin: layoutOriginFor(graph, node, slideTemplates)
+			};
+		}
+		case "container": return {
+			kind: "view",
+			props: propsWithTemplateAreaFrame(resolvedStyles, node, templates),
+			children: contentChildrenFromGraph(graph, resolvedStyles, node.children, assetProbeArtifacts, templates),
+			origin: layoutOriginFor(graph, node, templates)
+		};
+		case "text": return {
+			kind: "text",
+			props: propsWithTemplateAreaFrame(resolvedStyles, node, templates),
+			children: textChildrenFromGraph(graph, resolvedStyles, node.inlineChildren, templates),
+			origin: layoutOriginFor(graph, node, templates)
+		};
+		case "image": {
+			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
+			const asset = node.assetRef ? graph.assets.get(node.assetRef) : void 0;
+			if (!asset) return;
+			return {
+				kind: "image",
+				props: {
+					...props,
+					...imageSourceProps(asset)
+				},
+				...node.assetRef ? { assetProbe: assetProbeArtifacts?.get(node.assetRef)?.probe } : {},
+				origin: layoutOriginFor(graph, node, templates)
+			};
+		}
+		case "shape": return {
+			kind: "shape",
+			props: {
+				...propsWithTemplateAreaFrame(resolvedStyles, node, templates),
+				shape: node.shape
+			},
+			origin: layoutOriginFor(graph, node, templates)
+		};
+		case "document":
+		case "textRun": return;
+	}
+}
+function imageSourceProps(asset) {
+	if (asset.source.kind === "data") return { data: asset.source.data };
+	return { src: asset.source.kind === "path" ? asset.source.path : asset.source.url };
+}
+function buildLayoutInputSnapshot(input) {
+	const document = input.graph.nodes.get(input.graph.documentId);
+	const slideNodes = document?.kind === "document" ? document.children.map((id) => input.graph.nodes.get(id)).filter((node) => node?.kind === "slide") : [];
+	return {
+		snapshot: {
+			...input.meta ? { meta: input.meta } : {},
+			...input.deckSize ? { size: input.deckSize } : {},
+			slides: slideNodes.map((node) => layoutInputNodeFromGraph(input.graph, input.resolvedStyles, node, input.assetProbeArtifacts)).filter((node) => node?.kind === "slide")
+		},
+		diagnostics: input.diagnostics ?? createDiagnostics()
+	};
+}
+//#endregion
 //#region src/layout/frame.ts
 function intersectClipRect(frame, clipRect) {
 	if (!clipRect) return frame;
@@ -5361,12 +5629,12 @@ function extractText(children, textTransform) {
 			parts.push(String(child));
 			continue;
 		}
-		if (isAuthorNode(child)) throw new Error("Text nodes can only contain string or number children.");
+		if (typeof child === "object") throw new Error("Text nodes can only contain string or number children.");
 	}
 	return applyTextTransform$1(parts.join(""), textTransform);
 }
 //#endregion
-//#region src/compiler/normalization.ts
+//#region src/layout/normalization.ts
 function resolveFlexDirection(direction, flexDirection) {
 	if (direction) return direction;
 	if (flexDirection === "row") return "horizontal";
@@ -5574,7 +5842,8 @@ function normalizeShapeProps(props) {
 	const { style, ...rest } = props;
 	const resolved = {
 		...rest,
-		...style
+		...style,
+		shape: rest.shape ?? "rect"
 	};
 	const background = parseBackgroundShorthand(resolved.background);
 	const border = parseBorderShorthand(resolved.border);
@@ -6813,11 +7082,14 @@ function imageSourceFromProps(props) {
 	};
 	throw new Error("Image requires either src or data.");
 }
-function originForNode(node, options) {
-	return options?.origins?.get(node);
+function isLayoutInputContentNode(value) {
+	return typeof value === "object" && value !== null && "kind" in value && (value.kind === "view" || value.kind === "text" || value.kind === "image" || value.kind === "shape");
 }
-function layoutChildFromNode(child, siblingOrder, context, options) {
-	const origin = originForNode(child, options);
+function isLayoutInputTextNode(value) {
+	return typeof value === "object" && value !== null && "kind" in value && value.kind === "text";
+}
+function layoutChildFromNode(child, siblingOrder, context) {
+	const origin = child.origin;
 	switch (child.kind) {
 		case "view": return {
 			kind: "view",
@@ -7131,12 +7403,9 @@ function compileGridChildren(authorChildren, parentFrame, idGenerator, options,
 	}).filter((node) => node !== null));
 }
 function compileChildren$1(children, parentFrame, idGenerator, layout, options, clipRect, context, resolutionOptions) {
-	const authorChildren = children.filter((child) => child !== null && child !== void 0 && child !== false && child !== true).map((child, siblingOrder) => {
-		if (!isContentNode(child)) {
-			if (isSlideNode(child)) throw new Error("Slide cannot be nested inside another slide or view.");
-			throw new Error("Only deckjsx components can be children of View in structured layout.");
-		}
-		return layoutChildFromNode(child, siblingOrder, context, resolutionOptions);
+	const authorChildren = children.map((child, siblingOrder) => {
+		if (!isLayoutInputContentNode(child)) throw new Error("Only deckjsx components can be children of View in structured layout.");
+		return layoutChildFromNode(child, siblingOrder, context);
 	}).filter((child) => child.props.display !== "none");
 	if (layout === "grid") return compileGridChildren(authorChildren, parentFrame, idGenerator, {
 		padding: options.padding,
@@ -7356,24 +7625,21 @@ function textStyleFromProps$1(props, textLengthContext) {
 function isEmptyRunStyle(style) {
 	return Object.values(style).every((value) => value === void 0);
 }
-function flattenJsxChildren(children) {
-	return children.flatMap((child) => Array.isArray(child) ? flattenJsxChildren(child) : [child]);
+function flattenTextChildren(children) {
+	return children.flatMap((child) => Array.isArray(child) ? flattenTextChildren(child) : [child]);
 }
 function extractRichTextRuns(children, textTransform, textLengthContext) {
 	const runs = [];
-	for (const child of flattenJsxChildren(children)) {
-		if (child === null || child === void 0 || child === false || child === true) continue;
+	for (const child of flattenTextChildren(children)) {
 		if (typeof child === "string" || typeof child === "number") {
 			runs.push({ text: extractText([child], textTransform) });
 			continue;
 		}
-		if (isAuthorNode(child)) {
-			const authorNode = child;
-			if (authorNode.kind !== "text") throw new Error("Text nodes can only contain primitive text or inline text runs.");
-			const props = normalizeTextProps(authorNode.props);
+		if (isLayoutInputTextNode(child)) {
+			const props = normalizeTextProps(child.props);
 			const childLengthContext = getTextLengthContext(props, textLengthContext);
 			const style = textStyleFromProps$1(props, childLengthContext);
-			const text = extractRichTextRuns(authorNode.children, props.textTransform ?? textTransform, childLengthContext).map((run) => run.text).join("");
+			const text = extractRichTextRuns(child.children, props.textTransform ?? textTransform, childLengthContext).map((run) => run.text).join("");
 			runs.push({
 				text,
 				...!isEmptyRunStyle(style) ? { style } : {}
@@ -7616,32 +7882,33 @@ function compileNode(child, parentFrame, idGenerator, placement, clipRect, conte
 		case "shape": return compileShapeNode(child, parentFrame, idGenerator, placement, clipRect, context);
 	}
 }
-function compileSlide(root, context, slideFrame, idGenerator, lengthContext, resolutionOptions) {
-	if (!isSlideNode(root)) throw new Error(`Slide factory at index ${context.slideIndex} must resolve to a slide node.`);
+function compileSlide(root, context, slideFrame, idGenerator, lengthContext) {
 	const slideProps = normalizeSlideProps(root.props);
 	const backgroundBoxFrames = resolveBackgroundBoxFrames(slideFrame);
 	const backgroundFill = resolveBackgroundLayersOrEmpty(backgroundInput(slideProps), slideProps.backgroundTransparency, {
 		widthEmu: slideFrame.widthEmu,
 		heightEmu: slideFrame.heightEmu
 	}, slideFrame, backgroundBoxFrames, slideProps.backgroundPosition, slideProps.backgroundSize, slideProps.backgroundRepeat, slideProps.backgroundOrigin, slideProps.backgroundClip);
-	const nodes = root.children.filter((child) => child !== null && child !== void 0 && child !== false && child !== true).filter(isContentNode).map((child, siblingOrder) => layoutChildFromNode(child, siblingOrder, lengthContext, resolutionOptions)).filter((child) => child.props.display !== "none").map((child) => compileNode(child, slideFrame, idGenerator, void 0, void 0, lengthContext, resolutionOptions)).filter((node) => node !== null);
+	const nodes = root.children.map((child, siblingOrder) => layoutChildFromNode(child, siblingOrder, lengthContext)).filter((child) => child.props.display !== "none").map((child) => compileNode(child, slideFrame, idGenerator, void 0, void 0, lengthContext)).filter((node) => node !== null);
 	return {
 		id: idGenerator.nextSlide(),
 		name: slideProps.name,
+		...root.origin ? { origin: root.origin } : {},
 		background: backgroundFill.fill,
 		...backgroundFill.backgroundLayers ? { backgroundLayers: backgroundFill.backgroundLayers } : {},
 		nodes: sortNodesForPaint(nodes)
 	};
 }
-function resolveProjectedLayout(options, slides, resolutionOptions = {}) {
+function resolveProjectedLayout(options, input) {
 	const idGenerator = createIdGenerator();
-	const slideSize = options.layout.unit === "in" ? {
+	const slideSize = input.size ? input.size : options.layout.unit === "in" ? {
 		widthEmu: options.layout.width * EMU_PER_INCH,
 		heightEmu: options.layout.height * EMU_PER_INCH
 	} : {
 		widthEmu: options.layout.width / 72 * EMU_PER_INCH,
 		heightEmu: options.layout.height / 72 * EMU_PER_INCH
 	};
+	const slideMeta = input.meta ?? options.meta;
 	const slideFrame = {
 		xEmu: 0,
 		yEmu: 0,
@@ -7653,194 +7920,14 @@ function resolveProjectedLayout(options, slides, resolutionOptions = {}) {
 		viewportHeightEmu: slideFrame.heightEmu
 	};
 	return {
-		version: "layout-snapshot/0.6",
-		meta: options.meta,
+		...slideMeta ? { meta: slideMeta } : {},
 		size: slideSize,
-		slides: slides.map((factory, slideIndex) => {
-			return compileSlide(toAuthorJsxNode(factory({ composition: {
-				slideIndex,
-				totalSlides: slides.length,
-				deckSlideIndex: slideIndex,
-				deckTotalSlides: slides.length
-			} })), { slideIndex }, slideFrame, idGenerator, lengthContext, resolutionOptions);
+		slides: input.slides.map((slide, slideIndex) => {
+			return compileSlide(slide, { slideIndex }, slideFrame, idGenerator, lengthContext);
 		})
 	};
 }
 //#endregion
-//#region src/layout/graph.ts
-function layoutSlideNode(props, children) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "slide",
-		props,
-		children
-	};
-}
-function layoutViewNode(props, children) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "view",
-		props,
-		children
-	};
-}
-function layoutTextNode(props, children) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "text",
-		props,
-		children
-	};
-}
-function layoutImageNode(props) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "image",
-		props,
-		children: []
-	};
-}
-function layoutShapeNode(props) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "shape",
-		props,
-		children: []
-	};
-}
-function resolvedPropsFor(node, resolvedStyles) {
-	const resolved = resolvedStyles.get(node.id);
-	if (!resolved) return {};
-	return Object.fromEntries(Object.entries(resolved.properties).filter(([, property]) => property.source.layer !== "default").map(([key, property]) => [key, property.value]));
-}
-function sourceKeyForOrigin$2(source) {
-	return !source || source.kind === "root" ? "root" : source.sourceIdentity;
-}
-function propsWithTemplateAreaFrame(resolvedStyles, node, templates) {
-	const props = resolvedPropsFor(node, resolvedStyles);
-	const ref = node.templateAreaRef;
-	if (!ref) return props;
-	const frame = templates?.[ref.template]?.areas?.[ref.area]?.frame;
-	if (!frame) return props;
-	const resolved = resolvedStyles.get(node.id);
-	const frameProps = {};
-	if (resolved?.properties.x?.source.layer !== "style") frameProps.x = frame.x;
-	if (resolved?.properties.y?.source.layer !== "style") frameProps.y = frame.y;
-	if (resolved?.properties.width?.source.layer !== "style") frameProps.width = frame.width;
-	if (resolved?.properties.height?.source.layer !== "style") frameProps.height = frame.height;
-	return {
-		...props,
-		...frameProps
-	};
-}
-function templateAreaKindFor$1(node, templates) {
-	const ref = node.templateAreaRef;
-	if (!ref) return;
-	return templates?.[ref.template]?.areas?.[ref.area]?.kind ?? "generic";
-}
-function pushDefined(values, value) {
-	if (value !== void 0) values.push(value);
-}
-function collectTextOrigin(graph, node) {
-	const graphNodeIds = [node.id];
-	const styleEntityIds = [];
-	pushDefined(styleEntityIds, node.styleRef);
-	node.inlineChildren.forEach((childId) => {
-		const child = graph.nodes.get(childId);
-		if (!child) return;
-		graphNodeIds.push(child.id);
-		pushDefined(styleEntityIds, child.styleRef);
-		if (child.kind === "text") {
-			const nested = collectTextOrigin(graph, child);
-			graphNodeIds.push(...nested.graphNodeIds ?? []);
-			styleEntityIds.push(...nested.styleEntityIds ?? []);
-		}
-	});
-	return {
-		graphNodeIds: [...new Set(graphNodeIds)],
-		...styleEntityIds.length > 0 ? { styleEntityIds: [...new Set(styleEntityIds)] } : {}
-	};
-}
-function layoutOriginFor(graph, node, templates) {
-	const templateAreaKind = templateAreaKindFor$1(node, templates);
-	if (node.kind === "text") return {
-		...collectTextOrigin(graph, node),
-		...node.origin.source ? { source: node.origin.source } : {},
-		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
-		...templateAreaKind ? { templateAreaKind } : {}
-	};
-	return {
-		graphNodeIds: [node.id],
-		...node.styleRef ? { styleEntityIds: [node.styleRef] } : {},
-		...node.kind === "image" && node.assetRef ? { assetEntityIds: [node.assetRef] } : {},
-		...node.origin.source ? { source: node.origin.source } : {},
-		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
-		...templateAreaKind ? { templateAreaKind } : {}
-	};
-}
-function rememberOrigin(node, origin, origins) {
-	origins.set(node, origin);
-	return node;
-}
-function slideFactoryFor(slide) {
-	return () => slide;
-}
-function textChildrenFromGraph(graph, resolvedStyles, childIds, origins, templates) {
-	return childIds.flatMap((childId) => {
-		const child = graph.nodes.get(childId);
-		if (!child) return [];
-		if (child.kind === "textRun") return [rememberOrigin(layoutTextNode(resolvedPropsFor(child, resolvedStyles), [child.text]), layoutOriginFor(graph, child, templates), origins)];
-		if (child.kind === "text") return textChildrenFromGraph(graph, resolvedStyles, child.inlineChildren, origins, templates);
-		return [];
-	});
-}
-function contentChildrenFromGraph(graph, resolvedStyles, childIds, origins, templates) {
-	return childIds.flatMap((childId) => {
-		const child = graph.nodes.get(childId);
-		if (!child) return [];
-		const node = layoutAuthorNodeFromGraph(graph, resolvedStyles, child, origins, templates);
-		return node ? [node] : [];
-	});
-}
-function layoutAuthorNodeFromGraph(graph, resolvedStyles, node, origins, templates) {
-	switch (node.kind) {
-		case "slide": {
-			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
-			const slideTemplates = graph.templates.get(sourceKeyForOrigin$2(node.origin.source));
-			return rememberOrigin(layoutSlideNode({
-				...props,
-				name: node.name
-			}, contentChildrenFromGraph(graph, resolvedStyles, node.children, origins, slideTemplates)), layoutOriginFor(graph, node, slideTemplates), origins);
-		}
-		case "container": return rememberOrigin(layoutViewNode(propsWithTemplateAreaFrame(resolvedStyles, node, templates), contentChildrenFromGraph(graph, resolvedStyles, node.children, origins, templates)), layoutOriginFor(graph, node, templates), origins);
-		case "text": return rememberOrigin(layoutTextNode(propsWithTemplateAreaFrame(resolvedStyles, node, templates), textChildrenFromGraph(graph, resolvedStyles, node.inlineChildren, origins, templates)), layoutOriginFor(graph, node, templates), origins);
-		case "image": {
-			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
-			const asset = node.assetRef ? graph.assets.get(node.assetRef) : void 0;
-			if (!asset) return;
-			if (asset.source.kind === "data") return rememberOrigin(layoutImageNode({
-				...props,
-				data: asset.source.data
-			}), layoutOriginFor(graph, node, templates), origins);
-			return rememberOrigin(layoutImageNode({
-				...props,
-				src: asset.source.kind === "path" ? asset.source.path : asset.source.url
-			}), layoutOriginFor(graph, node, templates), origins);
-		}
-		case "shape": return rememberOrigin(layoutShapeNode({
-			...propsWithTemplateAreaFrame(resolvedStyles, node, templates),
-			shape: node.shape
-		}), layoutOriginFor(graph, node, templates), origins);
-		case "document":
-		case "textRun": return;
-	}
-}
-function resolveProjectedLayoutFromGraph(options, graph, resolvedStyles) {
-	const origins = /* @__PURE__ */ new WeakMap();
-	const document = graph.nodes.get(graph.documentId);
-	return resolveProjectedLayout(options, (document?.kind === "document" ? document.children.map((id) => graph.nodes.get(id)).filter((node) => node?.kind === "slide") : []).map((node) => layoutAuthorNodeFromGraph(graph, resolvedStyles, node, origins)).filter((node) => node?.kind === "slide").map(slideFactoryFor), { origins });
-}
-//#endregion
 //#region src/projection/pptx/identity.ts
 const MAX_WRITER_SHAPE_OBJECT_ID = Number.MAX_SAFE_INTEGER - 1;
 function packagePartId(value) {
@@ -9688,9 +9775,6 @@ function compileChildrenPartial(graph, resolvedStyles, children, templates, pack
 	});
 	return elements.sort(comparePptxElementsByPaintOrder);
 }
-function graphNodeForElement(graph, nodeId) {
-	return nodeId ? graph.nodes.get(nodeId) : void 0;
-}
 function elementOriginFromLayoutOrigin(origin) {
 	return {
 		...origin?.graphNodeIds ? { graphNodeIds: origin.graphNodeIds } : {},
@@ -9701,7 +9785,6 @@ function elementOriginFromLayoutOrigin(origin) {
 }
 function mapProjectedLayoutNodeToElement(input) {
 	const graphNodeId = input.node.origin?.graphNodeIds?.[0];
-	const graphNode = graphNodeForElement(input.graph, graphNodeId);
 	const layoutAnchor = layoutAnchorFor({
 		templateAreaRef: input.node.origin?.templateAreaRef,
 		templateAreaKind: input.node.origin?.templateAreaKind,
@@ -9715,7 +9798,7 @@ function mapProjectedLayoutNodeToElement(input) {
 		}),
 		packagePartId: input.packagePartId,
 		serialized: { shapeObjectId: shapeObjectId(input.indexPath) },
-		origin: input.node.origin ? elementOriginFromLayoutOrigin(input.node.origin) : graphNode ? originFor(graphNode) : {},
+		origin: elementOriginFromLayoutOrigin(input.node.origin),
 		frame: input.node.frame,
 		measurement: { frame: input.node.frame },
 		...layoutAnchor ? { layoutAnchor } : {},
@@ -9762,7 +9845,6 @@ function mapProjectedLayoutNodeToElement(input) {
 				radiusEmu: input.node.radiusEmu,
 				children: input.node.children.map((child, index) => mapProjectedLayoutNodeToElement({
 					node: child,
-					graph: input.graph,
 					packagePartId: input.packagePartId,
 					indexPath: [...input.indexPath, index]
 				}))
@@ -9850,34 +9932,17 @@ function mapProjectedLayoutNodeToElement(input) {
 function pptxSlidePartFor(input) {
 	const slideNumber = input.slideIndex + 1;
 	const partId = input.slidePartId;
-	const resolved = resolvedStyleFor(input.slide, input.resolvedStyles);
-	const props = normalizeSlideProps(slideStyleFor(input.slide, input.resolvedStyles));
-	const slideTemplates = input.graph.templates.get(sourceKeyForOrigin$1(input.slide.origin.source));
-	const backgroundInput = backgroundInputFor(resolved, props);
-	const slideFill = resolveBackgroundLayersSafely({
-		property: backgroundInput?.property ?? "background",
-		value: backgroundInput?.value
-	}, props.backgroundTransparency, {
-		widthEmu: input.slideFrame.widthEmu,
-		heightEmu: input.slideFrame.heightEmu
-	}, input.slideFrame, {
-		borderBox: input.slideFrame,
-		paddingBox: input.slideFrame,
-		contentBox: input.slideFrame
-	}, props.backgroundPosition, props.backgroundSize, props.backgroundRepeat, props.backgroundOrigin, props.backgroundClip);
 	const backgroundLayers = projectBackgroundLayers({
-		layers: input.layoutSlide?.backgroundLayers ?? slideFill.backgroundLayers,
+		layers: input.layoutSlide.backgroundLayers,
 		indexPath: [5e3 + input.slideIndex]
 	});
+	const origin = elementOriginFromLayoutOrigin(input.layoutSlide.origin);
 	return {
 		id: partId,
 		category: "authored-content",
 		kind: "slide",
 		path: `ppt/slides/slide${slideNumber}.xml`,
-		origin: {
-			graphNodeIds: [input.slide.id],
-			...input.slide.origin.source ? { source: input.slide.origin.source } : {}
-		},
+		origin,
 		relationships: [{
 			id: serializedId("rId1"),
 			target: projectedRelationshipTarget({
@@ -9890,18 +9955,14 @@ function pptxSlidePartFor(input) {
 		}],
 		payload: {
 			slideId: String(256 + input.slideIndex),
-			name: input.slide.name,
-			background: input.layoutSlide?.background ?? slideFill.fill,
+			name: input.layoutSlide.name,
+			background: input.layoutSlide.background,
 			...backgroundLayers ? { backgroundLayers } : {},
-			drawing: drawingFromElements(input.layoutSlide ? input.layoutSlide.nodes.map((node, index) => mapProjectedLayoutNodeToElement({
+			drawing: drawingFromElements(input.layoutSlide.nodes.map((node, index) => mapProjectedLayoutNodeToElement({
 				node,
-				graph: input.graph,
 				packagePartId: partId,
 				indexPath: [index]
-			})) : compileChildren(input.graph, input.resolvedStyles, input.slide.children, slideTemplates, partId, input.slideFrame, [], {
-				viewportWidthEmu: input.slideFrame.widthEmu,
-				viewportHeightEmu: input.slideFrame.heightEmu
-			}))
+			})))
 		}
 	};
 }
@@ -10748,7 +10809,15 @@ function projectGraphToPptxPackageInternal(input) {
 		size,
 		slideIds
 	});
-	const projectedLayout = input.partial ? void 0 : resolveProjectedLayoutFromGraph(input.options, input.graph, input.resolvedStyles);
+	const layoutInput = input.partial ? void 0 : buildLayoutInputSnapshot({
+		graph: input.graph,
+		resolvedStyles: input.resolvedStyles,
+		assetProbeArtifacts: input.assets,
+		deckSize: size,
+		diagnostics: input.diagnostics,
+		meta: input.options.meta
+	});
+	const projectedLayout = layoutInput ? resolveProjectedLayout(input.options, layoutInput.snapshot) : void 0;
 	const slideFrame = {
 		xEmu: 0,
 		yEmu: 0,
@@ -10758,6 +10827,7 @@ function projectGraphToPptxPackageInternal(input) {
 	const projectedSlidesWithMedia = withCanonicalImageMediaPartIds(slideIds.flatMap((slideId, slideIndex) => {
 		const slide = input.graph.nodes.get(slideId);
 		if (slide?.kind !== "slide") return [];
+		const layoutSlide = projectedLayout?.slides[slideIndex];
 		const partId = slidePartIdFor(slide);
 		const slideLayoutPart = slideLayoutPartForSlide({
 			graph: input.graph,
@@ -10765,7 +10835,7 @@ function projectGraphToPptxPackageInternal(input) {
 			slideLayoutParts: supportParts.slideLayoutParts,
 			defaultSlideLayoutPart: supportParts.slideLayoutPart
 		});
-		return [input.partial ? partialPptxSlidePartFor({
+		if (input.partial) return [partialPptxSlidePartFor({
 			graph: input.graph,
 			resolvedStyles: input.resolvedStyles,
 			slide,
@@ -10773,11 +10843,10 @@ function projectGraphToPptxPackageInternal(input) {
 			slideFrame,
 			slideLayoutPart,
 			slidePartId: partId
-		}) : pptxSlidePartFor({
-			graph: input.graph,
-			resolvedStyles: input.resolvedStyles,
-			slide,
-			layoutSlide: projectedLayout?.slides[slideIndex],
+		})];
+		if (!layoutSlide) return [];
+		return [pptxSlidePartFor({
+			layoutSlide,
 			slideIndex,
 			slideFrame,
 			slideLayoutPart,
@@ -10907,7 +10976,7 @@ async function loadNodeOutputRuntime() {
 	const status = nodeOutputRuntimeStatus();
 	if (!status.ok) return status;
 	try {
-		const { createNodeOutputByteSink, writeNodeOutput } = await import("./node-output-ChRpOCV8.mjs");
+		const { createNodeOutputByteSink, writeNodeOutput } = await import("./node-output-BXQOTLKj.mjs");
 		return {
 			ok: true,
 			createByteSink: createNodeOutputByteSink,