@hirokisakabe/pom 0.1.12 → 0.3.0

package/dist/renderPptx/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/renderPptx/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,UAAU,CAAC,CAC/C,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,cAAc,IAAI,CACnD,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,aAAa,KACf,IAAI,CAAC"}

package/dist/renderPptx/utils/backgroundBorder.d.ts

@@ -0,0 +1,8 @@
+import type { PositionedNode } from "../../types";
+import type { RenderContext } from "../types";
+/**
+ * ノードの背景色とボーダーを描画する
+ * 全ノードタイプで最初に呼び出される共通処理
+ */
+export declare function renderBackgroundAndBorder(node: PositionedNode, ctx: RenderContext): void;
+//# sourceMappingURL=backgroundBorder.d.ts.map

package/dist/renderPptx/utils/backgroundBorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backgroundBorder.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/utils/backgroundBorder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,cAAc,EACpB,GAAG,EAAE,aAAa,GACjB,IAAI,CA+CN"}

package/dist/renderPptx/utils/backgroundBorder.js

@@ -0,0 +1,44 @@
+import { pxToIn, pxToPt } from "../units";
+/**
+ * ノードの背景色とボーダーを描画する
+ * 全ノードタイプで最初に呼び出される共通処理
+ */
+export function renderBackgroundAndBorder(node, ctx) {
+    const { backgroundColor, border, borderRadius } = node;
+    const hasBackground = Boolean(backgroundColor);
+    const hasBorder = Boolean(border &&
+        (border.color !== undefined ||
+            border.width !== undefined ||
+            border.dashType !== undefined));
+    if (!hasBackground && !hasBorder) {
+        return;
+    }
+    const fill = hasBackground
+        ? { color: backgroundColor }
+        : { type: "none" };
+    const line = hasBorder
+        ? {
+            color: border?.color ?? "000000",
+            width: border?.width !== undefined ? pxToPt(border.width) : undefined,
+            dashType: border?.dashType,
+        }
+        : { type: "none" };
+    // borderRadius がある場合は roundRect を使用し、rectRadius を計算
+    const shapeType = borderRadius
+        ? ctx.pptx.ShapeType.roundRect
+        : ctx.pptx.ShapeType.rect;
+    // px を 0-1 の正規化値に変換
+    const rectRadius = borderRadius
+        ? Math.min((borderRadius / Math.min(node.w, node.h)) * 2, 1)
+        : undefined;
+    const shapeOptions = {
+        x: pxToIn(node.x),
+        y: pxToIn(node.y),
+        w: pxToIn(node.w),
+        h: pxToIn(node.h),
+        fill,
+        line,
+        rectRadius,
+    };
+    ctx.slide.addShape(shapeType, shapeOptions);
+}

package/dist/renderPptx/utils/index.d.ts

@@ -0,0 +1,6 @@
+export { renderBackgroundAndBorder } from "./backgroundBorder";
+export { drawCircle, drawLine } from "./shapeDrawing";
+export type { CircleOptions, LineOptions } from "./shapeDrawing";
+export { drawSimpleText } from "./textDrawing";
+export type { SimpleTextOptions } from "./textDrawing";
+//# sourceMappingURL=index.d.ts.map

package/dist/renderPptx/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/renderPptx/utils/index.js

@@ -0,0 +1,3 @@
+export { renderBackgroundAndBorder } from "./backgroundBorder";
+export { drawCircle, drawLine } from "./shapeDrawing";
+export { drawSimpleText } from "./textDrawing";

package/dist/renderPptx/utils/shapeDrawing.d.ts

@@ -0,0 +1,27 @@
+import type { RenderContext } from "../types";
+export type CircleOptions = {
+    cx: number;
+    cy: number;
+    radius: number;
+    fillColor: string;
+    lineColor?: string;
+    lineWidth?: number;
+};
+export type LineOptions = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    color: string;
+    width: number;
+    endArrowType?: "none" | "arrow" | "diamond" | "oval" | "stealth" | "triangle";
+};
+/**
+ * 円を描画する
+ */
+export declare function drawCircle(ctx: RenderContext, options: CircleOptions): void;
+/**
+ * 線を描画する
+ */
+export declare function drawLine(ctx: RenderContext, options: LineOptions): void;
+//# sourceMappingURL=shapeDrawing.d.ts.map

