@motion-script/core 0.1.0

package/dist/layout/grid.js

@@ -0,0 +1,117 @@
+/**
+ * Auto-place children into grid cells, filling left-to-right and wrapping to
+ * new rows when a child's colSpan would overflow the column count.
+ */
+function autoPlace(children, columnCount) {
+    const placements = [];
+    // occupied[row][col] = true when taken
+    const occupied = [];
+    function isFree(r, c, colSpan, rowSpan) {
+        for (let dr = 0; dr < rowSpan; dr++) {
+            for (let dc = 0; dc < colSpan; dc++) {
+                if (occupied[r + dr]?.[c + dc])
+                    return false;
+            }
+        }
+        return true;
+    }
+    function mark(r, c, colSpan, rowSpan) {
+        for (let dr = 0; dr < rowSpan; dr++) {
+            if (!occupied[r + dr])
+                occupied[r + dr] = [];
+            for (let dc = 0; dc < colSpan; dc++) {
+                occupied[r + dr][c + dc] = true;
+            }
+        }
+    }
+    let cursor = { r: 0, c: 0 };
+    for (const child of children) {
+        const colSpan = Math.min(child.colSpan, columnCount);
+        const rowSpan = child.rowSpan;
+        if (child.column !== undefined && child.row !== undefined) {
+            // Explicit placement (1-based → 0-based)
+            const r = child.row - 1;
+            const c = child.column - 1;
+            mark(r, c, colSpan, rowSpan);
+            placements.push({ col: c, row: r, colSpan, rowSpan });
+            continue;
+        }
+        // Auto-place: advance cursor until a free cell is found
+        while (true) {
+            if (cursor.c + colSpan > columnCount) {
+                cursor.r++;
+                cursor.c = 0;
+            }
+            if (isFree(cursor.r, cursor.c, colSpan, rowSpan))
+                break;
+            cursor.c++;
+        }
+        mark(cursor.r, cursor.c, colSpan, rowSpan);
+        placements.push({ col: cursor.c, row: cursor.r, colSpan, rowSpan });
+        cursor.c += colSpan;
+    }
+    return placements;
+}
+/**
+ * Pure measure pass for a grid container: determines column/row track sizes
+ * and returns the hug dimensions.
+ */
+export function measureGrid(children, columnCount, colGap, rowGap, innerWidth) {
+    const count = Math.max(1, columnCount);
+    const totalColGaps = colGap * (count - 1);
+    const colTrack = Math.max(0, (innerWidth - totalColGaps) / count);
+    const placements = autoPlace([...children], count);
+    const rowCount = placements.reduce((max, p) => Math.max(max, p.row + p.rowSpan), 0);
+    const rowTracks = new Array(rowCount).fill(0);
+    // Measure each child under its allocated column width
+    for (let i = 0; i < children.length; i++) {
+        const p = placements[i];
+        const childWidth = colTrack * p.colSpan + colGap * (p.colSpan - 1);
+        const measured = children[i].measure({ maxWidth: childWidth });
+        const childH = measured.height ?? 0;
+        // Distribute height across spanned rows (simple: put it all in first row if it fits)
+        if (p.rowSpan === 1) {
+            if (childH > rowTracks[p.row])
+                rowTracks[p.row] = childH;
+        }
+        else {
+            // Multi-row: ensure total spanned height covers child
+            const spanH = rowTracks.slice(p.row, p.row + p.rowSpan).reduce((s, h) => s + h, 0)
+                + rowGap * (p.rowSpan - 1);
+            if (spanH < childH) {
+                const extra = childH - spanH;
+                rowTracks[p.row] += extra;
+            }
+        }
+    }
+    const hugHeight = rowTracks.reduce((s, h) => s + h, 0) + rowGap * Math.max(0, rowCount - 1);
+    return { placements, colTrack, rowTracks, hugWidth: innerWidth, hugHeight };
+}
+/**
+ * Pure layout pass: returns the BoxBounds for each child given the resolved tracks.
+ */
+export function layoutGrid(placements, colTrack, rowTracks, rect, colGap, rowGap, padding) {
+    // Compute cumulative row starts (top-down, relative to inner top-left)
+    const rowStarts = [];
+    let acc = 0;
+    for (const h of rowTracks) {
+        rowStarts.push(acc);
+        acc += h + rowGap;
+    }
+    const innerW = rect.width - padding.left - padding.right;
+    const innerH = rect.height - padding.top - padding.bottom;
+    const originX = -rect.width / 2 + padding.left;
+    const originY = rect.height / 2 - padding.top;
+    return placements.map((p) => {
+        const cellW = colTrack * p.colSpan + colGap * (p.colSpan - 1);
+        const spannedH = rowTracks.slice(p.row, p.row + p.rowSpan).reduce((s, h) => s + h, 0)
+            + rowGap * (p.rowSpan - 1);
+        const cellX = p.col * (colTrack + colGap);
+        const cellY = rowStarts[p.row] ?? 0;
+        // Convert from top-left inner-space to center-based coordinates
+        const localX = originX + cellX + cellW / 2;
+        const localY = originY - cellY - spannedH / 2;
+        return { x: localX, y: localY, width: Math.min(cellW, innerW), height: Math.min(spannedH, innerH) };
+    });
+}
+//# sourceMappingURL=grid.js.map

