deckjsx 0.6.0 → 0.7.0

package/README.md

@@ -14,7 +14,7 @@ JSX
 ```
 
 This project is being designed as a compiler, not as a thin `PptxGenJS` wrapper.
-The API uses a class-based compiler with callback-based `.add()`, `.compile()`, `.project()`, and
+The API uses a class-based compiler with callback-based `.slide()`, `.compile()`, `.project()`, and
 `.render()`. Authoring uses typed JSX elements with CSS-like style and class semantics.
 
 The implementation preserves the compiler model with explicit module boundaries for authoring,
@@ -32,51 +32,63 @@ The package currently targets PPTX output and ships a temporary `pptxgenjs` writ
 ## Usage
 
 ```tsx
-import { Deck, Slide } from "deckjsx";
+import { Deck } from "deckjsx";
 
 const deck = new Deck({
   layout: { width: 13.333, height: 7.5, unit: "in" },
   meta: { title: "Quarterly Review", author: "deckjsx" },
 });
 
-deck.add(({ composition }) => (
-  <Slide name={`Slide ${composition.slideIndex + 1}`} style={{ backgroundColor: "#F8FAFC" }}>
-    <main
-      style={{
-        x: 0.7,
-        y: 0.5,
-        width: 11.9,
-        height: 6.3,
-        display: "grid",
-        gridTemplateRows: ["0.9in", "1fr", "0.4in"],
-        rowGap: 0.25,
-      }}
-    >
-      <header>
-        <h1 style={{ width: "100%", height: 0.6, fontSize: 28, fontWeight: 700, color: "#0F172A" }}>
-          Quarterly Review
-        </h1>
-      </header>
-
-      <section style={{ display: "grid", gridTemplateColumns: "1fr 1fr", columnGap: 0.35 }}>
-        <p style={{ fontSize: 18, color: "#334155", fit: "shrink" }}>
-          Author slides with typed JSX, inspect the projected document model, and render PPTX files.
-        </p>
-        <figure style={{ backgroundColor: "#E0F2FE", borderRadius: 0.15, padding: 0.25 }}>
-          <img src="chart.png" style={{ width: "100%", height: "100%", fit: "contain" }} />
-        </figure>
-      </section>
-
-      <footer>
-        <p
-          style={{ width: "100%", height: 0.3, fontSize: 11, color: "#64748B", textAlign: "right" }}
-        >
-          {composition.slideIndex + 1} / {composition.totalSlides}
-        </p>
-      </footer>
-    </main>
-  </Slide>
-));
+deck.slide(
+  { name: "Quarterly Review", style: { backgroundColor: "#F8FAFC" } },
+  ({ composition }) => (
+    <>
+      <main
+        style={{
+          x: 0.7,
+          y: 0.5,
+          width: 11.9,
+          height: 6.3,
+          display: "grid",
+          gridTemplateRows: ["0.9in", "1fr", "0.4in"],
+          rowGap: 0.25,
+        }}
+      >
+        <header>
+          <h1
+            style={{ width: "100%", height: 0.6, fontSize: 28, fontWeight: 700, color: "#0F172A" }}
+          >
+            Quarterly Review
+          </h1>
+        </header>
+
+        <section style={{ display: "grid", gridTemplateColumns: "1fr 1fr", columnGap: 0.35 }}>
+          <p style={{ fontSize: 18, color: "#334155", fit: "shrink" }}>
+            Author slides with typed JSX, inspect the projected document model, and render PPTX
+            files.
+          </p>
+          <figure style={{ backgroundColor: "#E0F2FE", borderRadius: 0.15, padding: 0.25 }}>
+            <img src="chart.png" style={{ width: "100%", height: "100%", fit: "contain" }} />
+          </figure>
+        </section>
+
+        <footer>
+          <p
+            style={{
+              width: "100%",
+              height: 0.3,
+              fontSize: 11,
+              color: "#64748B",
+              textAlign: "right",
+            }}
+          >
+            {composition.slideIndex + 1} / {composition.totalSlides}
+          </p>
+        </footer>
+      </main>
+    </>
+  ),
+);
 
 const project = deck.project();
 await deck.render({ output: "quarterly-review.pptx" });