package/dist/renderPptx/utils/shapeDrawing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapeDrawing.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/utils/shapeDrawing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;CAC/E,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,GAAG,IAAI,CAa3E;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAiBvE"}

package/dist/renderPptx/utils/shapeDrawing.js

@@ -0,0 +1,36 @@
+import { pxToIn, pxToPt } from "../units";
+/**
+ * 円を描画する
+ */
+export function drawCircle(ctx, options) {
+    const { cx, cy, radius, fillColor, lineColor, lineWidth } = options;
+    ctx.slide.addShape(ctx.pptx.ShapeType.ellipse, {
+        x: pxToIn(cx - radius),
+        y: pxToIn(cy - radius),
+        w: pxToIn(radius * 2),
+        h: pxToIn(radius * 2),
+        fill: { color: fillColor },
+        line: lineColor
+            ? { color: lineColor, width: lineWidth ? pxToPt(lineWidth) : undefined }
+            : { type: "none" },
+    });
+}
+/**
+ * 線を描画する
+ */
+export function drawLine(ctx, options) {
+    const { x1, y1, x2, y2, color, width, endArrowType } = options;
+    const isHorizontal = y1 === y2;
+    const isVertical = x1 === x2;
+    ctx.slide.addShape(ctx.pptx.ShapeType.line, {
+        x: pxToIn(Math.min(x1, x2)),
+        y: pxToIn(Math.min(y1, y2)),
+        w: isVertical ? 0 : pxToIn(Math.abs(x2 - x1)),
+        h: isHorizontal ? 0 : pxToIn(Math.abs(y2 - y1)),
+        line: {
+            color,
+            width: pxToPt(width),
+            endArrowType,
+        },
+    });
+}

package/dist/renderPptx/utils/textDrawing.d.ts

@@ -0,0 +1,20 @@
+import type { RenderContext } from "../types";
+export type SimpleTextOptions = {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    text: string;
+    fontSize?: number;
+    fontFace?: string;
+    color?: string;
+    bold?: boolean;
+    align?: "left" | "center" | "right";
+    valign?: "top" | "middle" | "bottom";
+};
+/**
+ * シンプルなテキストを描画する
+ * timeline, matrix, tree, flow などの複雑ノードで使用
+ */
+export declare function drawSimpleText(ctx: RenderContext, options: SimpleTextOptions): void;
+//# sourceMappingURL=textDrawing.d.ts.map

package/dist/renderPptx/utils/textDrawing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textDrawing.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/utils/textDrawing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACtC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,iBAAiB,GACzB,IAAI,CA2BN"}

package/dist/renderPptx/utils/textDrawing.js

@@ -0,0 +1,20 @@
+import { pxToIn, pxToPt } from "../units";
+/**
+ * シンプルなテキストを描画する
+ * timeline, matrix, tree, flow などの複雑ノードで使用
+ */
+export function drawSimpleText(ctx, options) {
+    const { x, y, w, h, text, fontSize = 12, fontFace = "Noto Sans JP", color = "000000", bold, align = "left", valign = "top", } = options;
+    ctx.slide.addText(text, {
+        x: pxToIn(x),
+        y: pxToIn(y),
+        w: pxToIn(w),
+        h: pxToIn(h),
+        fontSize: pxToPt(fontSize),
+        fontFace,
+        color,
+        bold,
+        align,
+        valign,
+    });
+}

package/dist/toPositioned/toPositioned.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toPositioned.d.ts","sourceRoot":"","sources":["../../src/toPositioned/toPositioned.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGxD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,OAAO,EACZ,OAAO,SAAI,EACX,OAAO,SAAI,GACV,cAAc,CA4FhB"}
+{"version":3,"file":"toPositioned.d.ts","sourceRoot":"","sources":["../../src/toPositioned/toPositioned.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGxD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,OAAO,EACZ,OAAO,SAAI,EACX,OAAO,SAAI,GACV,cAAc,CAyIhB"}

package/dist/toPositioned/toPositioned.js

@@ -61,6 +61,51 @@ export function toPositioned(pom, parentX = 0, parentY = 0) {
                 h: layout.height,
             };
         }