package/dist/layout/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/layout/grid.ts"],"names":[],"mappings":"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"}

package/dist/layout/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./size-resolver";
+export * from "./padding";
+export * from "./tweens";
+export * from "./flex";
+export * from "./grid";
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/layout/index.js

@@ -0,0 +1,6 @@
+export * from "./size-resolver";
+export * from "./padding";
+export * from "./tweens";
+export * from "./flex";
+export * from "./grid";
+//# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/layout/padding.d.ts

@@ -0,0 +1,19 @@
+import { PaddingResolved } from "../attributes/layout/padding";
+/**
+ * Compute the inner content area produced by subtracting an EdgeInset
+ * from an outer size. Pure — works for any width/height pair.
+ */
+export interface InnerArea {
+    width: number;
+    height: number;
+    /** Offset of inner-area center relative to outer-area center. */
+    offsetX: number;
+    offsetY: number;
+}
+export declare function applyPadding(outerWidth: number, outerHeight: number, pad: PaddingResolved): InnerArea;
+/** Add padding back onto an inner size to get the outer size that contains it. */
+export declare function expandByPadding(innerWidth: number, innerHeight: number, pad: PaddingResolved): {
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=padding.d.ts.map

package/dist/layout/padding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.d.ts","sourceRoot":"","sources":["../../src/layout/padding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,CAOrG;AAED,kFAAkF;AAClF,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAKhI"}

package/dist/layout/padding.js

@@ -0,0 +1,16 @@
+export function applyPadding(outerWidth, outerHeight, pad) {
+    return {
+        width: Math.max(0, outerWidth - pad.left - pad.right),
+        height: Math.max(0, outerHeight - pad.top - pad.bottom),
+        offsetX: (pad.left - pad.right) / 2,
+        offsetY: (pad.top - pad.bottom) / 2,
+    };
+}
+/** Add padding back onto an inner size to get the outer size that contains it. */
+export function expandByPadding(innerWidth, innerHeight, pad) {
+    return {
+        width: innerWidth + pad.left + pad.right,
+        height: innerHeight + pad.top + pad.bottom,
+    };
+}
+//# sourceMappingURL=padding.js.map

package/dist/layout/padding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.js","sourceRoot":"","sources":["../../src/layout/padding.ts"],"names":[],"mappings":"AAcA,MAAM,UAAU,YAAY,CAAC,UAAkB,EAAE,WAAmB,EAAE,GAAoB;IACtF,OAAO;QACH,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC;QACrD,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC;QACvD,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;QACnC,OAAO,EAAE,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC;KACtC,CAAC;AACN,CAAC;AAED,kFAAkF;AAClF,MAAM,UAAU,eAAe,CAAC,UAAkB,EAAE,WAAmB,EAAE,GAAoB;IACzF,OAAO;QACH,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK;QACxC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,MAAM;KAC7C,CAAC;AACN,CAAC"}

package/dist/layout/padding.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=padding.test.d.ts.map

package/dist/layout/padding.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.test.d.ts","sourceRoot":"","sources":["../../src/layout/padding.test.ts"],"names":[],"mappings":""}

package/dist/layout/padding.test.js

@@ -0,0 +1,39 @@
+import { describe, it, expect } from 'vitest';
+import { applyPadding, expandByPadding } from '@/layout/padding';
+const pad = (l, r, t, b) => ({
+    left: l, right: r, top: t, bottom: b,
+});
+describe('applyPadding', () => {
+    it('subtracts horizontal and vertical padding from the outer size', () => {
+        const area = applyPadding(100, 80, pad(10, 10, 5, 5));
+        expect(area.width).toBe(80);
+        expect(area.height).toBe(70);
+    });
+    it('clamps negative inner sizes to 0', () => {
+        const area = applyPadding(10, 10, pad(20, 20, 20, 20));
+        expect(area.width).toBe(0);
+        expect(area.height).toBe(0);
+    });
+    it('reports a zero center offset for symmetric padding', () => {
+        const area = applyPadding(100, 100, pad(10, 10, 10, 10));
+        expect(area.offsetX).toBe(0);
+        expect(area.offsetY).toBe(0);
+    });
+    it('shifts the center toward the smaller-padded side', () => {
+        const area = applyPadding(100, 100, pad(20, 0, 0, 10));
+        expect(area.offsetX).toBe(10); // (20 - 0) / 2
+        expect(area.offsetY).toBe(-5); // (0 - 10) / 2
+    });
+});
+describe('expandByPadding', () => {
+    it('adds padding back to recover the outer size', () => {
+        expect(expandByPadding(80, 70, pad(10, 10, 5, 5))).toEqual({ width: 100, height: 80 });
+    });
+    it('round-trips with applyPadding for non-clamped sizes', () => {
+        const p = pad(7, 3, 4, 6);
+        const inner = applyPadding(200, 150, p);
+        const outer = expandByPadding(inner.width, inner.height, p);
+        expect(outer).toEqual({ width: 200, height: 150 });
+    });
+});
+//# sourceMappingURL=padding.test.js.map

package/dist/layout/padding.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.test.js","sourceRoot":"","sources":["../../src/layout/padding.test.ts"],"names":[],"mappings":"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"}

package/dist/layout/size-resolver.d.ts

@@ -0,0 +1,13 @@
+import { SizeInput } from "../attributes/layout/size";
+/**
+ * Resolve a SizeInput (number | "fill" | "hug") to a concrete number.
+ *
+ * - number → returned as-is
+ * - "fill" → fills the available parent size
+ * - "hug"  → shrinks to the size of contents
+ *
+ * Pure: no node references, no rendering.
+ */
+export declare function resolveSize(input: SizeInput, availableSize: number, contentSize: number): number;
+export declare function isAutoSize(input: SizeInput): boolean;
+//# sourceMappingURL=size-resolver.d.ts.map

package/dist/layout/size-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-resolver.d.ts","sourceRoot":"","sources":["../../src/layout/size-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAKhG;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAEpD"}

package/dist/layout/size-resolver.js

@@ -0,0 +1,22 @@
+/**
+ * Resolve a SizeInput (number | "fill" | "hug") to a concrete number.
+ *
+ * - number → returned as-is
+ * - "fill" → fills the available parent size
+ * - "hug"  → shrinks to the size of contents
+ *
+ * Pure: no node references, no rendering.
+ */
+export function resolveSize(input, availableSize, contentSize) {
+    if (typeof input === "number")
+        return input;
+    if (input === "fill")
+        return availableSize;
+    if (input === "hug")
+        return contentSize;
+    return availableSize;
+}
+export function isAutoSize(input) {
+    return typeof input !== "number";
+}
+//# sourceMappingURL=size-resolver.js.map

package/dist/layout/size-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-resolver.js","sourceRoot":"","sources":["../../src/layout/size-resolver.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,KAAgB,EAAE,aAAqB,EAAE,WAAmB;IACpF,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,aAAa,CAAC;IAC3C,IAAI,KAAK,KAAK,KAAK;QAAE,OAAO,WAAW,CAAC;IACxC,OAAO,aAAa,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAgB;IACvC,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC;AACrC,CAAC"}

package/dist/layout/size-resolver.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=size-resolver.test.d.ts.map

package/dist/layout/size-resolver.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-resolver.test.d.ts","sourceRoot":"","sources":["../../src/layout/size-resolver.test.ts"],"names":[],"mappings":""}

package/dist/layout/size-resolver.test.js

@@ -0,0 +1,24 @@
+import { describe, it, expect } from 'vitest';
+import { resolveSize, isAutoSize } from '@/layout/size-resolver';
+describe('resolveSize', () => {
+    it('returns a fixed number as-is', () => {
+        expect(resolveSize(120, 500, 80)).toBe(120);
+    });
+    it('"fill" returns the available size', () => {
+        expect(resolveSize('fill', 500, 80)).toBe(500);
+    });
+    it('"hug" returns the content size', () => {
+        expect(resolveSize('hug', 500, 80)).toBe(80);
+    });
+});
+describe('isAutoSize', () => {
+    it('is false for fixed numbers', () => {
+        expect(isAutoSize(100)).toBe(false);
+        expect(isAutoSize(0)).toBe(false);
+    });
+    it('is true for "fill" and "hug"', () => {
+        expect(isAutoSize('fill')).toBe(true);
+        expect(isAutoSize('hug')).toBe(true);
+    });
+});
+//# sourceMappingURL=size-resolver.test.js.map

package/dist/layout/size-resolver.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-resolver.test.js","sourceRoot":"","sources":["../../src/layout/size-resolver.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEjE,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/layout/tweens.d.ts

@@ -0,0 +1,5 @@
+import { PaddingResolved } from "../attributes/layout/padding";
+import { SizeInput } from "../attributes/layout/size";
+export declare function lerpSizeInput(from: SizeInput, to: SizeInput, t: number): SizeInput;
+export declare function lerpEdgeInset(from: PaddingResolved, to: PaddingResolved, t: number): PaddingResolved;
+//# sourceMappingURL=tweens.d.ts.map

package/dist/layout/tweens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tweens.d.ts","sourceRoot":"","sources":["../../src/layout/tweens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAKlF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,GAAG,eAAe,CAOpG"}

package/dist/layout/tweens.js

@@ -0,0 +1,16 @@
+import { lerpNumber } from "../tween/lerp";
+export function lerpSizeInput(from, to, t) {
+    if (typeof from === "number" && typeof to === "number") {
+        return lerpNumber(from, to, t);
+    }
+    return t === 1 ? to : from;
+}
+export function lerpEdgeInset(from, to, t) {
+    return {
+        left: lerpNumber(from.left, to.left, t),
+        right: lerpNumber(from.right, to.right, t),
+        top: lerpNumber(from.top, to.top, t),
+        bottom: lerpNumber(from.bottom, to.bottom, t),
+    };
+}
+//# sourceMappingURL=tweens.js.map

package/dist/layout/tweens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tweens.js","sourceRoot":"","sources":["../../src/layout/tweens.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,UAAU,aAAa,CAAC,IAAe,EAAE,EAAa,EAAE,CAAS;IACnE,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;QACrD,OAAO,UAAU,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACnC,CAAC;IACD,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAqB,EAAE,EAAmB,EAAE,CAAS;IAC/E,OAAO;QACH,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QACvC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;QAC1C,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;QACpC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;KAChD,CAAC;AACN,CAAC"}

package/dist/layout/tweens.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tweens.test.d.ts.map

package/dist/layout/tweens.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tweens.test.d.ts","sourceRoot":"","sources":["../../src/layout/tweens.test.ts"],"names":[],"mappings":""}

package/dist/layout/tweens.test.js

@@ -0,0 +1,26 @@
+import { describe, it, expect } from 'vitest';
+import { lerpSizeInput, lerpEdgeInset } from '@/layout/tweens';
+describe('lerpSizeInput', () => {
+    it('interpolates between two numbers', () => {
+        expect(lerpSizeInput(0, 100, 0.5)).toBe(50);
+    });
+    it('hard-switches to the target at t=1 when a keyword is involved', () => {
+        expect(lerpSizeInput(100, 'fill', 1)).toBe('fill');
+    });
+    it('holds the source before t=1 when a keyword is involved', () => {
+        expect(lerpSizeInput(100, 'fill', 0.9)).toBe(100);
+        expect(lerpSizeInput('hug', 50, 0.5)).toBe('hug');
+    });
+});
+describe('lerpEdgeInset', () => {
+    const a = { left: 0, right: 0, top: 0, bottom: 0 };
+    const b = { left: 10, right: 20, top: 30, bottom: 40 };
+    it('interpolates each side independently', () => {
+        expect(lerpEdgeInset(a, b, 0.5)).toEqual({ left: 5, right: 10, top: 15, bottom: 20 });
+    });
+    it('returns the endpoints at t=0 and t=1', () => {
+        expect(lerpEdgeInset(a, b, 0)).toEqual(a);
+        expect(lerpEdgeInset(a, b, 1)).toEqual(b);
+    });
+});
+//# sourceMappingURL=tweens.test.js.map

package/dist/layout/tweens.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tweens.test.js","sourceRoot":"","sources":["../../src/layout/tweens.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG/D,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACrE,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAC9D,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAClD,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC3B,MAAM,CAAC,GAAoB,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IACpE,MAAM,CAAC,GAAoB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAExE,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/nodes/base/boolean-node.d.ts

@@ -0,0 +1,14 @@
+import { RenderContext } from "../../render/render-context";
+import { NodeConfig } from "./node";
+import { ShapeNode, ShapeProps } from "../../nodes/geometry/shape-node";
+import { BooleanOperation } from "../../attributes/mask/boolean";
+export interface BooleanGroupProps extends ShapeProps {
+    op: BooleanOperation;
+}
+export declare class BooleanGroup extends ShapeNode<BooleanGroupProps> {
+    op: BooleanOperation;
+    constructor(props: NodeConfig<BooleanGroup, BooleanGroupProps>);
+    protected renderSelf(_ctx: RenderContext): void;
+    onRender(ctx: RenderContext): void;
+}
+//# sourceMappingURL=boolean-node.d.ts.map

package/dist/nodes/base/boolean-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-node.d.ts","sourceRoot":"","sources":["../../../src/nodes/base/boolean-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACjD,EAAE,EAAE,gBAAgB,CAAC;CACxB;AAUD,qBAAa,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAElD,EAAE,EAAE,gBAAgB,CAAC;gBAEjB,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,iBAAiB,CAAC;IAM9D,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAE/C,QAAQ,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;CAgBrC"}

package/dist/nodes/base/boolean-node.js

@@ -0,0 +1,34 @@
+import { ShapeNode } from "../../nodes/geometry/shape-node";
+// Figma-style non-destructive boolean operation node. Children remain
+// independently editable; their geometry is combined at render time using
+// `op` (union | subtract | intersect | exclude) and the result is filled and
+// stroked using the BooleanGroup's own fill / stroke / shadow props.
+//
+// Children of any depth that produce paths (Rect, Ellipse, Path, nested
+// BooleanGroup) contribute. Their own fills/strokes are suppressed during
+// the collection phase since only the combined silhouette is drawn.
+export class BooleanGroup extends ShapeNode {
+    constructor(props) {
+        super(props);
+        this.applyProp("op", props.op ?? "union");
+    }
+    // Required by ShapeNode but unused here — onRender is fully overridden.
+    renderSelf(_ctx) { }
+    onRender(ctx) {
+        // Apply only this node's own transform. We deliberately bypass
+        // ShapeNode's onRender (which would draw the shape and then render
+        // children directly) — we want children to feed into the boolean
+        // collection instead of drawing themselves.
+        this.applyTransform(ctx);
+        ctx.beginBoolean(this.op);
+        for (const child of this._children)
+            child.render(ctx);
+        // endBoolean leaves the combined path as the active shape so the
+        // chained shadow / fill / stroke calls below paint it.
+        ctx.endBoolean()
+            .shadow(this.shadow)
+            .fill(this.fill)
+            .stroke(this.stroke);
+    }
+}
+//# sourceMappingURL=boolean-node.js.map

package/dist/nodes/base/boolean-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-node.js","sourceRoot":"","sources":["../../../src/nodes/base/boolean-node.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAc,MAAM,6BAA6B,CAAC;AAMpE,sEAAsE;AACtE,0EAA0E;AAC1E,6EAA6E;AAC7E,qEAAqE;AACrE,EAAE;AACF,wEAAwE;AACxE,0EAA0E;AAC1E,oEAAoE;AACpE,MAAM,OAAO,YAAa,SAAQ,SAA4B;IAI1D,YAAY,KAAkD;QAC1D,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,wEAAwE;IAC9D,UAAU,CAAC,IAAmB,IAAU,CAAC;IAEnD,QAAQ,CAAC,GAAkB;QACvB,+DAA+D;QAC/D,mEAAmE;QACnE,iEAAiE;QACjE,4CAA4C;QAC5C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAEzB,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1B,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,SAAS;YAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACtD,iEAAiE;QACjE,uDAAuD;QACvD,GAAG,CAAC,UAAU,EAAE;aACX,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;aACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;aACf,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;CACJ"}

package/dist/nodes/base/camera-node.d.ts

@@ -0,0 +1,27 @@
+import { RenderContext } from "../../render/render-context";
+import { Vector2 } from "../../attributes/layout/vector2";
+import { Node, NodeConfig, NodeProps } from "./node";
+export interface CameraProps extends NodeProps {
+    /** Magnification factor. Values > 1 zoom in; < 1 zoom out. */
+    zoom: number;
+    /** World-space point that maps to the centre of the camera viewport. */
+    centerOn: Vector2;
+    /** Rotation of the camera view in degrees (clockwise). */
+    heading: number;
+}
+/**
+ * Camera node — renders its children through a viewport transform defined by
+ * `zoom`, `centerOn`, and `heading`. The camera's own layout rect determines
+ * the viewport bounds on screen.
+ */
+export declare class Camera extends Node<CameraProps> {
+    /** Magnification factor (default: 1). */
+    zoom: number;
+    /** World-space focus point (default: {x:0, y:0}). */
+    centerOn: Vector2;
+    /** View rotation in degrees (default: 0). */
+    heading: number;
+    constructor(props: NodeConfig<Camera, CameraProps>);
+    onRender(ctx: RenderContext): void;
+}
+//# sourceMappingURL=camera-node.d.ts.map

package/dist/nodes/base/camera-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera-node.d.ts","sourceRoot":"","sources":["../../../src/nodes/base/camera-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD,OAAO,EAAe,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAErD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC1C,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,QAAQ,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,qBAAa,MAAO,SAAQ,IAAI,CAAC,WAAW,CAAC;IAEzC,yCAAyC;IACjC,IAAI,EAAE,MAAM,CAAC;IACrB,qDAAqD;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAC1B,6CAA6C;IACrC,OAAO,EAAE,MAAM,CAAC;gBAEZ,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC;IAOlD,QAAQ,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;CAsBrC"}

package/dist/nodes/base/camera-node.js

@@ -0,0 +1,31 @@
+import { lerpNumber } from "../../tween/lerp";
+import { lerpVector2 } from "../../attributes/layout/vector2";
+import { Node } from "./node";
+/**
+ * Camera node — renders its children through a viewport transform defined by
+ * `zoom`, `centerOn`, and `heading`. The camera's own layout rect determines
+ * the viewport bounds on screen.
+ */
+export class Camera extends Node {
+    constructor(props) {
+        super(props);
+        this.applyProp("zoom", props.zoom ?? 1, { tween: lerpNumber });
+        this.applyProp("centerOn", props.centerOn ?? { x: 0, y: 0 }, { tween: lerpVector2 });
+        this.applyProp("heading", props.heading ?? 0, { tween: lerpNumber });
+    }
+    onRender(ctx) {
+        // Apply the node's own transform (position, scale, rotate, opacity, effects).
+        // Children are rendered inside the camera scope below, not by the base.
+        this.applyTransform(ctx);
+        const rect = this.layoutRect;
+        const w = rect?.width ?? 0;
+        const h = rect?.height ?? 0;
+        const cx = rect?.x ?? 0;
+        const cy = rect?.y ?? 0;
+        ctx.beginCamera({ x: cx, y: -cy, width: w, height: h }, this.centerOn, this.zoom, this.heading);
+        for (const child of this._children)
+            child.render(ctx);
+        ctx.endCamera();
+    }
+}
+//# sourceMappingURL=camera-node.js.map

package/dist/nodes/base/camera-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera-node.js","sourceRoot":"","sources":["../../../src/nodes/base/camera-node.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,WAAW,EAAW,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAyB,MAAM,QAAQ,CAAC;AAWrD;;;;GAIG;AACH,MAAM,OAAO,MAAO,SAAQ,IAAiB;IASzC,YAAY,KAAsC;QAC9C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;QAC/D,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;QACrF,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;IACzE,CAAC;IAED,QAAQ,CAAC,GAAkB;QACvB,8EAA8E;QAC9E,wEAAwE;QACxE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAEzB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;QAC7B,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC;QAC3B,MAAM,CAAC,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC;QAC5B,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;QACxB,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;QAExB,GAAG,CAAC,WAAW,CACX,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACtC,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,OAAO,CACf,CAAC;QAEF,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,SAAS;YAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAEtD,GAAG,CAAC,SAAS,EAAE,CAAC;IACpB,CAAC;CACJ"}

package/dist/nodes/base/mask-node.d.ts

@@ -0,0 +1,14 @@
+import { RenderContext } from "../../render/render-context";
+import { Node, NodeConfig, NodeProps } from "./node";
+import { MaskMode } from "../../attributes/mask/mask";
+export interface MaskGroupProps extends NodeProps {
+    mode: MaskMode;
+    inverted: boolean;
+}
+export declare class MaskGroup extends Node<MaskGroupProps> {
+    mode: MaskMode;
+    inverted: boolean;
+    constructor(props: NodeConfig<MaskGroup, MaskGroupProps>);
+    onRender(ctx: RenderContext): void;
+}
+//# sourceMappingURL=mask-node.d.ts.map

package/dist/nodes/base/mask-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-node.d.ts","sourceRoot":"","sources":["../../../src/nodes/base/mask-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAK7C,IAAI,EAAE,QAAQ,CAAC;IAEf,QAAQ,EAAE,OAAO,CAAC;CACrB;AAUD,qBAAa,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC;IAEvC,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;gBAEd,KAAK,EAAE,UAAU,CAAC,SAAS,EAAE,cAAc,CAAC;IAMxD,QAAQ,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;CAsBrC"}

package/dist/nodes/base/mask-node.js

@@ -0,0 +1,37 @@
+import { Node } from "./node";
+// Figma-style mask container. The first child is treated as the mask shape;
+// remaining children are content clipped by it. Switch `mode` between
+// "alpha" (full alpha mask), "vector" (path-only clip; fastest), and
+// "luminance" (mask brightness drives visibility). `inverted` flips the mask
+// to subtract mode.
+//
+// If there is only a single child, it renders normally (a single child with
+// no content to mask is a no-op aside from drawing the child itself).
+export class MaskGroup extends Node {
+    constructor(props) {
+        super(props);
+        this.applyProp("mode", props.mode ?? "alpha");
+        this.applyProp("inverted", props.inverted ?? false);
+    }
+    onRender(ctx) {
+        // Apply own transform. Children's spaces are nested inside this.
+        // Children are rendered through the mask scope below, not by the base.
+        this.applyTransform(ctx);
+        if (this._children.length === 0)
+            return;
+        const [mask, ...content] = this._children;
+        if (content.length === 0) {
+            // Nothing to clip — render the mask child as-is so authors can
+            // wire up the tree before adding content.
+            mask.render(ctx);
+            return;
+        }
+        ctx.beginMask({ mode: this.mode, inverted: this.inverted });
+        mask.render(ctx);
+        ctx.applyMask();
+        for (const child of content)
+            child.render(ctx);
+        ctx.endMask();
+    }
+}
+//# sourceMappingURL=mask-node.js.map

package/dist/nodes/base/mask-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-node.js","sourceRoot":"","sources":["../../../src/nodes/base/mask-node.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAyB,MAAM,QAAQ,CAAC;AAarD,4EAA4E;AAC5E,sEAAsE;AACtE,qEAAqE;AACrE,6EAA6E;AAC7E,oBAAoB;AACpB,EAAE;AACF,4EAA4E;AAC5E,sEAAsE;AACtE,MAAM,OAAO,SAAU,SAAQ,IAAoB;IAK/C,YAAY,KAA4C;QACpD,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC;IACxD,CAAC;IAED,QAAQ,CAAC,GAAkB;QACvB,iEAAiE;QACjE,uEAAuE;QACvE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAEzB,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAExC,MAAM,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QAE1C,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,+DAA+D;YAC/D,0CAA0C;YAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACjB,OAAO;QACX,CAAC;QAED,GAAG,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC5D,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACjB,GAAG,CAAC,SAAS,EAAE,CAAC;QAChB,KAAK,MAAM,KAAK,IAAI,OAAO;YAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC/C,GAAG,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;CACJ"}