package/dist/{adapter-C8xw46nz.d.mts → adapter-NxGlM8_c.d.mts}

@@ -1,5 +1,5 @@
-import { Yt as Diagnostics } from "./index-C5l8PX5V.mjs";
-import { F as OutputFormat, L as ProjectionFormat, s as PptxPackageModel, z as RenderedArtifact } from "./pptx-PzEK54aA.mjs";
+import { rn as Diagnostics } from "./index-C-LDA3Lj.mjs";
+import { F as OutputFormat, L as ProjectionFormat, s as PptxPackageModel, z as RenderedArtifact } from "./pptx-DaSXvESd.mjs";
 
 //#region src/adapter.d.ts
 type RenderOptions = {

package/dist/adapter.d.mts

@@ -1,2 +1,2 @@
-import { i as pptxgenjs, n as WriterAdapter, r as WriterAdapterResult, t as RenderOptions } from "./adapter-C8xw46nz.mjs";
+import { i as pptxgenjs, n as WriterAdapter, r as WriterAdapterResult, t as RenderOptions } from "./adapter-NxGlM8_c.mjs";
 export { RenderOptions, WriterAdapter, WriterAdapterResult, pptxgenjs };

package/dist/adapter.mjs

@@ -1,2 +1,2 @@
-import { t as pptxgenjs } from "./adapter-BbtteJ7s.mjs";
+import { t as pptxgenjs } from "./adapter-rS3mWdi0.mjs";
 export { pptxgenjs };

package/dist/{index-C5l8PX5V.d.mts → index-C-LDA3Lj.d.mts}

@@ -86,129 +86,6 @@ type Diagnostics = {
   readonly hasWarnings: boolean;
 };
 //#endregion
-//#region src/graph/types.d.ts
-type Brand<T, B extends string> = T & {
-  readonly __brand: B;
-};
-type GraphNodeId = Brand<string, "GraphNodeId">;
-type StyleEntityId = Brand<string, "StyleEntityId">;
-type AssetEntityId = Brand<string, "AssetEntityId">;
-type SourceIdentity = Brand<string, "SourceIdentity">;
-type SemanticNodeKind = "container" | "document" | "image" | "shape" | "slide" | "text" | "textRun";
-type SemanticRole = {
-  readonly kind: "document";
-} | {
-  readonly kind: "slide";
-} | {
-  readonly kind: "genericContainer";
-} | {
-  readonly kind: "sectioning";
-  readonly tag: SectioningTag;
-} | {
-  readonly kind: "figure";
-} | {
-  readonly kind: "paragraph";
-} | {
-  readonly kind: "heading";
-  readonly level: 1 | 2 | 3 | 4 | 5 | 6;
-} | {
-  readonly kind: "image";
-} | {
-  readonly kind: "shape";
-};
-type SourceOrigin = {
-  readonly kind: "root";
-} | {
-  readonly kind: "mounted";
-  readonly sourceKey: string;
-  readonly sourceIdentity: SourceIdentity;
-};
-type SemanticOrigin = {
-  readonly kind: "authored" | "implicit";
-  readonly path: string;
-  readonly source?: SourceOrigin;
-  readonly sourceSpan?: SourceSpan;
-  readonly reason?: "primitive-text-in-container";
-};
-type BaseSemanticNode = {
-  readonly id: GraphNodeId;
-  readonly kind: SemanticNodeKind;
-  readonly origin: SemanticOrigin;
-  readonly authoredTag?: AuthoredTag;
-  readonly authoredComponent?: AuthoredComponent;
-  readonly role?: SemanticRole;
-  readonly key?: JsxKey;
-  readonly styleRef?: StyleEntityId;
-};
-type SemanticDocumentNode = BaseSemanticNode & {
-  readonly kind: "document";
-  readonly children: readonly GraphNodeId[];
-};
-type SemanticSlideNode = BaseSemanticNode & {
-  readonly kind: "slide";
-  readonly name?: string;
-  readonly children: readonly GraphNodeId[];
-};
-type SemanticContainerNode = BaseSemanticNode & {
-  readonly kind: "container";
-  readonly children: readonly GraphNodeId[];
-};
-type SemanticTextNode = BaseSemanticNode & {
-  readonly kind: "text";
-  readonly inlineChildren: readonly GraphNodeId[];
-  readonly implicit?: boolean;
-};
-type SemanticTextRunNode = BaseSemanticNode & {
-  readonly kind: "textRun";
-  readonly text: string;
-};
-type SemanticImageNode = BaseSemanticNode & {
-  readonly kind: "image";
-  readonly assetRef?: AssetEntityId;
-};
-type SemanticShapeNode = BaseSemanticNode & {
-  readonly kind: "shape";
-  readonly shape: "rect" | "ellipse" | "line";
-};
-type SemanticNode = SemanticContainerNode | SemanticDocumentNode | SemanticImageNode | SemanticShapeNode | SemanticSlideNode | SemanticTextNode | SemanticTextRunNode;
-type StyleClassRef = {
-  readonly name: string;
-  readonly index: number;
-};
-type StyleEntity = {
-  readonly id: StyleEntityId;
-  readonly target: SemanticNodeKind;
-  readonly authored: {
-    readonly style?: unknown;
-    readonly classRefs?: readonly StyleClassRef[];
-  };
-};
-type AssetEntity = {
-  readonly id: AssetEntityId;
-  readonly kind: "image";
-  readonly source: {
-    readonly kind: "path";
-    readonly path: string;
-  } | {
-    readonly kind: "data";
-    readonly data: string;
-  };
-  readonly metadata: {
-    readonly mediaType?: string;
-    readonly byteLength?: number;
-    readonly widthPx?: number;
-    readonly heightPx?: number;
-    readonly contentHash?: string;
-  };
-  readonly resolution: "failed" | "resolved" | "unresolved";
-};
-type SemanticAuthorGraph = {
-  readonly documentId: GraphNodeId;
-  readonly nodes: ReadonlyMap<GraphNodeId, SemanticNode>;
-  readonly styles: ReadonlyMap<StyleEntityId, StyleEntity>;
-  readonly assets: ReadonlyMap<AssetEntityId, AssetEntity>;
-};
-//#endregion
 //#region src/style/types.d.ts
 type DeckLength = number | `${number}${"in" | "pt" | "px" | "%" | "em" | "rem" | "vh" | "vw" | "ch"}`;
 type DeckPointLength = number | `${number}${"pt" | "in" | "px" | "em" | "rem" | "vh" | "vw" | "ch"}`;
@@ -464,6 +341,189 @@ type ShapeStyle = FrameAuthorProps & Omit<BoxStyleAuthorProps, "backgroundColor"
 type TextRunStyle = Pick<TextStyle, "fontFamily" | "fontSize" | "fontWeight" | "italic" | "fontStyle" | "underline" | "strike" | "textDecoration" | "textDecorationLine" | "textDecorationStyle" | "textDecorationColor" | "textTransform" | "direction" | "writingMode" | "color" | "verticalAlign" | "charSpacing" | "letterSpacing" | "href" | "tooltip" | "superscript" | "subscript" | "textShadow">;
 type StyleForAuthoredTag<TTag extends string> = TTag extends "span" ? TextRunStyle : TTag extends "img" ? ImageStyle : TTag extends "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" ? TextStyle : ViewStyle;
 //#endregion
+//#region src/templates.d.ts
+/** The concrete frame used by a Template Area before output projection. */
+type TemplateFrame = {
+  readonly x: DeckLength;
+  readonly y: DeckLength;
+  readonly width: DeckLength;
+  readonly height: DeckLength;
+};
+/** A named placement area inside a Slide Template. */
+type TemplateArea = {
+  readonly frame: TemplateFrame;
+};
+/** A reusable Deck-owned slide structure made of named Template Areas. */
+type SlideTemplate = {
+  readonly areas: Readonly<Record<string, TemplateArea>>;
+};
+/** The Deck-local set of Slide Templates available to `deck.slide({ template })`. */
+type SlideTemplateSet = Readonly<Record<string, SlideTemplate>>;
+type EmptySlideTemplateSet = Record<never, never>;
+/**
+ * A branded authored reference from slide content to one Template Area.
+ *
+ * Authors normally obtain this value from the slide factory's `template` handle, for example
+ * `area={template.title}`. deckjsx does not expose a root-level constructor for these refs.
+ *
+ * @typeParam TTemplateName - Name of the Slide Template that owns the referenced area.
+ * @typeParam TAreaName - Name of the referenced Template Area.
+ */
+type TemplateAreaRef<TTemplateName extends string = string, TAreaName extends string = string> = Readonly<{
+  readonly type: "deckjsx.templateAreaRef";
+  readonly template: TTemplateName;
+  readonly area: TAreaName;
+}> & {
+  readonly __deckjsxTemplateAreaRefBrand?: never;
+};
+type TemplateAreaNames<TTemplates extends SlideTemplateSet, TName extends keyof TTemplates> = keyof TTemplates[TName]["areas"] & string;
+/**
+ * The typed template handle passed to a templated slide factory.
+ *
+ * `$name` is a discriminant for template-name unions. Every other key maps to a Template Area
+ * Reference for that area.
+ *
+ * @typeParam TTemplates - Deck-local Slide Template set.
+ * @typeParam TName - Selected Slide Template name.
+ */
+type TemplateHandle<TTemplates extends SlideTemplateSet, TName extends keyof TTemplates & string> = TName extends keyof TTemplates & string ? {
+  readonly $name: TName;
+} & { readonly [AreaName in TemplateAreaNames<TTemplates, TName>]: TemplateAreaRef<TName, AreaName> } : never;
+type TemplateName<TTemplates extends SlideTemplateSet> = keyof TTemplates & string;
+//#endregion
+//#region src/graph/types.d.ts
+type Brand<T, B extends string> = T & {
+  readonly __brand: B;
+};
+type GraphNodeId = Brand<string, "GraphNodeId">;
+type StyleEntityId = Brand<string, "StyleEntityId">;
+type AssetEntityId = Brand<string, "AssetEntityId">;
+type SourceIdentity = Brand<string, "SourceIdentity">;
+type SemanticNodeKind = "container" | "document" | "image" | "shape" | "slide" | "text" | "textRun";
+type SemanticRole = {
+  readonly kind: "document";
+} | {
+  readonly kind: "slide";
+} | {
+  readonly kind: "genericContainer";
+} | {
+  readonly kind: "sectioning";
+  readonly tag: SectioningTag;
+} | {
+  readonly kind: "figure";
+} | {
+  readonly kind: "paragraph";
+} | {
+  readonly kind: "heading";
+  readonly level: 1 | 2 | 3 | 4 | 5 | 6;
+} | {
+  readonly kind: "image";
+} | {
+  readonly kind: "shape";
+};
+type SourceOrigin = {
+  readonly kind: "root";
+} | {
+  readonly kind: "mounted";
+  readonly sourceKey: string;
+  readonly sourceIdentity: SourceIdentity;
+};
+type SemanticOrigin = {
+  readonly kind: "authored" | "implicit";
+  readonly path: string;
+  readonly source?: SourceOrigin;
+  readonly sourceSpan?: SourceSpan;
+  readonly reason?: "primitive-text-in-container";
+};
+type SemanticTemplateRef = {
+  readonly name: string;
+};
+type SemanticTemplateAreaRef = {
+  readonly template: string;
+  readonly area: string;
+};
+type BaseSemanticNode = {
+  readonly id: GraphNodeId;
+  readonly kind: SemanticNodeKind;
+  readonly origin: SemanticOrigin;
+  readonly authoredTag?: AuthoredTag;
+  readonly authoredComponent?: AuthoredComponent;
+  readonly role?: SemanticRole;
+  readonly key?: JsxKey;
+  readonly styleRef?: StyleEntityId;
+  readonly templateAreaRef?: SemanticTemplateAreaRef;
+};
+type SemanticDocumentNode = BaseSemanticNode & {
+  readonly kind: "document";
+  readonly children: readonly GraphNodeId[];
+};
+type SemanticSlideNode = BaseSemanticNode & {
+  readonly kind: "slide";
+  readonly name?: string;
+  readonly templateRef?: SemanticTemplateRef;
+  readonly children: readonly GraphNodeId[];
+};
+type SemanticContainerNode = BaseSemanticNode & {
+  readonly kind: "container";
+  readonly children: readonly GraphNodeId[];
+};
+type SemanticTextNode = BaseSemanticNode & {
+  readonly kind: "text";
+  readonly inlineChildren: readonly GraphNodeId[];
+  readonly implicit?: boolean;
+};
+type SemanticTextRunNode = BaseSemanticNode & {
+  readonly kind: "textRun";
+  readonly text: string;
+};
+type SemanticImageNode = BaseSemanticNode & {
+  readonly kind: "image";
+  readonly assetRef?: AssetEntityId;
+};
+type SemanticShapeNode = BaseSemanticNode & {
+  readonly kind: "shape";
+  readonly shape: "rect" | "ellipse" | "line";
+};
+type SemanticNode = SemanticContainerNode | SemanticDocumentNode | SemanticImageNode | SemanticShapeNode | SemanticSlideNode | SemanticTextNode | SemanticTextRunNode;
+type StyleClassRef = {
+  readonly name: string;
+  readonly index: number;
+};
+type StyleEntity = {
+  readonly id: StyleEntityId;
+  readonly target: SemanticNodeKind;
+  readonly authored: {
+    readonly style?: unknown;
+    readonly classRefs?: readonly StyleClassRef[];
+  };
+};
+type AssetEntity = {
+  readonly id: AssetEntityId;
+  readonly kind: "image";
+  readonly source: {
+    readonly kind: "path";
+    readonly path: string;
+  } | {
+    readonly kind: "data";
+    readonly data: string;
+  };
+  readonly metadata: {
+    readonly mediaType?: string;
+    readonly byteLength?: number;
+    readonly widthPx?: number;
+    readonly heightPx?: number;
+    readonly contentHash?: string;
+  };
+  readonly resolution: "failed" | "resolved" | "unresolved";
+};
+type SemanticAuthorGraph = {
+  readonly documentId: GraphNodeId;
+  readonly nodes: ReadonlyMap<GraphNodeId, SemanticNode>;
+  readonly styles: ReadonlyMap<StyleEntityId, StyleEntity>;
+  readonly assets: ReadonlyMap<AssetEntityId, AssetEntity>;
+  readonly templates: ReadonlyMap<string, SlideTemplateSet>;
+};
+//#endregion
 //#region src/style/stylesheet.d.ts
 type StyleTargetSelector = string;
 type StyleClassStyle = SlideStyle | ViewStyle | TextStyle | TextRunStyle | ImageStyle | ShapeStyle;
@@ -524,6 +584,12 @@ declare const Theme: {
 //#endregion
 //#region src/composition/types.d.ts
 declare const COMPOSITION_SOURCE: unique symbol;
+/**
+ * Deck-generated composition values passed to every slide factory.
+ *
+ * `slideIndex` and `totalSlides` are source-local. `deckSlideIndex` and `deckTotalSlides` refer to
+ * the fully composed root deck after mounted sources are expanded.
+ */
 type CompositionContext = {
   readonly sourceKey?: string;
   readonly slideIndex: number;
@@ -531,13 +597,66 @@ type CompositionContext = {
   readonly deckSlideIndex: number;
   readonly deckTotalSlides: number;
 };
+/**
+ * The input shape for a slide factory.
+ *
+ * Root Decks receive only `composition`; Decks with Source Context also receive `context`.
+ *
+ * @typeParam TSourceContext - Source Context type required by the declaring Deck.
+ */
 type SlideFactoryInput<TSourceContext = void> = [TSourceContext] extends [void] ? {
   readonly composition: CompositionContext;
 } : {
   readonly context: TSourceContext;
   readonly composition: CompositionContext;
 };
-type SlideFactory<TSourceContext = void> = (input: SlideFactoryInput<TSourceContext>) => JsxNode;
+/**
+ * Slide factory input when a slide selects a Deck Template.
+ *
+ * The `template` handle exposes typed Template Area References for the selected template.
+ *
+ * @typeParam TSourceContext - Source Context type required by the declaring Deck.
+ * @typeParam TTemplates - Deck-local Slide Template set.
+ * @typeParam TTemplateName - Selected Slide Template name.
+ */
+type SlideFactoryInputWithTemplate<TSourceContext = void, TTemplates extends SlideTemplateSet = EmptySlideTemplateSet, TTemplateName extends TemplateName<TTemplates> = TemplateName<TTemplates>> = SlideFactoryInput<TSourceContext> & {
+  readonly template: TemplateHandle<TTemplates, TTemplateName>;
+};
+/**
+ * A callback that returns the authored JSX content for one slide.
+ *
+ * The returned JSX is slide content, not a public `<Slide>` wrapper.
+ *
+ * @typeParam TSourceContext - Source Context type required by the declaring Deck.
+ * @typeParam TInput - Factory input shape, including template handle when applicable.
+ */
+type SlideFactory<TSourceContext = void, TInput extends SlideFactoryInput<TSourceContext> = SlideFactoryInput<TSourceContext>> = (input: TInput) => JsxNode;
+/**
+ * Slide-level options for `deck.slide(...)`.
+ *
+ * `template` is available only when the Deck has a typed template set. `name`, `className`, and
+ * `style` apply to the slide declaration itself.
+ *
+ * @typeParam TTemplates - Deck-local Slide Template set.
+ * @typeParam TTemplateName - Selected Slide Template name.
+ */
+type SlideOptions<TTemplates extends SlideTemplateSet = EmptySlideTemplateSet, TTemplateName extends TemplateName<TTemplates> = TemplateName<TTemplates>> = {
+  readonly name?: string;
+  readonly className?: ClassNameValue;
+  readonly style?: SlideStyle;
+} & ([TemplateName<TTemplates>] extends [never] ? {
+  readonly template?: never;
+} : {
+  readonly template?: TTemplateName;
+});
+/**
+ * Maps parent Source Context into a mounted child Deck's Source Context.
+ *
+ * Source Context mappers are synchronous and do not receive Composition Context.
+ *
+ * @typeParam TParentContext - Source Context type of the parent Deck.
+ * @typeParam TChildContext - Source Context type required by the child Deck.
+ */
 type SourceContextMapper<TParentContext, TChildContext> = [TParentContext] extends [void] ? () => TChildContext : (context: TParentContext) => TChildContext;
 type SourceContextInput<TParentContext, TChildContext> = TChildContext | SourceContextMapper<TParentContext, TChildContext>;
 type SourceContextBinding<TSourceContext = unknown> = {
@@ -548,7 +667,8 @@ type SourceContextBinding<TSourceContext = unknown> = {
 };
 type CompositionEntry<TSourceContext = unknown> = {
   readonly kind: "slide";
-  readonly factory: SlideFactory<TSourceContext>;
+  readonly options?: SlideOptions<SlideTemplateSet>;
+  readonly factory: SlideFactory<TSourceContext, SlideFactoryInput<TSourceContext> & object>;
 } | {
   readonly kind: "mount";
   readonly sourceKey: string;
@@ -560,6 +680,7 @@ type CompositionSourceInternals<TSourceContext = unknown> = {
   readonly entries: readonly CompositionEntry<TSourceContext>[];
   readonly stylesheets: readonly StyleSheet[];
   readonly theme?: Theme;
+  readonly templates?: SlideTemplateSet;
   readonly cycleId: object;
   readonly boundContext: SourceContextBinding<TSourceContext>;
 };
@@ -582,12 +703,16 @@ type ClassNameValue = string | false | null | undefined | ClassNameValueArray |
 type ClassNameAuthorProps = {
   className?: ClassNameValue;
 };
-type DeckOptions = {
+type TemplateAreaAuthorProps = {
+  area?: TemplateAreaRef;
+};
+type DeckOptions<TTemplates extends SlideTemplateSet = EmptySlideTemplateSet> = {
   layout: {
     width: number;
     height: number;
     unit: "in" | "pt";
   };
+  templates?: TTemplates;
   meta?: {
     title?: string;
     author?: string;
@@ -598,11 +723,9 @@ type DeckOptions = {
     format?: "pptx";
   };
 };
-type SlideContext = {
-  composition: CompositionContext;
-};
 type SlideNodeProps = {
   name?: string;
+  template?: string;
   className?: ClassNameValue;
   style?: SlideStyle;
   background?: string;
@@ -620,13 +743,13 @@ type SlideProps = SlideNodeProps & {
 };
 type ViewNodeProps = {
   style?: ViewStyle;
-} & ClassNameAuthorProps & ViewStyle;
+} & ClassNameAuthorProps & TemplateAreaAuthorProps & ViewStyle;
 type ViewProps = ViewNodeProps & {
   children?: ContentJsxChild;
 };
 type TextNodeProps = {
   style?: TextStyle;
-} & ClassNameAuthorProps & TextStyle;
+} & ClassNameAuthorProps & TemplateAreaAuthorProps & TextStyle;
 type TextProps = TextNodeProps & {
   children?: TextJsxChild;
 };
@@ -635,7 +758,7 @@ type TextRunNodeProps = {
 } & ClassNameAuthorProps & TextRunStyle;
 type ImageNodeProps = {
   style?: ImageStyle;
-} & ClassNameAuthorProps & ImageStyle & ({
+} & ClassNameAuthorProps & TemplateAreaAuthorProps & ImageStyle & ({
   src: string;
   data?: string;
 } | {
@@ -648,7 +771,7 @@ type ImageProps = ImageNodeProps & {
 type ShapeNodeProps = {
   style?: ShapeStyle;
   shape: "rect" | "ellipse" | "line";
-} & ClassNameAuthorProps & ShapeStyle;
+} & ClassNameAuthorProps & TemplateAreaAuthorProps & ShapeStyle;
 type ShapeProps = ShapeNodeProps & {
   children?: never;
 };
@@ -696,4 +819,4 @@ type DeckJsxIntrinsicElements = {
   span: IntrinsicSpanProps;
 } & { [Tag in IntrinsicViewTag]: IntrinsicDivProps } & { [Tag in IntrinsicTextTag]: IntrinsicPProps };
 //#endregion
-export { CssOverflow as $, DeckDiagnosticError as $t, ThemeDefaults as A, SemanticContainerNode as At, CssFlexDirection as B, SemanticTextRunNode as Bt, CompositionSourceInternals as C, ViewStyle as Ct, SourceContextMapper as D, Brand as Dt, SourceContextInput as E, BaseSemanticNode as Et, CssAlignSelf as F, SemanticOrigin as Ft, CssGridShorthand as G, StyleEntityId as Gt, CssGridAutoFlow as H, SourceOrigin as Ht, CssAspectRatio as I, SemanticRole as It, CssGridTemplateShorthand as J, DiagnosticSeverity as Jt, CssGridTemplate as K, Diagnostic as Kt, CssBoxSizing as L, SemanticShapeNode as Lt, BorderStyle as M, SemanticImageNode as Mt, CssAlignContent as N, SemanticNode as Nt, Theme as O, GraphNodeId as Ot, CssAlignItems as P, SemanticNodeKind as Pt, CssObjectPosition as Q, CompositionDiagnosticError as Qt, CssDisplay as R, SemanticSlideNode as Rt, CompositionSource as S, VerticalAlign as St, SlideFactoryInput as T, AssetEntityId as Tt, CssGridLine as U, StyleClassRef as Ut, CssFlexWrap as V, SourceIdentity as Vt, CssGridPlacement as W, StyleEntity as Wt, CssJustifyContent as X, formatDiagnostic as Xt, CssGridTrack as Y, Diagnostics as Yt, CssJustifySelf as Z, formatDiagnostics as Zt, TextProps as _, TextRunStyle as _t, DeckJsxIntrinsicElements as a, JsxKey as an, ImageCropValue as at, COMPOSITION_SOURCE as b, TextTabStopAuthoring as bt, IntrinsicDivProps as c, IntrinsicViewTag$1 as cn, ShapeStyle as ct, IntrinsicTextTag as d, StackAlignment as dt, SemanticGraphDiagnosticError as en, CssPosition as et, IntrinsicViewTag as f, StackAxis as ft, TextJsxChild as g, TextFit as gt, SlideProps as h, StrokeLineJoin as ht, ContentJsxChild as i, AuthorTreeNode as in, ImageCropAuthoring as it, StyleSheet as j, SemanticDocumentNode as jt, ThemeInput as k, SemanticAuthorGraph as kt, IntrinsicImgProps as l, SlideStyle as lt, SlideContext as m, StrokeLineCap as mt, ClassNameValue as n, AuthorElementNode as nn, DeckLength as nt, DeckOptions as o, SourceSpan as on, ImageStyle as ot, ShapeProps as p, StrokeDashType as pt, CssGridTemplateAreas as q, DiagnosticLabel as qt, ClassNameValueArray as r, AuthorTreeChild as rn, DeckPointLength as rt, ImageProps as s, IntrinsicTextTag$1 as sn, LayoutMode as st, ClassNameObject as t, StyleDiagnosticError as tn, CssVisibility as tt, IntrinsicPProps as u, Spacing as ut, TextRunNodeProps as v, TextStyle as vt, SlideFactory as w, AssetEntity as wt, CompositionContext as x, TextTabStopLength as xt, ViewProps as y, TextTabStopAlignment as yt, CssFlexBasis as z, SemanticTextNode as zt };
+export { StyleEntityId as $, ViewStyle as $t, ThemeDefaults as A, CssPosition as At, SemanticImageNode as B, Spacing as Bt, SlideFactoryInput as C, CssGridTemplateAreas as Ct, SourceContextMapper as D, CssJustifySelf as Dt, SourceContextInput as E, CssJustifyContent as Et, Brand as F, ImageCropValue as Ft, SemanticShapeNode as G, StrokeLineJoin as Gt, SemanticNodeKind as H, StackAxis as Ht, GraphNodeId as I, ImageStyle as It, SemanticTextRunNode as J, TextStyle as Jt, SemanticSlideNode as K, TextFit as Kt, SemanticAuthorGraph as L, LayoutMode as Lt, AssetEntity as M, DeckLength as Mt, AssetEntityId as N, DeckPointLength as Nt, Theme as O, CssObjectPosition as Ot, BaseSemanticNode as P, ImageCropAuthoring as Pt, StyleEntity as Q, VerticalAlign as Qt, SemanticContainerNode as R, ShapeStyle as Rt, SlideFactory as S, CssGridTemplate as St, SlideOptions as T, CssGridTrack as Tt, SemanticOrigin as U, StrokeDashType as Ut, SemanticNode as V, StackAlignment as Vt, SemanticRole as W, StrokeLineCap as Wt, SourceOrigin as X, TextTabStopAuthoring as Xt, SourceIdentity as Y, TextTabStopAlignment as Yt, StyleClassRef as Z, TextTabStopLength as Zt, ViewProps as _, CssFlexWrap as _t, DeckJsxIntrinsicElements as a, formatDiagnostics as an, TemplateFrame as at, CompositionSource as b, CssGridPlacement as bt, IntrinsicDivProps as c, SemanticGraphDiagnosticError as cn, BorderStyle as ct, IntrinsicTextTag as d, AuthorTreeChild as dn, CssAlignSelf as dt, Diagnostic as en, EmptySlideTemplateSet as et, IntrinsicViewTag as f, AuthorTreeNode as fn, CssAspectRatio as ft, TextRunNodeProps as g, IntrinsicViewTag$1 as gn, CssFlexDirection as gt, TextProps as h, IntrinsicTextTag$1 as hn, CssFlexBasis as ht, ContentJsxChild as i, formatDiagnostic as in, TemplateAreaRef as it, StyleSheet as j, CssVisibility as jt, ThemeInput as k, CssOverflow as kt, IntrinsicImgProps as l, StyleDiagnosticError as ln, CssAlignContent as lt, TextJsxChild as m, SourceSpan as mn, CssDisplay as mt, ClassNameValue as n, DiagnosticSeverity as nn, SlideTemplateSet as nt, DeckOptions as o, CompositionDiagnosticError as on, TemplateHandle as ot, ShapeProps as p, JsxKey as pn, CssBoxSizing as pt, SemanticTextNode as q, TextRunStyle as qt, ClassNameValueArray as r, Diagnostics as rn, TemplateArea as rt, ImageProps as s, DeckDiagnosticError as sn, TemplateName as st, ClassNameObject as t, DiagnosticLabel as tn, SlideTemplate as tt, IntrinsicPProps as u, AuthorElementNode as un, CssAlignItems as ut, COMPOSITION_SOURCE as v, CssGridAutoFlow as vt, SlideFactoryInputWithTemplate as w, CssGridTemplateShorthand as wt, CompositionSourceInternals as x, CssGridShorthand as xt, CompositionContext as y, CssGridLine as yt, SemanticDocumentNode as z, SlideStyle as zt };