deckjsx 0.1.0 → 0.1.1

package/README.md

@@ -80,14 +80,6 @@ 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

package/dist/index.d.mts

@@ -1,332 +1,5 @@
-//#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
+import { $ as OutputConfig, A as CssGridLine, B as CssOverflow, C as CssAspectRatio, D as CssFlexDirection, E as CssFlexBasis, F as CssGridTemplateShorthand, G as DeckPointLength, H as CssVisibility, I as CssGridTrack, J as ImageProps, K as ImageCropAuthoring, L as CssJustifyContent, M as CssGridShorthand, N as CssGridTemplate, O as CssFlexWrap, P as CssGridTemplateAreas, Q as LayoutMode, R as CssJustifySelf, S as CssAlignSelf, T as CssDisplay, U as DeckLength, V as CssPosition, W as DeckOptions, X as ImplementedBackendName, Y as ImageStyle, Z as JsxNode, _ as BorderStyle, _t as TextTabStopAuthoring, a as Text, at as SlideStyle, b as CssAlignContent, bt as ViewProps, c as isAuthorNode, ct as StackAxis, d as AuthorNode, dt as StrokeLineJoin, et as ShapeProps, f as AuthorNodeKind, ft as TextFit, g as BackendName, gt as TextTabStopAlignment, h as AuthorNodePropsMap, ht as TextStyle, i as Slide, it as SlideProps, j as CssGridPlacement, k as CssGridAutoFlow, l as isContentNode, lt as StrokeDashType, m as AuthorNodeProps, mt as TextProps, n as Image, nt as SlideContext, o as View, ot as Spacing, p as AuthorNodeMap, pt as TextJsxChild, q as ImageCropValue, r as Shape, rt as SlideFactory, s as createElement, st as StackAlignment, t as Fragment, tt as ShapeStyle, u as isSlideNode, ut as StrokeLineCap, v as ContentAuthorNode, vt as TextTabStopLength, w as CssBoxSizing, x as CssAlignItems, xt as ViewStyle, y as ContentJsxChild, yt as VerticalAlign, z as CssObjectPosition } from "./jsx-CrQPDEqU.mjs";
+
 //#region src/ir/index.d.ts
 type PresentationIR = {
   version: "0.1";
@@ -573,32 +246,6 @@ declare class Deck {
   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
@@ -606,4 +253,15 @@ declare function pptxgenjsBackend(): CompileBackend;
 declare const EMU_PER_INCH = 914400;
 declare const POINTS_PER_INCH = 72;
 //#endregion
+//#region src/index.d.ts
+declare global {
+  namespace JSX {
+    type Element = ContentJsxChild;
+    interface ElementChildrenAttribute {
+      children: {};
+    }
+    interface IntrinsicElements {}
+  }
+}
+//#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 };

package/dist/index.mjs

@@ -1,3 +1,4 @@
+import { a as Text, c as isAuthorNode, i as Slide, l as isContentNode, n as Image, o as View, r as Shape, s as createElement, t as Fragment, u as isSlideNode } from "./jsx-5H4Zgl79.mjs";
 import { createRequire } from "node:module";
 import { mkdir, writeFile } from "node:fs/promises";
 import { dirname } from "node:path";
@@ -27,71 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 //#endregion
-//#region src/jsx.ts
-function isRecord(value) {
-	return typeof value === "object" && value !== null;
-}
-function isJsxNode(value) {
-	return value === null || value === void 0 || typeof value === "string" || typeof value === "number" || typeof value === "boolean" || isAuthorNode(value) || Array.isArray(value) && value.every((item) => isJsxNode(item));
-}
-function requireJsxNode(value) {
-	if (isJsxNode(value)) return value;
-	throw new Error("JSX children must be deckjsx nodes or primitive text values.");
-}
-function flattenChildren(input) {
-	if (Array.isArray(input)) return input.flatMap((item) => flattenChildren(item));
-	return [input];
-}
-function authorNode(kind, props) {
-	const { children: rawChildren, ...nodeProps } = props;
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind,
-		props: nodeProps,
-		children: rawChildren === void 0 ? [] : flattenChildren(rawChildren)
-	};
-}
-function createElement(type, props, ...children) {
-	if (typeof type === "string") throw new Error(`Intrinsic elements are not supported: <${type}>.`);
-	if (typeof type !== "function") throw new Error("JSX element type must be a function component.");
-	const propsObject = isRecord(props) ? props : {};
-	return type({
-		...propsObject,
-		children: children.length === 0 ? requireJsxNode(propsObject.children) : children.length === 1 ? requireJsxNode(children[0]) : children.map((child) => requireJsxNode(child))
-	});
-}
-function Fragment(props) {
-	return props.children ?? null;
-}
-function Slide(props) {
-	return authorNode("slide", props);
-}
-function View(props) {
-	return authorNode("view", props);
-}
-function Text(props) {
-	return authorNode("text", props);
-}
-function Image(props) {
-	return authorNode("image", props);
-}
-function Shape(props) {
-	return authorNode("shape", props);
-}
-function isAuthorNodeKind(value) {
-	return value === "slide" || value === "view" || value === "text" || value === "image" || value === "shape";
-}
-function isAuthorNode(value) {
-	if (!isRecord(value)) return false;
-	return value.$$typeof === "deckjsx.author-node" && isAuthorNodeKind(value.kind) && isRecord(value.props) && Array.isArray(value.children);
-}
-function isSlideNode(value) {
-	return isAuthorNode(value) && value.kind === "slide";
-}
-function isContentNode(value) {
-	return isAuthorNode(value) && value.kind !== "slide";
-}
-//#endregion
 //#region src/types.ts
 const EMU_PER_INCH = 914400;
 const POINTS_PER_INCH = 72;
@@ -14937,7 +14873,15 @@ const TRANSPARENT_LINE = {
 	width: 0
 };
 const PPTX_MIME_TYPE = "application/vnd.openxmlformats-officedocument.presentationml.presentation";
-const PptxGenJS = PptxGenJSModule;
+function resolvePptxGenJSConstructor(moduleValue) {
+	if (typeof moduleValue === "function") return moduleValue;
+	if (typeof moduleValue === "object" && moduleValue !== null && "default" in moduleValue) {
+		const defaultExport = moduleValue.default;
+		if (typeof defaultExport === "function") return defaultExport;
+	}
+	throw new Error("Unable to resolve PptxGenJS constructor.");
+}
+const PptxGenJS = resolvePptxGenJSConstructor(PptxGenJSModule);
 function emuToInches(value) {
 	return value / EMU_PER_INCH;
 }

package/dist/jsx-5H4Zgl79.mjs

@@ -0,0 +1,66 @@
+//#region src/jsx.ts
+function isRecord(value) {
+	return typeof value === "object" && value !== null;
+}
+function isJsxNode(value) {
+	return value === null || value === void 0 || typeof value === "string" || typeof value === "number" || typeof value === "boolean" || isAuthorNode(value) || Array.isArray(value) && value.every((item) => isJsxNode(item));
+}
+function requireJsxNode(value) {
+	if (isJsxNode(value)) return value;
+	throw new Error("JSX children must be deckjsx nodes or primitive text values.");
+}
+function flattenChildren(input) {
+	if (Array.isArray(input)) return input.flatMap((item) => flattenChildren(item));
+	return [input];
+}
+function authorNode(kind, props) {
+	const { children: rawChildren, ...nodeProps } = props;
+	return {
+		$$typeof: "deckjsx.author-node",
+		kind,
+		props: nodeProps,
+		children: rawChildren === void 0 ? [] : flattenChildren(rawChildren)
+	};
+}
+function createElement(type, props, ...children) {
+	if (typeof type === "string") throw new Error(`Intrinsic elements are not supported: <${type}>.`);
+	if (typeof type !== "function") throw new Error("JSX element type must be a function component.");
+	const propsObject = isRecord(props) ? props : {};
+	return type({
+		...propsObject,
+		children: children.length === 0 ? requireJsxNode(propsObject.children) : children.length === 1 ? requireJsxNode(children[0]) : children.map((child) => requireJsxNode(child))
+	});
+}
+function Fragment(props) {
+	return props.children ?? null;
+}
+function Slide(props) {
+	return authorNode("slide", props);
+}
+function View(props) {
+	return authorNode("view", props);
+}
+function Text(props) {
+	return authorNode("text", props);
+}
+function Image(props) {
+	return authorNode("image", props);
+}
+function Shape(props) {
+	return authorNode("shape", props);
+}
+function isAuthorNodeKind(value) {
+	return value === "slide" || value === "view" || value === "text" || value === "image" || value === "shape";
+}
+function isAuthorNode(value) {
+	if (!isRecord(value)) return false;
+	return value.$$typeof === "deckjsx.author-node" && isAuthorNodeKind(value.kind) && isRecord(value.props) && Array.isArray(value.children);
+}
+function isSlideNode(value) {
+	return isAuthorNode(value) && value.kind === "slide";
+}
+function isContentNode(value) {
+	return isAuthorNode(value) && value.kind !== "slide";
+}
+//#endregion
+export { Text as a, isAuthorNode as c, Slide as i, isContentNode as l, Image as n, View as o, Shape as r, createElement as s, Fragment as t, isSlideNode as u };

package/dist/jsx-CrQPDEqU.d.mts

@@ -0,0 +1,375 @@
+//#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;
+};
+interface TextJsxChildArray extends ReadonlyArray<TextJsxChild> {}
+type TextJsxChild = string | number | boolean | null | undefined | TextJsxChildArray;
+type ContentAuthorNode = AuthorNode<"view" | "text" | "image" | "shape">;
+interface ContentJsxChildArray extends ReadonlyArray<ContentJsxChild> {}
+type ContentJsxChild = AuthorNode | boolean | null | undefined | ContentJsxChildArray;
+interface JsxNodeArray extends ReadonlyArray<JsxNode> {}
+type JsxNode = AuthorNode | string | number | boolean | null | undefined | JsxNodeArray;
+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 SlideNodeProps = {
+  name?: string;
+  style?: SlideStyle;
+  background?: string;
+  backgroundImage?: string;
+  backgroundColor?: string;
+  backgroundTransparency?: number;
+  backgroundPosition?: string;
+  backgroundSize?: string;
+  backgroundRepeat?: string;
+  backgroundClip?: string;
+  backgroundOrigin?: string;
+};
+type SlideProps = SlideNodeProps & {
+  children?: ContentJsxChild;
+};
+type ViewNodeProps = {
+  style?: ViewStyle;
+} & ViewStyle;
+type ViewProps = ViewNodeProps & {
+  children?: ContentJsxChild;
+};
+type TextNodeProps = {
+  style?: TextStyle;
+} & TextStyle;
+type TextProps = TextNodeProps & {
+  children?: TextJsxChild;
+};
+type ImageNodeProps = {
+  style?: ImageStyle;
+  src?: string;
+  data?: string;
+} & ImageStyle;
+type ImageProps = ImageNodeProps & {
+  children?: never;
+};
+type ShapeNodeProps = {
+  style?: ShapeStyle;
+  shape: "rect" | "ellipse" | "line";
+} & ShapeStyle;
+type ShapeProps = ShapeNodeProps & {
+  children?: never;
+};
+type AuthorNodeMap = {
+  slide: SlideProps;
+  view: ViewProps;
+  text: TextProps;
+  image: ImageProps;
+  shape: ShapeProps;
+};
+type AuthorNodeKind = keyof AuthorNodeMap;
+type AuthorNodePropsMap = {
+  slide: SlideNodeProps;
+  view: ViewNodeProps;
+  text: TextNodeProps;
+  image: ImageNodeProps;
+  shape: ShapeNodeProps;
+};
+type AuthorNodeProps<K extends AuthorNodeKind> = AuthorNodePropsMap[K];
+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/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
+export { OutputConfig as $, CssGridLine as A, CssOverflow as B, CssAspectRatio as C, CssFlexDirection as D, CssFlexBasis as E, CssGridTemplateShorthand as F, DeckPointLength as G, CssVisibility as H, CssGridTrack as I, ImageProps as J, ImageCropAuthoring as K, CssJustifyContent as L, CssGridShorthand as M, CssGridTemplate as N, CssFlexWrap as O, CssGridTemplateAreas as P, LayoutMode as Q, CssJustifySelf as R, CssAlignSelf as S, CssDisplay as T, DeckLength as U, CssPosition as V, DeckOptions as W, ImplementedBackendName as X, ImageStyle as Y, JsxNode as Z, BorderStyle as _, TextTabStopAuthoring as _t, Text as a, SlideStyle as at, CssAlignContent as b, ViewProps as bt, isAuthorNode as c, StackAxis as ct, AuthorNode as d, StrokeLineJoin as dt, ShapeProps as et, AuthorNodeKind as f, TextFit as ft, BackendName as g, TextTabStopAlignment as gt, AuthorNodePropsMap as h, TextStyle as ht, Slide as i, SlideProps as it, CssGridPlacement as j, CssGridAutoFlow as k, isContentNode as l, StrokeDashType as lt, AuthorNodeProps as m, TextProps as mt, Image as n, SlideContext as nt, View as o, Spacing as ot, AuthorNodeMap as p, TextJsxChild as pt, ImageCropValue as q, Shape as r, SlideFactory as rt, createElement as s, StackAlignment as st, Fragment as t, ShapeStyle as tt, isSlideNode as u, StrokeLineCap as ut, ContentAuthorNode as v, TextTabStopLength as vt, CssBoxSizing as w, CssAlignItems as x, ViewStyle as xt, ContentJsxChild as y, VerticalAlign as yt, CssObjectPosition as z };

