deckjsx 0.1.0

package/README.md

@@ -0,0 +1,98 @@
+# deckjsx
+
+`deckjsx` is a TypeScript library for generating presentation files from JSX through a compiler pipeline.
+
+The intended architecture is:
+
+```text
+JSX
+  -> Presentation IR
+  -> Backend
+       |- PptxGenJS backend
+       `- OOXML direct backend (future)
+```
+
+This project is being designed as a compiler, not as a thin `PptxGenJS` wrapper.
+The current API direction is a class-based compiler with callback-based `.add()`, `.render()`, and `.output()`, and JSX authoring centered on a `style` object prop.
+
+The implementation preserves the compiler model with explicit module boundaries for authoring,
+style normalization, layout, IR, backend emission, and Node runtime output.
+
+## Install
+
+```bash
+npm install deckjsx
+```
+
+The package currently targets Node.js output and ships a `pptxgenjs` backend.
+
+## Usage
+
+```tsx
+import { Deck, Slide, Text, View } from "deckjsx";
+
+const deck = new Deck({
+  layout: { width: 13.333, height: 7.5, unit: "in" },
+  meta: { title: "Quarterly Review", author: "deckjsx" },
+});
+
+deck.add(({ slideIndex, totalSlides }) => (
+  <Slide name={`Slide ${slideIndex + 1}`} style={{ backgroundColor: "#F8FAFC" }}>
+    <Text
+      style={{
+        x: 0.7,
+        y: 0.5,
+        width: 8.5,
+        height: 0.6,
+        fontSize: 28,
+        fontWeight: 700,
+        color: "#0F172A",
+      }}
+    >
+      Quarterly Review
+    </Text>
+    <View
+      style={{
+        x: 0.7,
+        y: 1.4,
+        width: 11.9,
+        height: 4.8,
+        display: "grid",
+        gridTemplateColumns: "1fr 1fr",
+        columnGap: 0.35,
+      }}
+    >
+      <Text style={{ fontSize: 18, color: "#334155", fit: "shrink" }}>
+        Author slides with TSX primitives, inspect the generated IR, and emit PPTX files through the
+        backend boundary.
+      </Text>
+      <Text style={{ fontSize: 18, color: "#334155", fit: "shrink" }}>
+        {slideIndex + 1} / {totalSlides}
+      </Text>
+    </View>
+  </Slide>
+));
+
+const ir = deck.render();
+await deck.output({ backend: "pptxgenjs", output: "quarterly-review.pptx" });
+```
+
+Use `deck.render()` for tests, snapshots, and backend-independent inspection. Use
+`deck.output({ backend: "pptxgenjs", output })` when writing a PowerPoint file.
+
+## Spec
+
+The current draft specification is here:
+
+- [docs/compiler-spec.md](docs/compiler-spec.md)
+- [docs/css-support-matrix.md](docs/css-support-matrix.md)
+- [docs/css-completion-plan.md](docs/css-completion-plan.md)
+
+## Development
+
+```bash
+vp install
+vp check
+vp test
+vp pack
+```

package/dist/index.d.mts

@@ -0,0 +1,609 @@
+//#region src/authoring/index.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"}`;
+type CssAspectRatio = number | `${number}/${number}` | `${number} / ${number}`;
+type CssBoxSizing = "border-box" | "content-box";
+type Spacing = DeckLength | readonly [DeckLength, DeckLength, DeckLength, DeckLength];
+type StackAxis = "horizontal" | "vertical";
+type StackAlignment = "start" | "center" | "end";
+type LayoutMode = "absolute" | "stack" | "grid";
+type BackendName = "pptxgenjs" | "ooxml";
+type ImplementedBackendName = "pptxgenjs";
+type BorderStyle = "none" | "solid" | "dash";
+type StrokeDashType = "solid" | "dash" | "dashDot" | "lgDash" | "lgDashDot" | "lgDashDotDot" | "sysDash" | "sysDot";
+type StrokeLineCap = "butt" | "round" | "square";
+type StrokeLineJoin = "miter" | "round" | "bevel";
+type VerticalAlign = "top" | "middle" | "bottom";
+type TextFit = "none" | "shrink" | "resize";
+type CssDisplay = "flex" | "block" | "grid" | "none";
+type CssPosition = "absolute" | "relative";
+type CssVisibility = "visible" | "hidden";
+type CssOverflow = "visible" | "hidden";
+type CssFlexDirection = "row" | "column";
+type CssGridTrack = DeckLength | `${number}fr` | `minmax(${string})`;
+type CssGridTemplate = readonly CssGridTrack[] | string;
+type CssGridLine = number | "auto" | `span ${number}`;
+type CssGridPlacement = number | `span ${number}` | `${number} / ${number}` | `${number}/${number}` | `${number} / span ${number}` | `${number}/span${number}`;
+type CssAlignItems = "start" | "flex-start" | "center" | "end" | "flex-end" | "stretch";
+type CssAlignSelf = CssAlignItems | "auto";
+type CssJustifySelf = CssAlignItems | "auto";
+type CssJustifyContent = "start" | "flex-start" | "center" | "end" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly";
+type CssAlignContent = "start" | "flex-start" | "center" | "end" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch";
+type CssFlexWrap = "nowrap" | "wrap";
+type CssFlexBasis = DeckLength | "auto";
+type CssGridAutoFlow = "row" | "column" | "row dense" | "column dense";
+type CssGridTemplateAreas = string | readonly string[];
+type CssGridTemplateShorthand = string;
+type CssGridShorthand = string;
+type CssObjectPosition = string;
+type ImageCropValue = number | `${number}%`;
+type TextTabStopLength = DeckPointLength;
+type TextTabStopAlignment = "left" | "right" | "center" | "decimal";
+type TextTabStopAuthoring = {
+  position: TextTabStopLength;
+  alignment?: TextTabStopAlignment;
+};
+type ImageCropAuthoring = {
+  top?: ImageCropValue;
+  right?: ImageCropValue;
+  bottom?: ImageCropValue;
+  left?: ImageCropValue;
+};
+type TextJsxChild = string | number | boolean | null | undefined | readonly TextJsxChild[];
+type ContentAuthorNode = AuthorNode<"view" | "text" | "image" | "shape">;
+type ContentJsxChild = AuthorNode | boolean | null | undefined | readonly ContentJsxChild[];
+type JsxNode = AuthorNode | string | number | boolean | null | undefined | readonly JsxNode[];
+type BaseAuthorProps = {
+  opacity?: number;
+  rotation?: number;
+  transform?: string;
+  transformOrigin?: string;
+  zIndex?: number;
+  flipH?: boolean;
+  flipV?: boolean;
+  overflow?: CssOverflow;
+  alignSelf?: CssAlignSelf;
+  justifySelf?: CssJustifySelf;
+  placeSelf?: string;
+  position?: CssPosition;
+  order?: number;
+  flexGrow?: number;
+  flexShrink?: number;
+  flexBasis?: CssFlexBasis;
+  gridArea?: string;
+  gridColumnStart?: CssGridLine;
+  gridColumnEnd?: CssGridLine;
+  gridRowStart?: CssGridLine;
+  gridRowEnd?: CssGridLine;
+  gridColumn?: CssGridPlacement;
+  gridRow?: CssGridPlacement;
+};
+type FrameAuthorProps = BaseAuthorProps & {
+  display?: CssDisplay;
+  visibility?: CssVisibility;
+  x?: DeckLength;
+  y?: DeckLength;
+  inset?: Spacing;
+  left?: DeckLength;
+  top?: DeckLength;
+  right?: DeckLength;
+  bottom?: DeckLength;
+  width?: DeckLength;
+  height?: DeckLength;
+  aspectRatio?: CssAspectRatio;
+  minWidth?: DeckLength;
+  minHeight?: DeckLength;
+  maxWidth?: DeckLength;
+  maxHeight?: DeckLength;
+};
+type BoxStyleAuthorProps = {
+  boxSizing?: CssBoxSizing;
+  background?: string;
+  backgroundImage?: string;
+  backgroundColor?: string;
+  backgroundTransparency?: number;
+  backgroundPosition?: string;
+  backgroundSize?: string;
+  backgroundRepeat?: string;
+  backgroundClip?: string;
+  backgroundOrigin?: string;
+  boxShadow?: string;
+  strokeLinecap?: StrokeLineCap;
+  strokeLinejoin?: StrokeLineJoin;
+  border?: string;
+  borderColor?: string;
+  borderWidth?: DeckLength;
+  borderStyle?: BorderStyle;
+  borderTransparency?: number;
+  borderTop?: string;
+  borderRight?: string;
+  borderBottom?: string;
+  borderLeft?: string;
+  borderTopColor?: string;
+  borderRightColor?: string;
+  borderBottomColor?: string;
+  borderLeftColor?: string;
+  borderTopWidth?: DeckLength;
+  borderRightWidth?: DeckLength;
+  borderBottomWidth?: DeckLength;
+  borderLeftWidth?: DeckLength;
+  borderTopStyle?: BorderStyle;
+  borderRightStyle?: BorderStyle;
+  borderBottomStyle?: BorderStyle;
+  borderLeftStyle?: BorderStyle;
+  borderRadius?: DeckLength;
+  outline?: string;
+  outlineColor?: string;
+  outlineWidth?: DeckLength;
+  outlineStyle?: BorderStyle;
+  margin?: Spacing;
+  marginTop?: DeckLength;
+  marginRight?: DeckLength;
+  marginBottom?: DeckLength;
+  marginLeft?: DeckLength;
+  paddingTop?: DeckLength;
+  paddingRight?: DeckLength;
+  paddingBottom?: DeckLength;
+  paddingLeft?: DeckLength;
+};
+type SlideStyle = {
+  background?: string;
+  backgroundImage?: string;
+  backgroundColor?: string;
+  backgroundTransparency?: number;
+  backgroundPosition?: string;
+  backgroundSize?: string;
+  backgroundRepeat?: string;
+  backgroundClip?: string;
+  backgroundOrigin?: string;
+};
+type ViewStyle = FrameAuthorProps & BoxStyleAuthorProps & {
+  layout?: LayoutMode;
+  display?: CssDisplay;
+  direction?: StackAxis;
+  flexDirection?: CssFlexDirection;
+  gap?: DeckLength;
+  rowGap?: DeckLength;
+  columnGap?: DeckLength;
+  padding?: Spacing;
+  alignItems?: StackAlignment | CssAlignItems;
+  justifyContent?: StackAlignment | CssJustifyContent;
+  justifyItems?: CssJustifySelf;
+  placeItems?: string;
+  alignContent?: StackAlignment | CssAlignContent;
+  placeContent?: string;
+  flexWrap?: CssFlexWrap;
+  grid?: CssGridShorthand;
+  gridTemplate?: CssGridTemplateShorthand;
+  gridTemplateAreas?: CssGridTemplateAreas;
+  gridTemplateColumns?: CssGridTemplate;
+  gridTemplateRows?: CssGridTemplate;
+  gridAutoColumns?: CssGridTrack;
+  gridAutoRows?: CssGridTrack;
+  gridAutoFlow?: CssGridAutoFlow;
+};
+type TextStyle = FrameAuthorProps & BoxStyleAuthorProps & {
+  fontFamily?: string;
+  fontSize?: DeckPointLength;
+  fontWeight?: number | "normal" | "bold";
+  italic?: boolean;
+  fontStyle?: "normal" | "italic";
+  underline?: boolean;
+  strike?: boolean;
+  textDecoration?: string;
+  textDecorationLine?: string;
+  textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | "wavy";
+  textDecorationColor?: string;
+  textTransform?: "none" | "uppercase" | "lowercase" | "capitalize";
+  direction?: "ltr" | "rtl";
+  writingMode?: "horizontal-tb" | "vertical-rl" | "vertical-lr";
+  color?: string;
+  textAlign?: "left" | "center" | "right" | "justify";
+  verticalAlign?: VerticalAlign;
+  padding?: Spacing;
+  lineSpacing?: number;
+  lineSpacingMultiple?: number;
+  lineHeight?: DeckPointLength | "normal";
+  paragraphSpacingBefore?: number;
+  paragraphSpacingAfter?: number;
+  textIndent?: DeckPointLength;
+  tabStops?: readonly TextTabStopAuthoring[];
+  charSpacing?: number;
+  letterSpacing?: number;
+  whiteSpace?: "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line";
+  wordBreak?: "normal" | "break-all" | "keep-all" | "break-word";
+  overflowWrap?: "normal" | "break-word" | "anywhere";
+  href?: string;
+  tooltip?: string;
+  listStyleType?: "none" | "disc" | "circle" | "square" | "decimal" | "lower-alpha" | "upper-alpha" | "lower-roman" | "upper-roman";
+  listStart?: number;
+  listIndent?: DeckPointLength;
+  superscript?: boolean;
+  subscript?: boolean;
+  textShadow?: string;
+  fit?: TextFit;
+  wrap?: boolean;
+};
+type ImageStyle = FrameAuthorProps & {
+  fit?: "contain" | "cover" | "stretch";
+  objectFit?: "contain" | "cover" | "stretch";
+  objectPosition?: CssObjectPosition;
+  crop?: ImageCropAuthoring;
+  href?: string;
+  tooltip?: string;
+  transparency?: number;
+  rounding?: boolean;
+  borderRadius?: DeckLength;
+  boxShadow?: string;
+  margin?: Spacing;
+  marginTop?: DeckLength;
+  marginRight?: DeckLength;
+  marginBottom?: DeckLength;
+  marginLeft?: DeckLength;
+};
+type ShapeStyle = FrameAuthorProps & Omit<BoxStyleAuthorProps, "backgroundColor" | "backgroundTransparency" | "borderRadius"> & {
+  background?: string;
+  backgroundColor?: string;
+  backgroundTransparency?: number;
+  href?: string;
+  tooltip?: string;
+  fill?: string;
+  fillTransparency?: number;
+  stroke?: string;
+  strokeWidth?: DeckLength;
+  strokeOpacity?: number;
+  strokeDasharray?: string;
+  borderRadius?: DeckLength;
+  radius?: DeckLength;
+};
+type DeckOptions = {
+  layout: {
+    width: number;
+    height: number;
+    unit: "in" | "pt";
+  };
+  meta?: {
+    title?: string;
+    author?: string;
+    subject?: string;
+  };
+};
+type SlideContext = {
+  slideIndex: number;
+  totalSlides: number;
+};
+type SlideFactory = (context: SlideContext) => JsxNode;
+type OutputConfig = {
+  backend: ImplementedBackendName;
+  output: string;
+};
+type SlideProps = {
+  name?: string;
+  style?: SlideStyle;
+  background?: string;
+  backgroundImage?: string;
+  backgroundColor?: string;
+  backgroundTransparency?: number;
+  backgroundPosition?: string;
+  backgroundSize?: string;
+  backgroundRepeat?: string;
+  backgroundClip?: string;
+  backgroundOrigin?: string;
+  children?: ContentJsxChild;
+};
+type ViewProps = {
+  style?: ViewStyle;
+  children?: ContentJsxChild;
+} & ViewStyle;
+type TextProps = {
+  style?: TextStyle;
+  children?: TextJsxChild;
+} & TextStyle;
+type ImageProps = {
+  style?: ImageStyle;
+  src?: string;
+  data?: string;
+  children?: never;
+} & ImageStyle;
+type ShapeProps = {
+  style?: ShapeStyle;
+  shape: "rect" | "ellipse" | "line";
+  children?: never;
+} & ShapeStyle;
+type AuthorNodeMap = {
+  slide: SlideProps;
+  view: ViewProps;
+  text: TextProps;
+  image: ImageProps;
+  shape: ShapeProps;
+};
+type AuthorNodeKind = keyof AuthorNodeMap;
+type AuthorNodeProps<K extends AuthorNodeKind> = Omit<AuthorNodeMap[K], "children">;
+type AuthorNodePropsMap = { [NodeKind in AuthorNodeKind]: AuthorNodeProps<NodeKind> };
+type AuthorNode<K extends AuthorNodeKind = AuthorNodeKind> = { [NodeKind in K]: {
+  readonly $$typeof: "deckjsx.author-node";
+  readonly kind: NodeKind;
+  readonly props: AuthorNodeProps<NodeKind>;
+  readonly children: ReadonlyArray<JsxNode>;
+} }[K];
+//#endregion
+//#region src/ir/index.d.ts
+type PresentationIR = {
+  version: "0.1";
+  meta?: {
+    title?: string;
+    author?: string;
+    subject?: string;
+  };
+  size: SizeIR;
+  slides: ReadonlyArray<SlideIR>;
+};
+type SizeIR = {
+  widthEmu: number;
+  heightEmu: number;
+};
+type FrameIR = SizeIR & {
+  xEmu: number;
+  yEmu: number;
+};
+type SlideIR = {
+  id: string;
+  name?: string;
+  background?: FillIR;
+  backgroundLayers?: ReadonlyArray<BackgroundLayerIR>;
+  nodes: ReadonlyArray<NodeIR>;
+};
+type NodeIR = GroupIR | TextIR | ImageIR | ShapeIR;
+type BaseNodeIR = {
+  id: string;
+  frame: FrameIR;
+  opacity?: number;
+  rotation?: number;
+  zIndex?: number;
+  visibility?: CssVisibility;
+  flipH?: boolean;
+  flipV?: boolean;
+};
+type ShadowIR = {
+  type: "outer" | "inner";
+  color: string;
+  opacity?: number;
+  blurPt?: number;
+  offsetPt?: number;
+  angle?: number;
+};
+type HyperlinkIR = {
+  url: string;
+  tooltip?: string;
+};
+type ObjectPositionIR = {
+  x: number;
+  y: number;
+};
+type ImageCropIR = {
+  top: number;
+  right: number;
+  bottom: number;
+  left: number;
+};
+type GroupIR = BaseNodeIR & {
+  kind: "group";
+  children: ReadonlyArray<NodeIR>;
+  fill?: FillIR;
+  backgroundLayers?: ReadonlyArray<BackgroundLayerIR>;
+  stroke?: StrokeIR;
+  edgeStrokes?: EdgeStrokeIR;
+  outline?: StrokeIR;
+  shadow?: ShadowIR;
+  radiusEmu?: number;
+};
+type TextIR = BaseNodeIR & {
+  kind: "text";
+  content: TextContentIR;
+  style: TextStyleIR;
+  fill?: FillIR;
+  backgroundLayers?: ReadonlyArray<BackgroundLayerIR>;
+  stroke?: StrokeIR;
+  edgeStrokes?: EdgeStrokeIR;
+  outline?: StrokeIR;
+  shadow?: ShadowIR;
+  hyperlink?: HyperlinkIR;
+  radiusEmu?: number;
+};
+type ImageIR = BaseNodeIR & {
+  kind: "image";
+  sourceFrame: FrameIR;
+  source: ImageSourceIR;
+  fit: "contain" | "cover" | "stretch";
+  objectPosition?: ObjectPositionIR;
+  crop?: ImageCropIR;
+  transparency?: number;
+  rounding?: boolean;
+  shadow?: ShadowIR;
+  hyperlink?: HyperlinkIR;
+};
+type ShapeIR = BaseNodeIR & {
+  kind: "shape";
+  shape: "rect" | "ellipse" | "line";
+  fill?: FillIR;
+  backgroundLayers?: ReadonlyArray<BackgroundLayerIR>;
+  stroke?: StrokeIR;
+  edgeStrokes?: EdgeStrokeIR;
+  outline?: StrokeIR;
+  shadow?: ShadowIR;
+  hyperlink?: HyperlinkIR;
+  radiusEmu?: number;
+};
+type SolidFillIR = {
+  kind: "solid";
+  color: string;
+  transparency?: number;
+  frame?: FrameIR;
+};
+type LinearGradientStopIR = {
+  color: string;
+  transparency?: number;
+  position: number;
+};
+type LinearGradientFillIR = {
+  kind: "linear-gradient";
+  angle: number;
+  stops: ReadonlyArray<LinearGradientStopIR>;
+  frame?: FrameIR;
+};
+type RadialGradientFillIR = {
+  kind: "radial-gradient";
+  shape: "circle" | "ellipse";
+  center: {
+    x: number;
+    y: number;
+  };
+  radius: {
+    x: number;
+    y: number;
+  };
+  stops: ReadonlyArray<LinearGradientStopIR>;
+  frame?: FrameIR;
+};
+type BackgroundImageLayerIR = {
+  kind: "background-image";
+  frame: FrameIR;
+  sourceFrame: FrameIR;
+  source: ImageSourceIR;
+  fit: "contain" | "cover" | "stretch" | "size";
+  size?: {
+    widthEmu?: number;
+    heightEmu?: number;
+  };
+  repeat: "no-repeat" | "repeat-x" | "repeat-y" | "repeat";
+  objectPosition?: ObjectPositionIR;
+  transparency?: number;
+};
+type FillIR = SolidFillIR | LinearGradientFillIR | RadialGradientFillIR;
+type BackgroundLayerIR = FillIR | BackgroundImageLayerIR;
+type StrokeIR = {
+  color: string;
+  widthPt: number;
+  style?: BorderStyle;
+  dashType?: StrokeDashType;
+  lineCap?: StrokeLineCap;
+  lineJoin?: StrokeLineJoin;
+  transparency?: number;
+};
+type EdgeStrokeIR = {
+  top?: StrokeIR;
+  right?: StrokeIR;
+  bottom?: StrokeIR;
+  left?: StrokeIR;
+};
+type TextContentIR = {
+  text: string;
+};
+type TextTabStopIR = {
+  positionIn: number;
+  alignment?: "l" | "r" | "ctr" | "dec";
+};
+type TextBulletListIR = {
+  type: "bullet";
+  characterCode?: string;
+  indentPt?: number;
+};
+type TextNumberListIR = {
+  type: "number";
+  style: "arabicPeriod" | "alphaLcPeriod" | "alphaUcPeriod" | "romanLcPeriod" | "romanUcPeriod";
+  startAt?: number;
+  indentPt?: number;
+};
+type TextNoListIR = {
+  type: "none";
+};
+type TextListIR = TextBulletListIR | TextNumberListIR | TextNoListIR;
+type TextStyleIR = {
+  fontFamily?: string;
+  fontSizePt?: number;
+  fontWeight?: number | "normal" | "bold";
+  italic?: boolean;
+  underline?: boolean;
+  underlineStyle?: "dash" | "dbl" | "dotted" | "none" | "sng" | "wavy";
+  underlineColor?: string;
+  strike?: boolean;
+  rtlMode?: boolean;
+  textDirection?: "horz" | "vert" | "vert270";
+  superscript?: boolean;
+  subscript?: boolean;
+  color?: string;
+  textAlign?: "left" | "center" | "right" | "justify";
+  verticalAlign?: VerticalAlign;
+  paddingPt?: [number, number, number, number];
+  lineSpacing?: number;
+  lineSpacingMultiple?: number;
+  paragraphSpacingBefore?: number;
+  paragraphSpacingAfter?: number;
+  textIndentPt?: number;
+  tabStops?: ReadonlyArray<TextTabStopIR>;
+  charSpacing?: number;
+  list?: TextListIR;
+  fit?: TextFit;
+  wrap?: boolean;
+};
+type ImageSourceIR = {
+  kind: "path";
+  path: string;
+} | {
+  kind: "data";
+  data: string;
+};
+type BackendArtifact = {
+  kind: "buffer";
+  mimeType: string;
+  data: Uint8Array;
+  extension: string;
+};
+type CompileBackend = {
+  name: BackendName;
+  emit(ir: PresentationIR): Promise<BackendArtifact>;
+};
+//#endregion
+//#region src/deck.d.ts
+declare class Deck {
+  #private;
+  constructor(options: DeckOptions);
+  add(slide: SlideFactory): this;
+  render(): PresentationIR;
+  output(config: OutputConfig): Promise<void>;
+}
+//#endregion
+//#region src/jsx.d.ts
+type ComponentProps = {
+  children?: JsxNode;
+};
+type ElementChildren<P> = P extends {
+  children?: infer Child;
+} ? Child : never;
+type ElementChildArgs<P> = P extends {
+  children?: never;
+} ? [] : ElementChildren<P>[];
+declare function createElement<P extends {
+  children?: unknown;
+}, R extends JsxNode>(type: (props: P) => R, props: (Omit<P, "children"> & Partial<Pick<P, "children">>) | null, ...children: ElementChildArgs<P>): R;
+declare function createElement(type: string, props: ComponentProps | null): never;
+declare function Fragment(props: {
+  children?: ContentJsxChild;
+}): ContentJsxChild;
+declare function Slide(props: SlideProps): AuthorNode<"slide">;
+declare function View(props: ViewProps): AuthorNode<"view">;
+declare function Text(props: TextProps): AuthorNode<"text">;
+declare function Image(props: ImageProps): AuthorNode<"image">;
+declare function Shape(props: ShapeProps): AuthorNode<"shape">;
+declare function isAuthorNode(value: unknown): value is AuthorNode;
+declare function isSlideNode(value: unknown): value is AuthorNode<"slide">;
+declare function isContentNode(value: unknown): value is ContentAuthorNode;
+//#endregion
+//#region src/backends/pptxgenjs.d.ts
+declare function pptxgenjsBackend(): CompileBackend;
+//#endregion
+//#region src/types.d.ts
+declare const EMU_PER_INCH = 914400;
+declare const POINTS_PER_INCH = 72;
+//#endregion
+export { type AuthorNode, type AuthorNodeKind, type AuthorNodeMap, type AuthorNodeProps, type AuthorNodePropsMap, type BackendArtifact, type BackendName, type BackgroundImageLayerIR, type BackgroundLayerIR, type BaseNodeIR, type BorderStyle, type CompileBackend, type ContentAuthorNode, type ContentJsxChild, type CssAlignContent, type CssAlignItems, type CssAlignSelf, type CssAspectRatio, type CssBoxSizing, type CssDisplay, type CssFlexBasis, type CssFlexDirection, type CssFlexWrap, type CssGridAutoFlow, type CssGridLine, type CssGridPlacement, type CssGridShorthand, type CssGridTemplate, type CssGridTemplateAreas, type CssGridTemplateShorthand, type CssGridTrack, type CssJustifyContent, type CssJustifySelf, type CssObjectPosition, type CssOverflow, type CssPosition, type CssVisibility, Deck, type DeckLength, type DeckOptions, type DeckPointLength, EMU_PER_INCH, type EdgeStrokeIR, type FillIR, Fragment, type FrameIR, type GroupIR, type HyperlinkIR, Image, type ImageCropAuthoring, type ImageCropIR, type ImageCropValue, type ImageIR, type ImageProps, type ImageSourceIR, type ImageStyle, type ImplementedBackendName, type JsxNode, type LayoutMode, type LinearGradientFillIR, type LinearGradientStopIR, type NodeIR, type ObjectPositionIR, type OutputConfig, POINTS_PER_INCH, type PresentationIR, type RadialGradientFillIR, type ShadowIR, Shape, type ShapeIR, type ShapeProps, type ShapeStyle, type SizeIR, Slide, type SlideContext, type SlideFactory, type SlideIR, type SlideProps, type SlideStyle, type SolidFillIR, type Spacing, type StackAlignment, type StackAxis, type StrokeDashType, type StrokeIR, type StrokeLineCap, type StrokeLineJoin, Text, type TextBulletListIR, type TextContentIR, type TextFit, type TextIR, type TextJsxChild, type TextListIR, type TextNoListIR, type TextNumberListIR, type TextProps, type TextStyle, type TextStyleIR, type TextTabStopAlignment, type TextTabStopAuthoring, type TextTabStopIR, type TextTabStopLength, type VerticalAlign, View, type ViewProps, type ViewStyle, createElement, isAuthorNode, isContentNode, isSlideNode, pptxgenjsBackend };