+        case "timeline": {
+            return {
+                ...pom,
+                x: absoluteX,
+                y: absoluteY,
+                w: layout.width,
+                h: layout.height,
+            };
+        }
+        case "matrix": {
+            return {
+                ...pom,
+                x: absoluteX,
+                y: absoluteY,
+                w: layout.width,
+                h: layout.height,
+            };
+        }
+        case "tree": {
+            return {
+                ...pom,
+                x: absoluteX,
+                y: absoluteY,
+                w: layout.width,
+                h: layout.height,
+            };
+        }
+        case "flow": {
+            return {
+                ...pom,
+                x: absoluteX,
+                y: absoluteY,
+                w: layout.width,
+                h: layout.height,
+            };
+        }
+        case "processArrow": {
+            return {
+                ...pom,
+                x: absoluteX,
+                y: absoluteY,
+                w: layout.width,
+                h: layout.height,
+            };
+        }
         case "box": {
             return {
                 ...pom,

package/dist/types.d.ts

@@ -848,6 +848,403 @@ export type ChartType = z.infer<typeof chartTypeSchema>;
 export type ChartData = z.infer<typeof chartDataSchema>;
 export type ChartNode = z.infer<typeof chartNodeSchema>;
 export type RadarStyle = z.infer<typeof radarStyleSchema>;
+export declare const timelineDirectionSchema: z.ZodEnum<{
+    horizontal: "horizontal";
+    vertical: "vertical";
+}>;
+export declare const timelineItemSchema: z.ZodObject<{
+    date: z.ZodString;
+    title: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    color: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const timelineNodeSchema: z.ZodObject<{
+    yogaNode: z.ZodOptional<z.ZodCustom<YogaNode, YogaNode>>;
+    w: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    h: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    minW: z.ZodOptional<z.ZodNumber>;
+    maxW: z.ZodOptional<z.ZodNumber>;
+    minH: z.ZodOptional<z.ZodNumber>;
+    maxH: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+        top: z.ZodOptional<z.ZodNumber>;
+        right: z.ZodOptional<z.ZodNumber>;
+        bottom: z.ZodOptional<z.ZodNumber>;
+        left: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>]>>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    border: z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+        dashType: z.ZodOptional<z.ZodEnum<{
+            solid: "solid";
+            dash: "dash";
+            dashDot: "dashDot";
+            lgDash: "lgDash";
+            lgDashDot: "lgDashDot";
+            lgDashDotDot: "lgDashDotDot";
+            sysDash: "sysDash";
+            sysDot: "sysDot";
+        }>>;
+    }, z.core.$strip>>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    type: z.ZodLiteral<"timeline">;
+    direction: z.ZodOptional<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    items: z.ZodArray<z.ZodObject<{
+        date: z.ZodString;
+        title: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+        color: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export type TimelineDirection = z.infer<typeof timelineDirectionSchema>;
+export type TimelineItem = z.infer<typeof timelineItemSchema>;
+export type TimelineNode = z.infer<typeof timelineNodeSchema>;
+export declare const matrixAxisSchema: z.ZodObject<{
+    x: z.ZodString;
+    y: z.ZodString;
+}, z.core.$strip>;
+export declare const matrixQuadrantsSchema: z.ZodObject<{
+    topLeft: z.ZodString;
+    topRight: z.ZodString;
+    bottomLeft: z.ZodString;
+    bottomRight: z.ZodString;
+}, z.core.$strip>;
+export declare const matrixItemSchema: z.ZodObject<{
+    label: z.ZodString;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    color: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const matrixNodeSchema: z.ZodObject<{
+    yogaNode: z.ZodOptional<z.ZodCustom<YogaNode, YogaNode>>;
+    w: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    h: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    minW: z.ZodOptional<z.ZodNumber>;
+    maxW: z.ZodOptional<z.ZodNumber>;
+    minH: z.ZodOptional<z.ZodNumber>;
+    maxH: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+        top: z.ZodOptional<z.ZodNumber>;
+        right: z.ZodOptional<z.ZodNumber>;
+        bottom: z.ZodOptional<z.ZodNumber>;
+        left: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>]>>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    border: z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+        dashType: z.ZodOptional<z.ZodEnum<{
+            solid: "solid";
+            dash: "dash";
+            dashDot: "dashDot";
+            lgDash: "lgDash";
+            lgDashDot: "lgDashDot";
+            lgDashDotDot: "lgDashDotDot";
+            sysDash: "sysDash";
+            sysDot: "sysDot";
+        }>>;
+    }, z.core.$strip>>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    type: z.ZodLiteral<"matrix">;
+    axes: z.ZodObject<{
+        x: z.ZodString;
+        y: z.ZodString;
+    }, z.core.$strip>;
+    quadrants: z.ZodOptional<z.ZodObject<{
+        topLeft: z.ZodString;
+        topRight: z.ZodString;
+        bottomLeft: z.ZodString;
+        bottomRight: z.ZodString;
+    }, z.core.$strip>>;
+    items: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        color: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export type MatrixAxis = z.infer<typeof matrixAxisSchema>;
+export type MatrixQuadrants = z.infer<typeof matrixQuadrantsSchema>;
+export type MatrixItem = z.infer<typeof matrixItemSchema>;
+export type MatrixNode = z.infer<typeof matrixNodeSchema>;
+export declare const treeLayoutSchema: z.ZodEnum<{
+    horizontal: "horizontal";
+    vertical: "vertical";
+}>;
+export declare const treeNodeShapeSchema: z.ZodEnum<{
+    ellipse: "ellipse";
+    rect: "rect";
+    roundRect: "roundRect";
+}>;
+export declare const treeConnectorStyleSchema: z.ZodObject<{
+    color: z.ZodOptional<z.ZodString>;
+    width: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+export type TreeDataItem = {
+    label: string;
+    color?: string;
+    children?: TreeDataItem[];
+};
+export declare const treeDataItemSchema: z.ZodType<TreeDataItem>;
+export declare const treeNodeSchema: z.ZodObject<{
+    yogaNode: z.ZodOptional<z.ZodCustom<YogaNode, YogaNode>>;
+    w: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    h: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    minW: z.ZodOptional<z.ZodNumber>;
+    maxW: z.ZodOptional<z.ZodNumber>;
+    minH: z.ZodOptional<z.ZodNumber>;
+    maxH: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+        top: z.ZodOptional<z.ZodNumber>;
+        right: z.ZodOptional<z.ZodNumber>;
+        bottom: z.ZodOptional<z.ZodNumber>;
+        left: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>]>>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    border: z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+        dashType: z.ZodOptional<z.ZodEnum<{
+            solid: "solid";
+            dash: "dash";
+            dashDot: "dashDot";
+            lgDash: "lgDash";
+            lgDashDot: "lgDashDot";
+            lgDashDotDot: "lgDashDotDot";
+            sysDash: "sysDash";
+            sysDot: "sysDot";
+        }>>;
+    }, z.core.$strip>>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    type: z.ZodLiteral<"tree">;
+    layout: z.ZodOptional<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    nodeShape: z.ZodOptional<z.ZodEnum<{
+        ellipse: "ellipse";
+        rect: "rect";
+        roundRect: "roundRect";
+    }>>;
+    data: z.ZodType<TreeDataItem, unknown, z.core.$ZodTypeInternals<TreeDataItem, unknown>>;
+    connectorStyle: z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>>;
+    nodeWidth: z.ZodOptional<z.ZodNumber>;
+    nodeHeight: z.ZodOptional<z.ZodNumber>;
+    levelGap: z.ZodOptional<z.ZodNumber>;
+    siblingGap: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+export type TreeLayout = z.infer<typeof treeLayoutSchema>;
+export type TreeNodeShape = z.infer<typeof treeNodeShapeSchema>;
+export type TreeConnectorStyle = z.infer<typeof treeConnectorStyleSchema>;
+export type TreeNode = z.infer<typeof treeNodeSchema>;
+export declare const processArrowDirectionSchema: z.ZodEnum<{
+    horizontal: "horizontal";
+    vertical: "vertical";
+}>;
+export declare const processArrowStepSchema: z.ZodObject<{
+    label: z.ZodString;
+    color: z.ZodOptional<z.ZodString>;
+    textColor: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const processArrowNodeSchema: z.ZodObject<{
+    yogaNode: z.ZodOptional<z.ZodCustom<YogaNode, YogaNode>>;
+    w: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    h: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    minW: z.ZodOptional<z.ZodNumber>;
+    maxW: z.ZodOptional<z.ZodNumber>;
+    minH: z.ZodOptional<z.ZodNumber>;
+    maxH: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+        top: z.ZodOptional<z.ZodNumber>;
+        right: z.ZodOptional<z.ZodNumber>;
+        bottom: z.ZodOptional<z.ZodNumber>;
+        left: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>]>>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    border: z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+        dashType: z.ZodOptional<z.ZodEnum<{
+            solid: "solid";
+            dash: "dash";
+            dashDot: "dashDot";
+            lgDash: "lgDash";
+            lgDashDot: "lgDashDot";
+            lgDashDotDot: "lgDashDotDot";
+            sysDash: "sysDash";
+            sysDot: "sysDot";
+        }>>;
+    }, z.core.$strip>>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    type: z.ZodLiteral<"processArrow">;
+    direction: z.ZodOptional<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    steps: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        color: z.ZodOptional<z.ZodString>;
+        textColor: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    itemWidth: z.ZodOptional<z.ZodNumber>;
+    itemHeight: z.ZodOptional<z.ZodNumber>;
+    gap: z.ZodOptional<z.ZodNumber>;
+    fontPx: z.ZodOptional<z.ZodNumber>;
+    bold: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export type ProcessArrowDirection = z.infer<typeof processArrowDirectionSchema>;
+export type ProcessArrowStep = z.infer<typeof processArrowStepSchema>;
+export type ProcessArrowNode = z.infer<typeof processArrowNodeSchema>;
+export declare const flowDirectionSchema: z.ZodEnum<{
+    horizontal: "horizontal";
+    vertical: "vertical";
+}>;
+export declare const flowNodeShapeSchema: z.ZodEnum<{
+    flowChartConnector: "flowChartConnector";
+    flowChartDecision: "flowChartDecision";
+    flowChartDelay: "flowChartDelay";
+    flowChartDocument: "flowChartDocument";
+    flowChartInputOutput: "flowChartInputOutput";
+    flowChartMagneticDisk: "flowChartMagneticDisk";
+    flowChartManualInput: "flowChartManualInput";
+    flowChartManualOperation: "flowChartManualOperation";
+    flowChartPredefinedProcess: "flowChartPredefinedProcess";
+    flowChartPreparation: "flowChartPreparation";
+    flowChartProcess: "flowChartProcess";
+    flowChartTerminator: "flowChartTerminator";
+}>;
+export declare const flowNodeItemSchema: z.ZodObject<{
+    id: z.ZodString;
+    shape: z.ZodEnum<{
+        flowChartConnector: "flowChartConnector";
+        flowChartDecision: "flowChartDecision";
+        flowChartDelay: "flowChartDelay";
+        flowChartDocument: "flowChartDocument";
+        flowChartInputOutput: "flowChartInputOutput";
+        flowChartMagneticDisk: "flowChartMagneticDisk";
+        flowChartManualInput: "flowChartManualInput";
+        flowChartManualOperation: "flowChartManualOperation";
+        flowChartPredefinedProcess: "flowChartPredefinedProcess";
+        flowChartPreparation: "flowChartPreparation";
+        flowChartProcess: "flowChartProcess";
+        flowChartTerminator: "flowChartTerminator";
+    }>;
+    text: z.ZodString;
+    color: z.ZodOptional<z.ZodString>;
+    textColor: z.ZodOptional<z.ZodString>;
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+export declare const flowConnectionSchema: z.ZodObject<{
+    from: z.ZodString;
+    to: z.ZodString;
+    label: z.ZodOptional<z.ZodString>;
+    color: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const flowConnectorStyleSchema: z.ZodObject<{
+    color: z.ZodOptional<z.ZodString>;
+    width: z.ZodOptional<z.ZodNumber>;
+    arrowType: z.ZodOptional<z.ZodEnum<{
+        diamond: "diamond";
+        triangle: "triangle";
+        none: "none";
+        arrow: "arrow";
+        oval: "oval";
+        stealth: "stealth";
+    }>>;
+}, z.core.$strip>;
+export declare const flowNodeSchema: z.ZodObject<{
+    yogaNode: z.ZodOptional<z.ZodCustom<YogaNode, YogaNode>>;
+    w: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    h: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"max">, z.ZodString]>>;
+    minW: z.ZodOptional<z.ZodNumber>;
+    maxW: z.ZodOptional<z.ZodNumber>;
+    minH: z.ZodOptional<z.ZodNumber>;
+    maxH: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+        top: z.ZodOptional<z.ZodNumber>;
+        right: z.ZodOptional<z.ZodNumber>;
+        bottom: z.ZodOptional<z.ZodNumber>;
+        left: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>]>>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    border: z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+        dashType: z.ZodOptional<z.ZodEnum<{
+            solid: "solid";
+            dash: "dash";
+            dashDot: "dashDot";
+            lgDash: "lgDash";
+            lgDashDot: "lgDashDot";
+            lgDashDotDot: "lgDashDotDot";
+            sysDash: "sysDash";
+            sysDot: "sysDot";
+        }>>;
+    }, z.core.$strip>>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    type: z.ZodLiteral<"flow">;
+    direction: z.ZodOptional<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    nodes: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        shape: z.ZodEnum<{
+            flowChartConnector: "flowChartConnector";
+            flowChartDecision: "flowChartDecision";
+            flowChartDelay: "flowChartDelay";
+            flowChartDocument: "flowChartDocument";
+            flowChartInputOutput: "flowChartInputOutput";
+            flowChartMagneticDisk: "flowChartMagneticDisk";
+            flowChartManualInput: "flowChartManualInput";
+            flowChartManualOperation: "flowChartManualOperation";
+            flowChartPredefinedProcess: "flowChartPredefinedProcess";
+            flowChartPreparation: "flowChartPreparation";
+            flowChartProcess: "flowChartProcess";
+            flowChartTerminator: "flowChartTerminator";
+        }>;
+        text: z.ZodString;
+        color: z.ZodOptional<z.ZodString>;
+        textColor: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+        height: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>>;
+    connections: z.ZodArray<z.ZodObject<{
+        from: z.ZodString;
+        to: z.ZodString;
+        label: z.ZodOptional<z.ZodString>;
+        color: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    connectorStyle: z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+        arrowType: z.ZodOptional<z.ZodEnum<{
+            diamond: "diamond";
+            triangle: "triangle";
+            none: "none";
+            arrow: "arrow";
+            oval: "oval";
+            stealth: "stealth";
+        }>>;
+    }, z.core.$strip>>;
+    nodeWidth: z.ZodOptional<z.ZodNumber>;
+    nodeHeight: z.ZodOptional<z.ZodNumber>;
+    nodeGap: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+export type FlowDirection = z.infer<typeof flowDirectionSchema>;
+export type FlowNodeShape = z.infer<typeof flowNodeShapeSchema>;
+export type FlowNodeItem = z.infer<typeof flowNodeItemSchema>;
+export type FlowConnection = z.infer<typeof flowConnectionSchema>;
+export type FlowConnectorStyle = z.infer<typeof flowConnectorStyleSchema>;
+export type FlowNode = z.infer<typeof flowNodeSchema>;
 export type BoxNode = BasePOMNode & {
     type: "box";
     children: POMNode;
@@ -866,7 +1263,7 @@ export type HStackNode = BasePOMNode & {
     alignItems?: AlignItems;
     justifyContent?: JustifyContent;
 };
-export type POMNode = TextNode | ImageNode | TableNode | BoxNode | VStackNode | HStackNode | ShapeNode | ChartNode;
+export type POMNode = TextNode | ImageNode | TableNode | BoxNode | VStackNode | HStackNode | ShapeNode | ChartNode | TimelineNode | MatrixNode | TreeNode | FlowNode | ProcessArrowNode;
 export declare const boxNodeSchema: z.ZodType<BoxNode>;
 export declare const vStackNodeSchema: z.ZodType<VStackNode>;
 export declare const hStackNodeSchema: z.ZodType<HStackNode>;
@@ -886,7 +1283,7 @@ export type PositionedNode = (TextNode & PositionedBase) | (ImageNode & Position
     children: PositionedNode[];
 }) | (HStackNode & PositionedBase & {
     children: PositionedNode[];
-}) | (ShapeNode & PositionedBase) | (ChartNode & PositionedBase);
+}) | (ShapeNode & PositionedBase) | (ChartNode & PositionedBase) | (TimelineNode & PositionedBase) | (MatrixNode & PositionedBase) | (TreeNode & PositionedBase) | (FlowNode & PositionedBase) | (ProcessArrowNode & PositionedBase);
 export declare const positionedNodeSchema: z.ZodType<PositionedNode>;
 export declare const pageNumberPositionSchema: z.ZodEnum<{
     right: "right";