package/dist/jsx-dev-runtime.d.mts

@@ -0,0 +1,3 @@
+import { t as Fragment } from "./jsx-CrQPDEqU.mjs";
+import { JSX, jsx, jsxs } from "./jsx-runtime.mjs";
+export { Fragment, type JSX, jsx, jsx as jsxDEV, jsxs };

package/dist/jsx-dev-runtime.mjs

@@ -0,0 +1,3 @@
+import { t as Fragment } from "./jsx-5H4Zgl79.mjs";
+import { jsx, jsxs } from "./jsx-runtime.mjs";
+export { Fragment, jsx, jsx as jsxDEV, jsxs };

package/dist/jsx-runtime.d.mts

@@ -0,0 +1,19 @@
+import { Z as JsxNode, t as Fragment, y as ContentJsxChild } from "./jsx-CrQPDEqU.mjs";
+
+//#region src/jsx-runtime.d.ts
+type JsxComponent<P, R extends JsxNode> = (props: P) => R;
+type JsxProps<P> = P extends {
+  children?: unknown;
+} ? Omit<P, "children"> & Partial<Pick<P, "children">> : P;
+declare function jsx<P, R extends JsxNode>(type: JsxComponent<P, R>, props: JsxProps<P> | null, key?: string): R;
+declare function jsx(type: string, props: Record<string, unknown> | null, key?: string): never;
+declare const jsxs: typeof jsx;
+declare namespace JSX {
+  type Element = ContentJsxChild;
+  interface ElementChildrenAttribute {
+    children: {};
+  }
+  interface IntrinsicElements {}
+}
+//#endregion
+export { Fragment, JSX, jsx, jsxs };

package/dist/jsx-runtime.mjs

@@ -0,0 +1,8 @@
+import { s as createElement, t as Fragment } from "./jsx-5H4Zgl79.mjs";
+//#region src/jsx-runtime.ts
+function jsx(type, props, _key) {
+	return createElement(type, props);
+}
+const jsxs = jsx;
+//#endregion
+export { Fragment, jsx, jsxs };

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "deckjsx",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Generate PowerPoint presentations from TSX/JSX through a compiler pipeline.",
   "license": "MIT",
   "author": "deckjsx contributors",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chikina-dev/deckjsx"
+  },
   "files": [
     "dist"
   ],
@@ -11,6 +15,8 @@
   "types": "./dist/index.d.mts",
   "exports": {
     ".": "./dist/index.mjs",
+    "./jsx-dev-runtime": "./dist/jsx-dev-runtime.mjs",
+    "./jsx-runtime": "./dist/jsx-runtime.mjs",
     "./package.json": "./package.json"
   },
   "publishConfig": {