deckjsx 0.8.2 → 0.8.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { c as isAuthoredTag, i as createAuthorElement, o as isAuthorTreeChild, s as isAuthorTreeNode, t as authorElementPropsFromEntries } from "./tree-DNsco0U3.mjs";
-import { A as diagnostic, C as parsePointToken, D as EMU_PER_INCH, E as pointsToEmu, F as formatDiagnostic, I as formatDiagnostics, M as DeckDiagnosticError, N as SemanticGraphDiagnosticError, O as POINTS_PER_INCH, P as StyleDiagnosticError, S as parsePercentage$1, T as parseStrokeWidth, _ as isCssWideKeyword, a as isInspectableThemePayload, b as parseLength, c as fingerprintString, d as createWriterRenderContext, f as createTemplateHandle, g as DEFAULT_FONT_SIZE_PT, h as validateSlideTemplates, i as isContentTypesPayload, j as CompositionDiagnosticError, k as createDiagnostics, 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 isDeckLengthString, w as parsePointValue, x as parseLengthToken, y as isDeckPointLengthString } from "./adapter-B3Efckbf.mjs";
+import { c as isAuthoredTag, i as createAuthorElement, o as isAuthorTreeChild, s as isAuthorTreeNode, t as authorElementPropsFromEntries } from "./tree-DY5XQegS.mjs";
+import { A as diagnostic, C as parsePointToken, D as EMU_PER_INCH, E as pointsToEmu, F as formatDiagnostic, I as formatDiagnostics, M as DeckDiagnosticError, N as SemanticGraphDiagnosticError, O as POINTS_PER_INCH, P as StyleDiagnosticError, S as parsePercentage$1, T as parseStrokeWidth, _ as isCssWideKeyword, a as isInspectableThemePayload, b as parseLength, c as fingerprintString, d as createWriterRenderContext, f as createTemplateHandle, g as DEFAULT_FONT_SIZE_PT, h as validateSlideTemplates, i as isContentTypesPayload, j as CompositionDiagnosticError, k as createDiagnostics, 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 isDeckLengthString, w as parsePointValue, x as parseLengthToken, y as isDeckPointLengthString } from "./adapter-CGOiv9ip.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");
@@ -318,6 +318,7 @@ function packagePartOrderGroup(part) {
 	if (part.kind === "relationships" && part.path.startsWith("ppt/slideLayouts/_rels/")) return "slideLayoutRelationships";
 	if (part.kind === "view-properties") return "viewProperties";
 	if (part.kind === "presentation-properties") return "presentationProperties";
+	if (part.kind === "table-styles") return "tableStyles";
 	if (part.kind === "slide") return "slide";
 	if (part.kind === "relationships" && part.path.startsWith("ppt/slides/_rels/")) return "slideRelationships";
 	if (part.kind === "media") return "media";
@@ -336,6 +337,7 @@ const PACKAGE_PART_ORDER_GROUP_ORDER = {
 	slideLayoutRelationships: 71,
 	viewProperties: 75,
 	presentationProperties: 76,
+	tableStyles: 77,
 	slide: 80,
 	slideRelationships: 81,
 	media: 90,
@@ -459,7 +461,7 @@ function normalizePackagePartRequirement(requirement) {
 function packagePartRequirement(part, relationshipPartIdsByTargetPartId) {
 	if (part.requirement) return normalizePackagePartRequirement(part.requirement);
 	if (part.kind === "media") {
-		const dependencies = relationshipPartIdsByTargetPartId.get(part.id) ?? [];
+		const dependencies = [...new Set(relationshipPartIdsByTargetPartId.get(part.id) ?? [])];
 		return {
 			status: "conditional",
 			required: dependencies.length > 0,
@@ -713,6 +715,21 @@ const ELEMENT_DEFAULTS = {
 		rounding: false,
 		margin: 0
 	},
+	video: {
+		display: "block",
+		visibility: "visible",
+		opacity: 1,
+		rotation: 0,
+		zIndex: 0,
+		overflow: "visible",
+		position: "static",
+		fit: "contain",
+		objectFit: "contain",
+		objectPosition: "50% 50%",
+		transparency: 0,
+		rounding: false,
+		margin: 0
+	},
 	shape: {
 		display: "block",
 		visibility: "visible",
@@ -742,6 +759,7 @@ function elementDefaultsFor(node) {
 		case "text": return ELEMENT_DEFAULTS.text;
 		case "textRun": return ELEMENT_DEFAULTS.textRun;
 		case "image": return ELEMENT_DEFAULTS.image;
+		case "video": return ELEMENT_DEFAULTS.video;
 		case "shape": return ELEMENT_DEFAULTS.shape;
 		case "document": return;
 	}
@@ -1411,6 +1429,62 @@ const IMAGE_STYLE_KEYS = [
 	"marginBottom",
 	"marginLeft"
 ];
+const VIDEO_STYLE_KEYS = [
+	"opacity",
+	"rotation",
+	"transform",
+	"transformOrigin",
+	"filter",
+	"mixBlendMode",
+	"isolation",
+	"zIndex",
+	"flipH",
+	"flipV",
+	"overflow",
+	"alignSelf",
+	"justifySelf",
+	"placeSelf",
+	"position",
+	"order",
+	"flexGrow",
+	"flexShrink",
+	"flexBasis",
+	"gridArea",
+	"gridColumnStart",
+	"gridColumnEnd",
+	"gridRowStart",
+	"gridRowEnd",
+	"gridColumn",
+	"gridRow",
+	"display",
+	"visibility",
+	"x",
+	"y",
+	"inset",
+	"left",
+	"top",
+	"right",
+	"bottom",
+	"width",
+	"height",
+	"aspectRatio",
+	"minWidth",
+	"minHeight",
+	"maxWidth",
+	"maxHeight",
+	"fit",
+	"objectFit",
+	"objectPosition",
+	"transparency",
+	"rounding",
+	"borderRadius",
+	"boxShadow",
+	"margin",
+	"marginTop",
+	"marginRight",
+	"marginBottom",
+	"marginLeft"
+];
 const SHAPE_STYLE_KEYS = [
 	...VIEW_STYLE_KEYS,
 	"href",
@@ -1854,9 +1928,10 @@ var PipelineArtifactCollection = class {
 				styleIds.push(node.styleRef);
 				stylesBySourceKey.set(sourceKey, styleIds);
 			}
-			if (node.kind === "image" && node.assetRef) {
+			const nodeAssetIds = node.kind === "image" && node.assetRef ? [node.assetRef] : node.kind === "video" ? [node.assetRef, node.posterAssetRef].filter((id) => id !== void 0) : [];
+			if (nodeAssetIds.length > 0) {
 				const assetIds = assetsBySourceKey.get(sourceKey) ?? [];
-				assetIds.push(node.assetRef);
+				assetIds.push(...nodeAssetIds);
 				assetsBySourceKey.set(sourceKey, assetIds);
 			}
 		});
@@ -1980,6 +2055,7 @@ function assetEntityId(material) {
 //#region src/graph/roles.ts
 function semanticKindForTag(tag) {
 	if (tag === "img") return "image";
+	if (tag === "video") return "video";
 	if (tag === "shape") return "shape";
 	if (tag === "p" || /^h[1-6]$/.test(tag) || tag === "span") return tag === "span" ? "textRun" : "text";
 	return "container";
@@ -2009,6 +2085,7 @@ function semanticRoleForTag(tag) {
 			level: Number(tag.slice(1))
 		};
 		case "img": return { kind: "image" };
+		case "video": return { kind: "video" };
 		case "shape": return { kind: "shape" };
 		case "span": return;
 	}
@@ -2039,6 +2116,9 @@ function isSlideElement(node) {
 function isImageElement(node) {
 	return node.source.kind === "tag" && node.source.tag === "img";
 }
+function isVideoElement(node) {
+	return node.source.kind === "tag" && node.source.tag === "video";
+}
 function isShapeElement(node) {
 	return node.source.kind === "tag" && node.source.tag === "shape";
 }
@@ -2061,6 +2141,15 @@ function supportedPropNamesFor(node) {
 			"src",
 			"data"
 		]);
+		case "video": return new Set([
+			"className",
+			"style",
+			"area",
+			"src",
+			"data",
+			"poster",
+			"posterData"
+		]);
 		case "shape": return new Set([
 			"className",
 			"style",
@@ -2079,6 +2168,7 @@ function supportedStyleNamesFor(node) {
 	switch (node.source.tag) {
 		case "span": return new Set(TEXT_RUN_STYLE_KEYS);
 		case "img": return new Set(IMAGE_STYLE_KEYS);
+		case "video": return new Set(VIDEO_STYLE_KEYS);
 		case "shape": return new Set(SHAPE_STYLE_KEYS);
 		case "p":
 		case "h1":
@@ -2192,6 +2282,19 @@ function authoringPropDiagnostic(input) {
 		...input.help ? { help: input.help } : {}
 	});
 }
+function videoPosterMissingDiagnostic(input) {
+	return diagnostic({
+		severity: "warning",
+		code: "W_COMPILE_VIDEO_POSTER_MISSING",
+		title: "video poster is missing",
+		message: "Video nodes without poster or posterData may render with a black placeholder until the playback renderer loads the media.",
+		labels: [{
+			path: `${input.path}.props`,
+			message: "Add poster or posterData when the first visual frame matters."
+		}],
+		help: ["The video is still included as playable media; this warning only covers the static placeholder."]
+	});
+}
 function unsupportedStylePropDiagnostic(input) {
 	return diagnostic({
 		severity: "warning",
@@ -2317,6 +2420,134 @@ function assetForImage(state, idMaterial, props, path) {
 	state.assets.set(id, entity);
 	return id;
 }
+function mediaSourceFromString(value) {
+	if (/^https?:\/\//i.test(value)) return {
+		kind: "url",
+		url: value
+	};
+	return {
+		kind: "path",
+		path: value
+	};
+}
+function dataMediaType$1(value) {
+	const commaIndex = value.indexOf(",");
+	if (!value.startsWith("data:") || commaIndex === -1) return;
+	const metadata = value.slice(5, commaIndex);
+	return metadata ? metadata.replace(/;base64$/, "") : void 0;
+}
+function assetForVideoSource(input) {
+	const { state, props, path } = input;
+	const hasSrc = props.src !== void 0;
+	const hasData = props.data !== void 0;
+	if (hasSrc && typeof props.src !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_SOURCE_INVALID",
+			title: "video src prop is invalid",
+			path: `${path}.props.src`,
+			message: "The video src prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (hasData && typeof props.data !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_SOURCE_INVALID",
+			title: "video data prop is invalid",
+			path: `${path}.props.data`,
+			message: "The video 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_VIDEO_SOURCE_INVALID",
+			title: "video source props are ambiguous",
+			path: `${path}.props`,
+			message: "Use either video src or video data, not both."
+		}));
+		return;
+	}
+	if (typeof props.src !== "string" && typeof props.data !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_SOURCE_INVALID",
+			title: "video source is missing",
+			path: `${path}.props`,
+			message: "Video nodes require either src or data.",
+			help: ["Add a src path or data URI to the video."]
+		}));
+		return;
+	}
+	let source;
+	if (typeof props.src === "string") source = mediaSourceFromString(props.src);
+	else {
+		const data = props.data;
+		if (typeof data !== "string") return;
+		source = {
+			kind: "data",
+			data
+		};
+	}
+	const id = assetEntityId(input.idMaterial);
+	state.assets.set(id, {
+		id,
+		kind: "video",
+		source,
+		metadata: source.kind === "data" ? { mediaType: dataMediaType$1(source.data) } : {},
+		resolution: "unresolved"
+	});
+	return id;
+}
+function assetForVideoPoster(state, idMaterial, props, path) {
+	const hasPoster = props.poster !== void 0;
+	const hasPosterData = props.posterData !== void 0;
+	if (!hasPoster && !hasPosterData) return;
+	if (hasPoster && typeof props.poster !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_POSTER_INVALID",
+			title: "video poster prop is invalid",
+			path: `${path}.props.poster`,
+			message: "The video poster prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (hasPosterData && typeof props.posterData !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_POSTER_INVALID",
+			title: "video posterData prop is invalid",
+			path: `${path}.props.posterData`,
+			message: "The video posterData prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (typeof props.poster === "string" && typeof props.posterData === "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_POSTER_INVALID",
+			title: "video poster props are ambiguous",
+			path: `${path}.props`,
+			message: "Use either video poster or video posterData, not both."
+		}));
+		return;
+	}
+	let source;
+	if (typeof props.poster === "string") source = mediaSourceFromString(props.poster);
+	else {
+		const data = props.posterData;
+		if (typeof data !== "string") return;
+		source = {
+			kind: "data",
+			data
+		};
+	}
+	const id = assetEntityId(idMaterial);
+	state.assets.set(id, {
+		id,
+		kind: "image",
+		source,
+		metadata: source.kind === "data" ? { mediaType: dataMediaType$1(source.data) } : {},
+		resolution: "unresolved"
+	});
+	return id;
+}
 function semanticBase(state, node, id, kind, path, material, context) {
 	const styleRef = styleRefFor(state, material, kind, node.props);
 	const templateAreaRef = templateAreaRefFor(state, templateAreaValueFor(node), path, context);
@@ -2585,6 +2816,27 @@ function buildNode(state, node, context, index) {
 			kind: "image"
 		};
 	}
+	if (isVideoElement(node)) {
+		if (node.children.length > 0) addDiagnostic(state, invalidStructure(path, "video cannot have children", "Video nodes are leaf nodes."));
+		const assetRef = assetForVideoSource({
+			state,
+			idMaterial: material,
+			props: node.props,
+			path
+		});
+		const posterAssetRef = assetForVideoPoster(state, [...material, "poster"], node.props, path);
+		if (node.props.poster === void 0 && node.props.posterData === void 0) addDiagnostic(state, videoPosterMissingDiagnostic({ path }));
+		state.nodes.set(id, {
+			...semanticBase(state, node, id, "video", path, material, nodeContext),
+			kind: "video",
+			...assetRef ? { assetRef } : {},
+			...posterAssetRef ? { posterAssetRef } : {}
+		});
+		return {
+			id,
+			kind: "video"
+		};
+	}
 	if (isShapeElement(node)) {
 		state.nodes.set(id, {
 			...semanticBase(state, node, id, "shape", path, material, nodeContext),
@@ -2812,6 +3064,9 @@ function effectiveProjectedValues(element) {
 		...element.kind === "text" ? { textStyle: element.style } : {},
 		...element.kind === "image" ? { imageSource: element.source } : {},
 		...element.kind === "image" ? { imageObjectPosition: element.objectPosition } : {},
+		...element.kind === "video" ? { videoSource: element.source } : {},
+		...element.kind === "video" && element.posterSource ? { videoPosterSource: element.posterSource } : {},
+		...element.kind === "video" ? { videoObjectPosition: element.objectPosition } : {},
 		...element.unsupportedSemantics?.length ? { unsupportedSemantics: element.unsupportedSemantics } : {}
 	};
 }
@@ -3161,10 +3416,12 @@ function rawTextForNode(graph, node) {
 	return text.length > 0 ? text : void 0;
 }
 function originFor$1(node) {
+	const videoAssetIds = node.kind === "video" ? [node.assetRef, node.posterAssetRef].filter((id) => id !== void 0) : [];
 	return {
 		graphNodeIds: [node.id],
 		...node.styleRef ? { styleEntityIds: [node.styleRef] } : {},
 		...node.kind === "image" && node.assetRef ? { assetEntityIds: [node.assetRef] } : {},
+		...videoAssetIds.length > 0 ? { assetEntityIds: videoAssetIds } : {},
 		...node.origin.source ? { source: node.origin.source } : {}
 	};
 }
@@ -3335,6 +3592,9 @@ function collectTextOrigin(graph, node) {
 		...styleEntityIds.length > 0 ? { styleEntityIds: [...new Set(styleEntityIds)] } : {}
 	};
 }
+function collectVideoAssetIds(node) {
+	return [node.assetRef, node.posterAssetRef].filter((id) => id !== void 0);
+}
 function layoutOriginFor(graph, node, templates) {
 	const templateAreaKind = templateAreaKindFor$1(node, templates);
 	if (node.kind === "text") return {
@@ -3347,6 +3607,7 @@ function layoutOriginFor(graph, node, templates) {
 		graphNodeIds: [node.id],
 		...node.styleRef ? { styleEntityIds: [node.styleRef] } : {},
 		...node.kind === "image" && node.assetRef ? { assetEntityIds: [node.assetRef] } : {},
+		...node.kind === "video" && collectVideoAssetIds(node).length > 0 ? { assetEntityIds: collectVideoAssetIds(node) } : {},
 		...node.origin.source ? { source: node.origin.source } : {},
 		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
 		...templateAreaKind ? { templateAreaKind } : {}
@@ -3415,6 +3676,23 @@ function layoutInputNodeFromGraph(graph, resolvedStyles, node, assetProbeArtifac
 				origin: layoutOriginFor(graph, node, templates)
 			};
 		}
+		case "video": {
+			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
+			const asset = node.assetRef ? graph.assets.get(node.assetRef) : void 0;
+			if (!asset) return;
+			const posterAsset = node.posterAssetRef ? graph.assets.get(node.posterAssetRef) : void 0;
+			return {
+				kind: "video",
+				props: {
+					...props,
+					...videoSourceProps(asset),
+					...posterAsset ? videoPosterSourceProps(posterAsset) : {}
+				},
+				...node.assetRef ? { assetProbe: assetProbeArtifacts?.get(node.assetRef)?.probe } : {},
+				...node.posterAssetRef ? { posterAssetProbe: assetProbeArtifacts?.get(node.posterAssetRef)?.probe } : {},
+				origin: layoutOriginFor(graph, node, templates)
+			};
+		}
 		case "shape": return {
 			kind: "shape",
 			props: {
@@ -3431,6 +3709,14 @@ 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 videoSourceProps(asset) {
+	if (asset.source.kind === "data") return { data: asset.source.data };
+	return { src: asset.source.kind === "path" ? asset.source.path : asset.source.url };
+}
+function videoPosterSourceProps(asset) {
+	if (asset.source.kind === "data") return { posterData: asset.source.data };
+	return { poster: 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") : [];
@@ -6049,6 +6335,25 @@ function normalizeImageProps(props, context) {
 		margin: resolveBoxSpacing(resolved.margin, resolved.marginTop, resolved.marginRight, resolved.marginBottom, resolved.marginLeft)
 	};
 }
+function normalizeVideoProps(props, context) {
+	const { style, ...rest } = props;
+	const resolved = {
+		...rest,
+		...style
+	};
+	const inset = resolveInset(resolved.inset, resolved.top, resolved.right, resolved.bottom, resolved.left);
+	return {
+		...resolved,
+		top: inset?.top ?? resolved.top,
+		right: inset?.right ?? resolved.right,
+		bottom: inset?.bottom ?? resolved.bottom,
+		left: inset?.left ?? resolved.left,
+		fit: normalizeImageFit(resolved.fit ?? resolved.objectFit),
+		objectPosition: resolved.objectPosition,
+		rounding: resolved.rounding ?? (resolved.borderRadius !== void 0 ? parseLength(resolved.borderRadius, 0, 0, context) > 0 : void 0),
+		margin: resolveBoxSpacing(resolved.margin, resolved.marginTop, resolved.marginRight, resolved.marginBottom, resolved.marginLeft)
+	};
+}
 function normalizeSlideProps(props) {
 	const { style, ...rest } = props;
 	const resolved = {
@@ -7714,8 +8019,41 @@ function imageSourceFromProps(props) {
 	};
 	throw new Error("Image requires either src or data.");
 }
+function videoSourceFromProps(props) {
+	if (props.src) {
+		if (/^https?:\/\//i.test(props.src)) return {
+			kind: "url",
+			url: props.src
+		};
+		return {
+			kind: "path",
+			path: props.src
+		};
+	}
+	if (props.data) return {
+		kind: "data",
+		data: props.data
+	};
+	throw new Error("Video requires either src or data.");
+}
+function videoPosterSourceFromProps(props) {
+	if (props.poster) {
+		if (/^https?:\/\//i.test(props.poster)) return {
+			kind: "url",
+			url: props.poster
+		};
+		return {
+			kind: "path",
+			path: props.poster
+		};
+	}
+	if (props.posterData) return {
+		kind: "data",
+		data: props.posterData
+	};
+}
 function isLayoutInputContentNode(value) {
-	return typeof value === "object" && value !== null && "kind" in value && (value.kind === "view" || value.kind === "text" || value.kind === "image" || value.kind === "shape");
+	return typeof value === "object" && value !== null && "kind" in value && (value.kind === "view" || value.kind === "text" || value.kind === "image" || value.kind === "video" || value.kind === "shape");
 }
 function isLayoutInputTextNode(value) {
 	return typeof value === "object" && value !== null && "kind" in value && value.kind === "text";
@@ -7744,6 +8082,13 @@ function layoutChildFromNode(child, siblingOrder, context) {
 			siblingOrder,
 			...origin ? { origin } : {}
 		};
+		case "video": return {
+			kind: "video",
+			source: child,
+			props: normalizeVideoProps(child.props, context),
+			siblingOrder,
+			...origin ? { origin } : {}
+		};
 		case "shape": return {
 			kind: "shape",
 			source: child,
@@ -7866,6 +8211,7 @@ function getChildPadding(node, context, percentageBaseEmu = 0) {
 			return parseSpacing(props.padding, getTextLengthContext(props, context), percentageBaseEmu);
 		}
 		case "image": return EMPTY_SPACING;
+		case "video": return EMPTY_SPACING;
 		case "shape": return EMPTY_SPACING;
 	}
 }
@@ -7904,7 +8250,7 @@ function estimateChildContentSize(node, dimension, parent, mainAxis, context) {
 	const isMainDimension = mainAxis === "horizontal" && dimension === "width" || mainAxis === "vertical" && dimension === "height";
 	const basis = dimension === "width" ? parent.widthEmu : parent.heightEmu;
 	const authoredValue = authoredLengthOrUndefined(isMainDimension && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[dimension]);
-	if (authoredValue !== void 0) return inflateSpecifiedBoxSize(parseLength(authoredValue, basis, 0, getNodeLengthContext(node, context)), node.kind === "image" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context, parent.widthEmu), dimension);
+	if (authoredValue !== void 0) return inflateSpecifiedBoxSize(parseLength(authoredValue, basis, 0, getNodeLengthContext(node, context)), node.kind === "image" || node.kind === "video" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context, parent.widthEmu), dimension);
 	if (node.kind === "text") {
 		if (dimension === "width" && mainAxis === "horizontal") return 0;
 		return estimateTextAutoContentSize(node, dimension, parent, context);
@@ -7915,7 +8261,7 @@ function estimateChildContentSize(node, dimension, parent, mainAxis, context) {
 	const authoredOppositeValue = authoredLengthOrUndefined((mainAxis === "horizontal" && oppositeDimension === "width" || mainAxis === "vertical" && oppositeDimension === "height") && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[oppositeDimension]);
 	if (authoredOppositeValue === void 0) return 0;
 	const oppositeSize = parseLength(authoredOppositeValue, oppositeBasis, 0, getNodeLengthContext(node, context));
-	return inflateSpecifiedBoxSize(dimension === "width" ? oppositeSize * aspectRatio : oppositeSize / aspectRatio, node.kind === "image" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context, parent.widthEmu), dimension);
+	return inflateSpecifiedBoxSize(dimension === "width" ? oppositeSize * aspectRatio : oppositeSize / aspectRatio, node.kind === "image" || node.kind === "video" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context, parent.widthEmu), dimension);
 }
 function getNodeMargin(node, context, percentageBaseEmu = 0) {
 	switch (node.kind) {
@@ -7925,6 +8271,7 @@ function getNodeMargin(node, context, percentageBaseEmu = 0) {
 			return parseSpacingAllowAuto(props.margin, getTextLengthContext(props, context), percentageBaseEmu);
 		}
 		case "image": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
+		case "video": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
 		case "shape": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
 	}
 }
@@ -8607,6 +8954,123 @@ function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, c
 		source: imageSourceFromProps(props)
 	};
 }
+const DEFAULT_VIDEO_ASPECT_RATIO = 16 / 9;
+function isUnspecifiedVideoDimension(value) {
+	if (value === void 0) return true;
+	if (typeof value === "string") {
+		const normalized = value.trim().toLowerCase();
+		return normalized === "auto" || isCssWideKeyword(normalized);
+	}
+	return false;
+}
+function videoPropsWithFallbackFrame(props, parentFrame) {
+	const missingWidth = isUnspecifiedVideoDimension(props.width);
+	const missingHeight = isUnspecifiedVideoDimension(props.height);
+	if (!missingWidth && !missingHeight) return {
+		props,
+		missingHeight,
+		missingWidth,
+		unsupportedSemantics: []
+	};
+	const aspectRatio = parseAspectRatio(props.aspectRatio) ?? DEFAULT_VIDEO_ASPECT_RATIO;
+	const fallbackWidthIn = parentFrame.widthEmu / EMU_PER_INCH / 2;
+	return {
+		props: {
+			...props,
+			aspectRatio: props.aspectRatio ?? `${DEFAULT_VIDEO_ASPECT_RATIO}`,
+			...missingWidth && missingHeight ? { width: fallbackWidthIn } : {}
+		},
+		missingHeight,
+		missingWidth,
+		unsupportedSemantics: [{
+			feature: "layout",
+			property: missingWidth && missingHeight ? "width,height" : missingWidth ? "width" : "height",
+			value: missingWidth && missingHeight ? "auto auto" : "auto",
+			reason: "Video frame size was omitted; deckjsx synthesized a 16:9 fallback frame for the initial playable video projection.",
+			fallback: {
+				strategy: "synthesizeFallbackFrame",
+				preserves: ["playableVideoMedia"],
+				missing: [
+					...missingWidth ? ["authoredWidth"] : [],
+					...missingHeight ? ["authoredHeight"] : [],
+					...props.aspectRatio === void 0 ? [`defaultAspectRatio=${aspectRatio}`] : []
+				]
+			}
+		}]
+	};
+}
+function compileVideoNode(node, parentFrame, idGenerator, placement, clipRect, context) {
+	const videoFrame = videoPropsWithFallbackFrame(node.props, parentFrame);
+	const { props } = videoFrame;
+	const fit = normalizeProjectedImageFit(props.fit);
+	const resolved = frameFromProps(props, parentFrame, videoFrame.missingWidth || videoFrame.missingHeight ? {
+		...placement?.xEmu !== void 0 ? { xEmu: placement.xEmu } : {},
+		...placement?.yEmu !== void 0 ? { yEmu: placement.yEmu } : {},
+		...!videoFrame.missingWidth && placement?.widthEmu !== void 0 ? { widthEmu: placement.widthEmu } : {},
+		...!videoFrame.missingHeight && placement?.heightEmu !== void 0 ? { heightEmu: placement.heightEmu } : {}
+	} : placement, context);
+	const shadow = parseShadowShorthandOrIgnore({
+		property: "boxShadow",
+		value: props.boxShadow
+	});
+	const objectPosition = parseObjectPosition(props.objectPosition, {
+		widthEmu: resolved.widthEmu,
+		heightEmu: resolved.heightEmu
+	});
+	if (!props.src && !props.data) throw new Error("Video requires either src or data.");
+	const originalFrame = {
+		xEmu: resolved.xEmu,
+		yEmu: resolved.yEmu,
+		widthEmu: resolved.widthEmu,
+		heightEmu: resolved.heightEmu
+	};
+	const visibleFrame = intersectClipRect(originalFrame, clipRect);
+	if (!visibleFrame) return null;
+	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
+	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
+		...unsupportedTransformSemantics$1(props),
+		...unsupportedCompositingSemantics$1(props),
+		...unsupportedOpacityStackingContextSemantics$1(props),
+		...unsupportedClippingTransformSemantics({
+			clip,
+			rotation: resolved.rotation,
+			flipH: resolved.flipH,
+			flipV: resolved.flipV
+		}),
+		...unsupportedObjectPositionSemantics({
+			value: props.objectPosition,
+			resolved: objectPosition
+		}),
+		...unsupportedObjectFitSemantics(props.fit),
+		...shadow.unsupportedSemantics,
+		...videoFrame.unsupportedSemantics
+	];
+	const posterSource = videoPosterSourceFromProps(props);
+	return {
+		id: idGenerator.nextNode(),
+		kind: "video",
+		...node.origin ? { origin: node.origin } : {},
+		frame: visibleFrame,
+		siblingOrder: node.siblingOrder,
+		...clip ? { clip } : {},
+		sourceFrame: originalFrame,
+		opacity: resolved.opacity,
+		rotation: resolved.rotation,
+		zIndex: resolved.zIndex,
+		...props.visibility !== void 0 ? { visibility: props.visibility } : {},
+		flipH: resolved.flipH,
+		flipV: resolved.flipV,
+		...unsupportedSemantics.length ? { unsupportedSemantics } : {},
+		fit,
+		...objectPosition ? { objectPosition } : {},
+		transparency: normalizeTransparency$1(props.transparency),
+		rounding: props.rounding,
+		...shadow.shadow ? { shadow: shadow.shadow } : {},
+		source: videoSourceFromProps(props),
+		...posterSource ? { posterSource } : {}
+	};
+}
 function compileShapeNode(node, parentFrame, idGenerator, placement, clipRect, context) {
 	const { props } = node;
 	const resolved = frameFromProps(props, parentFrame, placement, context);
@@ -8680,6 +9144,7 @@ function compileNode(child, parentFrame, idGenerator, placement, clipRect, conte
 		case "view": return compileGroupNode(child, parentFrame, idGenerator, placement, clipRect, context, resolutionOptions);
 		case "text": return compileTextNode(child, parentFrame, idGenerator, placement, clipRect, context);
 		case "image": return compileImageNode(child, parentFrame, idGenerator, placement, clipRect, context);
+		case "video": return compileVideoNode(child, parentFrame, idGenerator, placement, clipRect, context);
 		case "shape": return compileShapeNode(child, parentFrame, idGenerator, placement, clipRect, context);
 	}
 }
@@ -8807,6 +9272,7 @@ function mediaContentType(extension) {
 		case "png": return "image/png";
 		case "gif": return "image/gif";
 		case "svg": return "image/svg+xml";
+		case "mp4": return "video/mp4";
 		default: return "application/octet-stream";
 	}
 }
@@ -8871,8 +9337,15 @@ function buildPptxManifest(input) {
 			targetPath: input.presentationPropertiesPart.path,
 			type: "presentationProperties"
 		}),
+		relationship({
+			id: input.serializedId("rId5"),
+			ownerPath: input.presentationPart.path,
+			targetPartId: input.tableStylesPart.id,
+			targetPath: input.tableStylesPart.path,
+			type: "tableStyles"
+		}),
 		...input.slides.map((slide, index) => relationship({
-			id: input.serializedId(`rId${index + 5}`),
+			id: input.serializedId(`rId${index + 6}`),
 			ownerPath: input.presentationPart.path,
 			targetPartId: slide.id,
 			targetPath: slide.path,
@@ -8920,6 +9393,7 @@ function buildPptxManifest(input) {
 			override(input.extendedDocumentPropertiesPart, "application/vnd.openxmlformats-officedocument.extended-properties+xml"),
 			override(input.viewPropertiesPart, "application/vnd.openxmlformats-officedocument.presentationml.viewProps+xml"),
 			override(input.presentationPropertiesPart, "application/vnd.openxmlformats-officedocument.presentationml.presProps+xml"),
+			override(input.tableStylesPart, "application/vnd.openxmlformats-officedocument.presentationml.tableStyles+xml"),
 			...input.slides.map((slide) => override(slide, "application/vnd.openxmlformats-officedocument.presentationml.slide+xml"))
 		]
 	};
@@ -8961,7 +9435,8 @@ function buildPptxManifest(input) {
 		documentPropertiesPart: input.documentPropertiesPart,
 		extendedDocumentPropertiesPart: input.extendedDocumentPropertiesPart,
 		viewPropertiesPart: input.viewPropertiesPart,
-		presentationPropertiesPart: input.presentationPropertiesPart
+		presentationPropertiesPart: input.presentationPropertiesPart,
+		tableStylesPart: input.tableStylesPart
 	};
 }
 //#endregion
@@ -8994,6 +9469,7 @@ function mediaTypeFromExtension$1(extension) {
 		case "png": return "image/png";
 		case "gif": return "image/gif";
 		case "svg": return "image/svg+xml";
+		case "mp4": return "video/mp4";
 		default: return;
 	}
 }
@@ -9003,6 +9479,7 @@ function extensionFromMediaType$1(mediaType) {
 		case "image/png": return "png";
 		case "image/gif": return "gif";
 		case "image/svg+xml": return "svg";
+		case "video/mp4": return "mp4";
 		default: return;
 	}
 }
@@ -9014,9 +9491,10 @@ function dataMediaType(value) {
 }
 function mediaAllocationKey(input) {
 	const asset = input.assetEntityId ? input.assets?.get(input.assetEntityId) : void 0;
+	const mediaKind = input.mediaKind ?? "image";
 	const hash = asset?.probe?.hash;
-	if (hash) return `hash:${hash}:${asset?.probe?.extension ?? asset?.probe?.mediaType ?? imageExtension(input.source)}`;
-	return `source:${asset?.resolverScope ?? "deckjsx:builtin"}:${imageSourceKey(input.source)}`;
+	if (hash) return `${mediaKind}:hash:${hash}:${asset?.probe?.extension ?? asset?.probe?.mediaType ?? imageExtension(input.source)}`;
+	return `${mediaKind}:source:${asset?.resolverScope ?? "deckjsx:builtin"}:${imageSourceKey(input.source)}`;
 }
 function mediaPartIdForSource(input) {
 	return packageIdentity("media", fingerprintString(mediaAllocationKey(input)));
@@ -9087,6 +9565,7 @@ function mediaPayloadFor(input) {
 	} : void 0;
 	const allocationKey = mediaAllocationKey(input);
 	return {
+		mediaKind: input.mediaKind ?? "image",
 		source: input.source,
 		sources: [input.source],
 		...input.elementId ? { elementId: input.elementId } : {},
@@ -9143,22 +9622,43 @@ function mergeMediaPackagePart(part, payload) {
 		payload: mergeMediaPartPayload(part.payload, payload)
 	};
 }
-function withCanonicalImageMediaPartIds(slides, assets) {
+function withCanonicalMediaPartIds(slides, assets) {
 	return slides.map((slide) => ({
 		...slide,
 		payload: {
 			...slide.payload,
 			drawing: drawingFromElements(mapElements(slideDrawingChildren(slide), (element) => {
-				if (element.kind !== "image") return element;
-				const assetEntityId = element.origin.assetEntityIds?.[0];
-				return {
-					...element,
-					mediaPartId: mediaPartIdForSource({
-						source: element.source,
-						...assetEntityId ? { assetEntityId } : {},
-						assets
-					})
-				};
+				if (element.kind === "image") {
+					const assetEntityId = element.origin.assetEntityIds?.[0];
+					return {
+						...element,
+						mediaPartId: mediaPartIdForSource({
+							source: element.source,
+							mediaKind: "image",
+							...assetEntityId ? { assetEntityId } : {},
+							assets
+						})
+					};
+				}
+				if (element.kind === "video") {
+					const [assetEntityId, posterAssetEntityId] = element.origin.assetEntityIds ?? [];
+					return {
+						...element,
+						mediaPartId: mediaPartIdForSource({
+							source: element.source,
+							mediaKind: "video",
+							...assetEntityId ? { assetEntityId } : {},
+							assets
+						}),
+						...element.posterSource ? { posterMediaPartId: mediaPartIdForSource({
+							source: element.posterSource,
+							mediaKind: "image",
+							...posterAssetEntityId ? { assetEntityId: posterAssetEntityId } : {},
+							assets
+						}) } : {}
+					};
+				}
+				return element;
 			}))
 		}
 	}));
@@ -9191,10 +9691,12 @@ function mediaPartsFor(slides, assets) {
 			mediaIndex += 1;
 		}
 		walkElements(slideDrawingChildren(slide), (element) => {
-			if (element.kind !== "image" || !element.mediaPartId) return;
+			if (element.kind !== "image" && element.kind !== "video") return;
+			if (!element.mediaPartId) return;
 			const assetEntityId = element.origin.assetEntityIds?.[0];
 			const payload = mediaPayloadFor({
 				source: element.source,
+				mediaKind: element.kind === "video" ? "video" : "image",
 				elementId: element.id,
 				...assetEntityId ? { assetEntityId } : {},
 				assets
@@ -9210,6 +9712,7 @@ function mediaPartsFor(slides, assets) {
 				kind: "media",
 				path: `ppt/media/media${mediaIndex}.${mediaExtension({
 					source: element.source,
+					mediaKind: element.kind === "video" ? "video" : "image",
 					...assetEntityId ? { assetEntityId } : {},
 					assets
 				})}`,
@@ -9220,13 +9723,44 @@ function mediaPartsFor(slides, assets) {
 				payload
 			});
 			mediaIndex += 1;
+			if (element.kind !== "video" || !element.posterSource || !element.posterMediaPartId) return;
+			const posterAssetEntityId = element.origin.assetEntityIds?.[1];
+			const posterPayload = mediaPayloadFor({
+				source: element.posterSource,
+				mediaKind: "image",
+				elementId: element.id,
+				...posterAssetEntityId ? { assetEntityId: posterAssetEntityId } : {},
+				assets
+			});
+			const currentPoster = parts.get(element.posterMediaPartId);
+			if (currentPoster) {
+				parts.set(element.posterMediaPartId, mergeMediaPackagePart(currentPoster, posterPayload));
+				return;
+			}
+			parts.set(element.posterMediaPartId, {
+				id: element.posterMediaPartId,
+				category: "authored-content",
+				kind: "media",
+				path: `ppt/media/media${mediaIndex}.${mediaExtension({
+					source: element.posterSource,
+					mediaKind: "image",
+					...posterAssetEntityId ? { assetEntityId: posterAssetEntityId } : {},
+					assets
+				})}`,
+				origin: {
+					...element.origin.graphNodeIds ? { graphNodeIds: element.origin.graphNodeIds } : {},
+					...element.origin.source ? { source: element.origin.source } : {}
+				},
+				payload: posterPayload
+			});
+			mediaIndex += 1;
 		});
 	}
 	return [...parts.values()];
 }
 function withHyperlinkRelationship(input) {
 	const { element } = input;
-	if (element.kind === "group" || !element.hyperlink) return element;
+	if (element.kind === "group" || element.kind === "video" || !element.hyperlink) return element;
 	const relationshipId = nextSlideRelationshipId(input.relationships);
 	const serialized = {
 		...element.serialized,
@@ -9262,6 +9796,9 @@ function withHyperlinkRelationship(input) {
 function nextSlideRelationshipId(relationships) {
 	return mediaRelationshipId(relationships.length + 1);
 }
+function relationshipKey(type, mediaPartId) {
+	return `${type}:${mediaPartId}`;
+}
 function attachMediaRelationships(slides, mediaParts, assets) {
 	const mediaPartById = new Map(mediaParts.map((part) => [part.id, part]));
 	return slides.map((slide) => {
@@ -9269,7 +9806,8 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 		const relationshipByMediaPartId = /* @__PURE__ */ new Map();
 		for (const backgroundImage of backgroundImageLayersForSlide(slide, assets)) {
 			const mediaPart = mediaPartById.get(backgroundImage.mediaPartId);
-			if (!mediaPart || relationshipByMediaPartId.has(backgroundImage.mediaPartId)) continue;
+			const key = relationshipKey("image", backgroundImage.mediaPartId);
+			if (!mediaPart || relationshipByMediaPartId.has(key)) continue;
 			const relationship = {
 				id: nextSlideRelationshipId(relationships),
 				target: projectedRelationshipTarget({
@@ -9280,7 +9818,7 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 				targetPath: mediaPart.path,
 				type: "image"
 			};
-			relationshipByMediaPartId.set(backgroundImage.mediaPartId, relationship);
+			relationshipByMediaPartId.set(key, relationship);
 			relationships.push(relationship);
 		}
 		const children = mapElements(slideDrawingChildren(slide), (element) => {
@@ -9288,7 +9826,8 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 			if (nextElement.kind === "image" && nextElement.mediaPartId) {
 				const mediaPart = mediaPartById.get(nextElement.mediaPartId);
 				if (mediaPart) {
-					const relationship = relationshipByMediaPartId.get(nextElement.mediaPartId) ?? {
+					const key = relationshipKey("image", nextElement.mediaPartId);
+					const relationship = relationshipByMediaPartId.get(key) ?? {
 						id: nextSlideRelationshipId(relationships),
 						target: projectedRelationshipTarget({
 							ownerPath: slide.path,
@@ -9298,8 +9837,8 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 						targetPath: mediaPart.path,
 						type: "image"
 					};
-					if (!relationshipByMediaPartId.has(nextElement.mediaPartId)) {
-						relationshipByMediaPartId.set(nextElement.mediaPartId, relationship);
+					if (!relationshipByMediaPartId.has(key)) {
+						relationshipByMediaPartId.set(key, relationship);
 						relationships.push(relationship);
 					}
 					nextElement = {
@@ -9311,6 +9850,69 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 					};
 				}
 			}
+			if (nextElement.kind === "video" && nextElement.mediaPartId) {
+				const mediaPart = mediaPartById.get(nextElement.mediaPartId);
+				if (mediaPart) {
+					const videoKey = relationshipKey("video", nextElement.mediaPartId);
+					const videoRelationship = relationshipByMediaPartId.get(videoKey) ?? {
+						id: nextSlideRelationshipId(relationships),
+						target: projectedRelationshipTarget({
+							ownerPath: slide.path,
+							targetPath: mediaPart.path
+						}),
+						targetPartId: mediaPart.id,
+						targetPath: mediaPart.path,
+						type: "video"
+					};
+					if (!relationshipByMediaPartId.has(videoKey)) {
+						relationshipByMediaPartId.set(videoKey, videoRelationship);
+						relationships.push(videoRelationship);
+					}
+					const mediaKey = relationshipKey("media", nextElement.mediaPartId);
+					const mediaRelationship = relationshipByMediaPartId.get(mediaKey) ?? {
+						id: nextSlideRelationshipId(relationships),
+						target: projectedRelationshipTarget({
+							ownerPath: slide.path,
+							targetPath: mediaPart.path
+						}),
+						targetPartId: mediaPart.id,
+						targetPath: mediaPart.path,
+						type: "media"
+					};
+					if (!relationshipByMediaPartId.has(mediaKey)) {
+						relationshipByMediaPartId.set(mediaKey, mediaRelationship);
+						relationships.push(mediaRelationship);
+					}
+					nextElement = {
+						...nextElement,
+						serialized: {
+							...nextElement.serialized,
+							relationshipId: videoRelationship.id,
+							mediaRelationshipId: mediaRelationship.id
+						}
+					};
+				}
+				if (nextElement.posterMediaPartId) {
+					const posterPart = mediaPartById.get(nextElement.posterMediaPartId);
+					if (posterPart) {
+						const posterKey = relationshipKey("image", nextElement.posterMediaPartId);
+						const posterRelationship = relationshipByMediaPartId.get(posterKey) ?? {
+							id: nextSlideRelationshipId(relationships),
+							target: projectedRelationshipTarget({
+								ownerPath: slide.path,
+								targetPath: posterPart.path
+							}),
+							targetPartId: posterPart.id,
+							targetPath: posterPart.path,
+							type: "image"
+						};
+						if (!relationshipByMediaPartId.has(posterKey)) {
+							relationshipByMediaPartId.set(posterKey, posterRelationship);
+							relationships.push(posterRelationship);
+						}
+					}
+				}
+			}
 			return withHyperlinkRelationship({
 				element: nextElement,
 				ownerPath: slide.path,
@@ -9365,6 +9967,9 @@ function textRunStyleFor(node, resolvedStyles) {
 function imageStyleFor(node, resolvedStyles) {
 	return targetStyle(pptxStyleFor(node, resolvedStyles), IMAGE_STYLE_KEYS);
 }
+function videoStyleFor(node, resolvedStyles) {
+	return targetStyle(pptxStyleFor(node, resolvedStyles), VIDEO_STYLE_KEYS);
+}
 function shapeStyleFor(node, resolvedStyles, shape) {
 	return {
 		...targetStyle(pptxStyleFor(node, resolvedStyles), SHAPE_STYLE_KEYS),
@@ -9846,6 +10451,17 @@ function unsupportedSemanticsForGraphNode(node, resolvedStyles) {
 					}).unsupportedSemantics
 				];
 			}
+			case "video": {
+				const props = normalizeVideoProps(videoStyleFor(node, resolvedStyles));
+				return [
+					...unsupportedTransformSemantics(props),
+					...unsupportedCompositingSemantics(props),
+					...parseShadowSafely({
+						property: "boxShadow",
+						value: props.boxShadow
+					}).unsupportedSemantics
+				];
+			}
 			case "shape": {
 				const props = normalizeShapeProps({ ...shapeStyleFor(node, resolvedStyles, node.shape) });
 				const strokes = resolveNodeStrokesSafely(props);
@@ -9925,7 +10541,7 @@ function collectPptxUnsupportedProjectionModelDiagnostics(projection, options =
 		const slideItems = [];
 		walkElements(slide.payload.drawing.children, (element) => {
 			for (const semantic of element.unsupportedSemantics ?? []) {
-				if (!options.includeAllUnsupportedSemantics && semantic.feature !== "border" && semantic.feature !== "clipping" && semantic.feature !== "filter" && semantic.feature !== "blend" && semantic.feature !== "isolation" && semantic.feature !== "outline" && semantic.feature !== "stroke" && !(semantic.feature === "opacity" && semantic.property === "stackingContext") && !(semantic.feature === "transform" && semantic.property === "stackingContext")) continue;
+				if (!options.includeAllUnsupportedSemantics && semantic.feature !== "border" && semantic.feature !== "clipping" && semantic.feature !== "filter" && semantic.feature !== "blend" && semantic.feature !== "isolation" && semantic.feature !== "outline" && semantic.feature !== "stroke" && semantic.fallback?.strategy !== "synthesizeFallbackFrame" && !(semantic.feature === "opacity" && semantic.property === "stackingContext") && !(semantic.feature === "transform" && semantic.property === "stackingContext")) continue;
 				const graphNodeId = element.origin.graphNodeIds?.[0];
 				slideItems.push(diagnostic({
 					severity: "warning",
@@ -9965,6 +10581,10 @@ const DEFAULT_OBJECT_POSITION = {
 	x: .5,
 	y: .5
 };
+const DEFAULT_VIDEO_POSTER_SOURCE = {
+	kind: "data",
+	data: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII="
+};
 const DEFAULT_TEXT_FIT = "none";
 const DEFAULT_TEXT_DIRECTION = "horz";
 const DEFAULT_TEXT_VERTICAL_ALIGN = "top";
@@ -10571,6 +11191,7 @@ function compileElement(input) {
 		case "container": return compileContainer(input.graph, input.resolvedStyles, node, input.templates, input.packagePartId, input.parentFrame, input.indexPath, input.context);
 		case "text": return compileText(input.graph, input.resolvedStyles, node, input.templates, input.packagePartId, input.parentFrame, input.indexPath, input.context);
 		case "image": return compileImage(input.graph, input.resolvedStyles, node, input.templates, input.packagePartId, input.parentFrame, input.indexPath, input.context);
+		case "video": return;
 		case "shape": return compileShape(node, input.resolvedStyles, input.templates, input.packagePartId, input.parentFrame, input.indexPath, input.context);
 		case "document":
 		case "slide":
@@ -10729,6 +11350,23 @@ function mapProjectedLayoutNodeToElement(input) {
 			shadow: input.node.shadow,
 			hyperlink: input.node.hyperlink
 		};
+		case "video": {
+			const posterSource = input.node.posterSource ?? DEFAULT_VIDEO_POSTER_SOURCE;
+			return {
+				...base,
+				kind: "video",
+				mediaPartId: mediaPartIdForElement(base.id),
+				posterMediaPartId: packageIdentity("media", `${base.id}:poster`),
+				sourceFrame: input.node.sourceFrame,
+				source: input.node.source,
+				posterSource,
+				fit: input.node.fit,
+				objectPosition: input.node.objectPosition ?? DEFAULT_OBJECT_POSITION,
+				transparency: input.node.transparency,
+				rounding: input.node.rounding,
+				shadow: input.node.shadow
+			};
+		}
 		case "shape": {
 			const backgroundLayers = projectBackgroundLayers({
 				layers: input.node.backgroundLayers,
@@ -11617,6 +12255,17 @@ function defaultPptxSupportParts(input) {
 				editable: true,
 				settings: {}
 			}
+		},
+		tableStylesPart: {
+			id: packageIdentity("support", "table-styles"),
+			category: "support",
+			kind: "table-styles",
+			path: "ppt/tableStyles.xml",
+			payload: {
+				kind: "table-styles",
+				editable: true,
+				defaultStyleId: "{5C22544A-7EE6-4342-B048-85BDC9FD1C3A}"
+			}
 		}
 	};
 }
@@ -11657,7 +12306,7 @@ function projectGraphToPptxPackageInternal(input) {
 		widthEmu: size.widthEmu,
 		heightEmu: size.heightEmu
 	};
-	const projectedSlidesWithMedia = withCanonicalImageMediaPartIds(slideIds.flatMap((slideId, slideIndex) => {
+	const projectedSlidesWithMedia = withCanonicalMediaPartIds(slideIds.flatMap((slideId, slideIndex) => {
 		const slide = input.graph.nodes.get(slideId);
 		if (slide?.kind !== "slide") return [];
 		const layoutSlide = projectedLayout?.slides[slideIndex];
@@ -11713,6 +12362,7 @@ function projectGraphToPptxPackageInternal(input) {
 		extendedDocumentPropertiesPart: supportParts.extendedDocumentPropertiesPart,
 		viewPropertiesPart: supportParts.viewPropertiesPart,
 		presentationPropertiesPart: supportParts.presentationPropertiesPart,
+		tableStylesPart: supportParts.tableStylesPart,
 		slides,
 		mediaParts,
 		serializedId
@@ -11731,6 +12381,7 @@ function projectGraphToPptxPackageInternal(input) {
 		manifest.extendedDocumentPropertiesPart,
 		manifest.viewPropertiesPart,
 		manifest.presentationPropertiesPart,
+		manifest.tableStylesPart,
 		...slides,
 		...slideRelationshipParts,
 		...mediaParts
@@ -11931,10 +12582,11 @@ function assetProbeInvalidFields(result) {
 	if (result.byteLength !== void 0 && (!isFiniteNumber(result.byteLength) || result.byteLength < 0)) invalidFields.push("byteLength");
 	return invalidFields;
 }
-function missingRequiredAssetProbeFields(probe) {
+function missingRequiredAssetProbeFields(input) {
+	if (input.assetKind === "video") return [];
 	const missingFields = [];
-	if (probe?.width === void 0) missingFields.push("width");
-	if (probe?.height === void 0) missingFields.push("height");
+	if (input.probe?.width === void 0) missingFields.push("width");
+	if (input.probe?.height === void 0) missingFields.push("height");
 	return missingFields;
 }
 function normalizedAssetProbeResult(input) {
@@ -12328,7 +12980,10 @@ async function resolveAssetArtifacts(input) {
 			}
 			resolverScope = BUILTIN_ASSET_RESOLVER_SCOPE;
 		}
-		const missingRequiredFields = missingRequiredAssetProbeFields(probe);
+		const missingRequiredFields = missingRequiredAssetProbeFields({
+			probe,
+			assetKind: asset.kind
+		});
 		if (missingRequiredFields.length > 0) diagnostics.push(missingRequiredAssetProbeDiagnostics({
 			source,
 			resolverScope,