@smoove/transitions 0.1.1

package/dist/presentations/index.js

@@ -0,0 +1,21 @@
+// Tier A — geometric (Konva-native).
+export { bookFlip } from "./book-flip.js";
+export { clockWipe } from "./clock-wipe.js";
+export { crossZoom } from "./cross-zoom.js";
+export { crosswarp } from "./crosswarp.js";
+// Tier B — GLSL shaders (shared WebGL compositor).
+export { dissolve } from "./dissolve.js";
+export { dreamyZoom } from "./dreamy-zoom.js";
+export { fade } from "./fade.js";
+export { filmBurn } from "./film-burn.js";
+export { flip } from "./flip.js";
+export { iris } from "./iris.js";
+export { linearBlur } from "./linear-blur.js";
+export { none } from "./none.js";
+export { ripple } from "./ripple.js";
+export { slide } from "./slide.js";
+export { swap } from "./swap.js";
+export { wipe } from "./wipe.js";
+export { zoomBlur } from "./zoom-blur.js";
+export { zoomInOut } from "./zoom-in-out.js";
+//# sourceMappingURL=index.js.map

package/dist/presentations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/presentations/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,EAA8C,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACtF,OAAO,EAAuB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChE,mDAAmD;AACnD,OAAO,EAAsB,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAwB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAsB,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAsC,IAAI,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAkB,IAAI,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAwB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAoB,MAAM,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAwC,KAAK,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAkB,IAAI,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAsC,IAAI,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAsB,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAuB,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/presentations/iris.d.ts

@@ -0,0 +1,12 @@
+import type { Presentation } from "../types.js";
+export type IrisProps = {
+    width?: number;
+    height?: number;
+};
+/**
+ * Circular reveal: the incoming layer is clipped to a circle that grows from
+ * the centre to cover the frame. Mirrors Remotion's `iris`. `width`/`height`
+ * default to the Composition stage size.
+ */
+export declare function iris(props?: IrisProps): Presentation;
+//# sourceMappingURL=iris.d.ts.map

package/dist/presentations/iris.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iris.d.ts","sourceRoot":"","sources":["../../src/presentations/iris.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,KAAK,GAAE,SAAc,GAAG,YAAY,CAcxD"}

package/dist/presentations/iris.js

@@ -0,0 +1,21 @@
+/**
+ * Circular reveal: the incoming layer is clipped to a circle that grows from
+ * the centre to cover the frame. Mirrors Remotion's `iris`. `width`/`height`
+ * default to the Composition stage size.
+ */
+export function iris(props = {}) {
+    return {
+        enter(layer, progress, dims) {
+            const width = props.width ?? dims.width;
+            const height = props.height ?? dims.height;
+            const maxRadius = Math.sqrt(width * width + height * height) / 2;
+            const radius = maxRadius * progress;
+            layer.clipFunc((ctx) => {
+                ctx.arc(width / 2, height / 2, Math.max(radius, 0), 0, Math.PI * 2, false);
+            });
+        },
+        // Outgoing scene stays visible under the expanding iris.
+        exit() { },
+    };
+}
+//# sourceMappingURL=iris.js.map

package/dist/presentations/iris.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iris.js","sourceRoot":"","sources":["../../src/presentations/iris.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,QAAmB,EAAE;IACxC,OAAO;QACL,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI;YACzB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;YACxC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;YAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YACjE,MAAM,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;YACpC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE;gBACrB,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;YAC7E,CAAC,CAAC,CAAC;QACL,CAAC;QACD,yDAAyD;QACzD,IAAI,KAAI,CAAC;KACV,CAAC;AACJ,CAAC"}

package/dist/presentations/linear-blur.d.ts

@@ -0,0 +1,7 @@
+import type { Presentation } from "../types.js";
+export type LinearBlurProps = {
+    intensity?: number;
+};
+/** Directionless blur cross-dissolve (gl-transitions `LinearBlur`). */
+export declare function linearBlur(props?: LinearBlurProps): Presentation;
+//# sourceMappingURL=linear-blur.d.ts.map

package/dist/presentations/linear-blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-blur.d.ts","sourceRoot":"","sources":["../../src/presentations/linear-blur.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA4ChD,MAAM,MAAM,eAAe,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,KAAK,GAAE,eAAoB,GAAG,YAAY,CAGpE"}

package/dist/presentations/linear-blur.js

@@ -0,0 +1,47 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/LinearBlur
+// Author: gre · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_intensity;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+const int PASSES = 6;
+
+vec4 transition(vec2 uv, float progress) {
+	vec4 c1 = vec4(0.0);
+	vec4 c2 = vec4(0.0);
+
+	float disp = u_intensity * (0.5 - distance(0.5, progress));
+	for (int xi = 0; xi < PASSES; xi++) {
+		float x = float(xi) / float(PASSES) - 0.5;
+		for (int yi = 0; yi < PASSES; yi++) {
+			float y = float(yi) / float(PASSES) - 0.5;
+			vec2 v = vec2(x, y);
+			c1 += texture(u_prev, uv + disp * v);
+			c2 += texture(u_next, uv + disp * v);
+		}
+	}
+
+	c1 /= float(PASSES * PASSES);
+	c2 /= float(PASSES * PASSES);
+	return mix(c1, c2, progress);
+}
+
+void main() {
+	float progress = 1.0 - u_time;
+	outColor = transition(v_uv, progress);
+}`;
+const DEFAULT_INTENSITY = 0.1;
+/** Directionless blur cross-dissolve (gl-transitions `LinearBlur`). */
+export function linearBlur(props = {}) {
+    const intensity = props.intensity ?? DEFAULT_INTENSITY;
+    return glTransition(FRAGMENT, () => ({ u_intensity: intensity }));
+}
+//# sourceMappingURL=linear-blur.js.map

package/dist/presentations/linear-blur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-blur.js","sourceRoot":"","sources":["../../src/presentations/linear-blur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,4DAA4D;AAC5D,6BAA6B;AAC7B,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAI9B,uEAAuE;AACvE,MAAM,UAAU,UAAU,CAAC,QAAyB,EAAE;IACpD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,iBAAiB,CAAC;IACvD,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;AACpE,CAAC"}

package/dist/presentations/none.d.ts

@@ -0,0 +1,8 @@
+import type { Presentation } from "../types.js";
+/**
+ * Hard cut — no visual transform. The incoming layer (on top) simply replaces
+ * the outgoing one for the overlap window. Useful for driving custom effects
+ * off the timing alone. Mirrors Remotion's `none`.
+ */
+export declare function none(): Presentation;
+//# sourceMappingURL=none.d.ts.map

package/dist/presentations/none.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/presentations/none.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;GAIG;AACH,wBAAgB,IAAI,IAAI,YAAY,CAKnC"}

package/dist/presentations/none.js

@@ -0,0 +1,12 @@
+/**
+ * Hard cut — no visual transform. The incoming layer (on top) simply replaces
+ * the outgoing one for the overlap window. Useful for driving custom effects
+ * off the timing alone. Mirrors Remotion's `none`.
+ */
+export function none() {
+    return {
+        enter() { },
+        exit() { },
+    };
+}
+//# sourceMappingURL=none.js.map

package/dist/presentations/none.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"none.js","sourceRoot":"","sources":["../../src/presentations/none.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,UAAU,IAAI;IAClB,OAAO;QACL,KAAK,KAAI,CAAC;QACV,IAAI,KAAI,CAAC;KACV,CAAC;AACJ,CAAC"}

package/dist/presentations/ripple.d.ts

@@ -0,0 +1,8 @@
+import type { Presentation } from "../types.js";
+export type RippleProps = {
+    amplitude?: number;
+    speed?: number;
+};
+/** Concentric ripple cross-dissolve (gl-transitions `ripple`). */
+export declare function ripple(props?: RippleProps): Presentation;
+//# sourceMappingURL=ripple.d.ts.map

package/dist/presentations/ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../src/presentations/ripple.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAmChD,MAAM,MAAM,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjE,kEAAkE;AAClE,wBAAgB,MAAM,CAAC,KAAK,GAAE,WAAgB,GAAG,YAAY,CAI5D"}

package/dist/presentations/ripple.js

@@ -0,0 +1,39 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/ripple
+// Author: gre · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_amplitude;
+uniform float u_speed;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+vec4 transition(vec2 uv, float progress) {
+	vec2 dir = uv - vec2(0.5);
+	float dist = length(dir);
+	vec2 offset = dir * (sin(progress * dist * u_amplitude - progress * u_speed) + 0.5) / 30.0 * progress;
+	return mix(
+		texture(u_next, uv + offset),
+		texture(u_prev, uv),
+		smoothstep(0.2, 1.0, progress)
+	);
+}
+
+void main() {
+	float progress = u_time;
+	outColor = transition(v_uv, progress);
+}`;
+const DEFAULT_AMPLITUDE = 100.0;
+const DEFAULT_SPEED = 50.0;
+/** Concentric ripple cross-dissolve (gl-transitions `ripple`). */
+export function ripple(props = {}) {
+    const amplitude = props.amplitude ?? DEFAULT_AMPLITUDE;
+    const speed = props.speed ?? DEFAULT_SPEED;
+    return glTransition(FRAGMENT, () => ({ u_amplitude: amplitude, u_speed: speed }));
+}
+//# sourceMappingURL=ripple.js.map

package/dist/presentations/ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../src/presentations/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,wDAAwD;AACxD,6BAA6B;AAC7B,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;EA0Bf,CAAC;AAEH,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAChC,MAAM,aAAa,GAAG,IAAI,CAAC;AAI3B,kEAAkE;AAClE,MAAM,UAAU,MAAM,CAAC,QAAqB,EAAE;IAC5C,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,iBAAiB,CAAC;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC;IAC3C,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACpF,CAAC"}

package/dist/presentations/slide.d.ts

@@ -0,0 +1,11 @@
+import type { Presentation } from "../types.js";
+export type SlideDirection = "from-left" | "from-right" | "from-top" | "from-bottom";
+export type SlideProps = {
+    direction?: SlideDirection;
+};
+/**
+ * Translate the incoming layer in from `direction` while pushing the outgoing
+ * layer out the opposite side. Mirrors Remotion's `slide`.
+ */
+export declare function slide(props?: SlideProps): Presentation;
+//# sourceMappingURL=slide.d.ts.map

package/dist/presentations/slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../src/presentations/slide.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;AAErF,MAAM,MAAM,UAAU,GAAG;IAAE,SAAS,CAAC,EAAE,cAAc,CAAA;CAAE,CAAC;AAExD;;;GAGG;AACH,wBAAgB,KAAK,CAAC,KAAK,GAAE,UAAe,GAAG,YAAY,CAqC1D"}

package/dist/presentations/slide.js

@@ -0,0 +1,43 @@
+/**
+ * Translate the incoming layer in from `direction` while pushing the outgoing
+ * layer out the opposite side. Mirrors Remotion's `slide`.
+ */
+export function slide(props = {}) {
+    const direction = props.direction ?? "from-left";
+    return {
+        enter(layer, progress, { width, height }) {
+            const t = 1 - progress; // 1 → fully off-screen, 0 → in place
+            switch (direction) {
+                case "from-left":
+                    layer.position({ x: -width * t, y: 0 });
+                    break;
+                case "from-right":
+                    layer.position({ x: width * t, y: 0 });
+                    break;
+                case "from-top":
+                    layer.position({ x: 0, y: -height * t });
+                    break;
+                case "from-bottom":
+                    layer.position({ x: 0, y: height * t });
+                    break;
+            }
+        },
+        exit(layer, progress, { width, height }) {
+            switch (direction) {
+                case "from-left":
+                    layer.position({ x: width * progress, y: 0 });
+                    break;
+                case "from-right":
+                    layer.position({ x: -width * progress, y: 0 });
+                    break;
+                case "from-top":
+                    layer.position({ x: 0, y: height * progress });
+                    break;
+                case "from-bottom":
+                    layer.position({ x: 0, y: -height * progress });
+                    break;
+            }
+        },
+    };
+}
+//# sourceMappingURL=slide.js.map

package/dist/presentations/slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../src/presentations/slide.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,QAAoB,EAAE;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,WAAW,CAAC;IACjD,OAAO;QACL,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACtC,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,qCAAqC;YAC7D,QAAQ,SAAS,EAAE,CAAC;gBAClB,KAAK,WAAW;oBACd,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBACxC,MAAM;gBACR,KAAK,YAAY;oBACf,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBACvC,MAAM;gBACR,KAAK,UAAU;oBACb,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;oBACzC,MAAM;gBACR,KAAK,aAAa;oBAChB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;oBACxC,MAAM;YACV,CAAC;QACH,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACrC,QAAQ,SAAS,EAAE,CAAC;gBAClB,KAAK,WAAW;oBACd,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBAC9C,MAAM;gBACR,KAAK,YAAY;oBACf,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBAC/C,MAAM;gBACR,KAAK,UAAU;oBACb,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC,CAAC;oBAC/C,MAAM;gBACR,KAAK,aAAa;oBAChB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,GAAG,QAAQ,EAAE,CAAC,CAAC;oBAChD,MAAM;YACV,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/presentations/swap.d.ts

@@ -0,0 +1,9 @@
+import type { Presentation } from "../types.js";
+export type SwapProps = {
+    reflection?: number;
+    perspective?: number;
+    depth?: number;
+};
+/** Perspective card swap with floor reflection (gl-transitions `swap`). */
+export declare function swap(props?: SwapProps): Presentation;
+//# sourceMappingURL=swap.d.ts.map

package/dist/presentations/swap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap.d.ts","sourceRoot":"","sources":["../../src/presentations/swap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAsFhD,MAAM,MAAM,SAAS,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtF,2EAA2E;AAC3E,wBAAgB,IAAI,CAAC,KAAK,GAAE,SAAc,GAAG,YAAY,CASxD"}

package/dist/presentations/swap.js

@@ -0,0 +1,95 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/swap
+// Author: gre - License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_reflection;
+uniform float u_perspective;
+uniform float u_depth;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+const vec4 black = vec4(0.0, 0.0, 0.0, 1.0);
+const vec2 boundMin = vec2(0.0, 0.0);
+const vec2 boundMax = vec2(1.0, 1.0);
+
+bool inBounds(vec2 p) {
+	return all(lessThan(boundMin, p)) && all(lessThan(p, boundMax));
+}
+
+vec2 project(vec2 p) {
+	return p * vec2(1.0, -1.2) + vec2(0.0, 2.22);
+}
+
+vec4 bgColor(vec2 p, vec2 pfr, vec2 pto) {
+	vec4 c = black;
+	pfr = project(pfr);
+	if (inBounds(pfr)) {
+		c += mix(black, texture(u_prev, pfr), u_reflection * mix(1.0, 0.0, pfr.y));
+	}
+	pto = project(pto);
+	if (inBounds(pto)) {
+		c += mix(black, texture(u_next, pto), u_reflection * mix(1.0, 0.0, pto.y));
+	}
+	return c;
+}
+
+vec4 transition(vec2 p, float progress) {
+	vec2 pfr;
+	vec2 pto = vec2(-1.0);
+
+	float size = mix(1.0, u_depth, progress);
+	float persp = u_perspective * progress;
+	pfr = (p + vec2(-0.0, -0.5)) * vec2(
+		size / (1.0 - u_perspective * progress),
+		size / (1.0 - size * persp * p.x)
+	) + vec2(0.0, 0.5);
+
+	size = mix(1.0, u_depth, 1.0 - progress);
+	persp = u_perspective * (1.0 - progress);
+	pto = (p + vec2(-1.0, -0.5)) * vec2(
+		size / (1.0 - u_perspective * (1.0 - progress)),
+		size / (1.0 - size * persp * (0.5 - p.x))
+	) + vec2(1.0, 0.5);
+
+	if (progress < 0.5) {
+		if (inBounds(pfr)) {
+			return texture(u_prev, pfr);
+		}
+		if (inBounds(pto)) {
+			return texture(u_next, pto);
+		}
+	}
+	if (inBounds(pto)) {
+		return texture(u_next, pto);
+	}
+	if (inBounds(pfr)) {
+		return texture(u_prev, pfr);
+	}
+	return bgColor(p, pfr, pto);
+}
+
+void main() {
+	float progress = 1.0 - u_time;
+	outColor = transition(v_uv, progress);
+}`;
+const DEFAULT_REFLECTION = 0.4;
+const DEFAULT_PERSPECTIVE = 0.2;
+const DEFAULT_DEPTH = 3.0;
+/** Perspective card swap with floor reflection (gl-transitions `swap`). */
+export function swap(props = {}) {
+    const reflection = props.reflection ?? DEFAULT_REFLECTION;
+    const perspective = props.perspective ?? DEFAULT_PERSPECTIVE;
+    const depth = props.depth ?? DEFAULT_DEPTH;
+    return glTransition(FRAGMENT, () => ({
+        u_reflection: reflection,
+        u_perspective: perspective,
+        u_depth: depth,
+    }));
+}
+//# sourceMappingURL=swap.js.map

package/dist/presentations/swap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap.js","sourceRoot":"","sources":["../../src/presentations/swap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,sDAAsD;AACtD,6BAA6B;AAC7B,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4Ef,CAAC;AAEH,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAChC,MAAM,aAAa,GAAG,GAAG,CAAC;AAI1B,2EAA2E;AAC3E,MAAM,UAAU,IAAI,CAAC,QAAmB,EAAE;IACxC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,kBAAkB,CAAC;IAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,mBAAmB,CAAC;IAC7D,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC;IAC3C,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;QACnC,YAAY,EAAE,UAAU;QACxB,aAAa,EAAE,WAAW;QAC1B,OAAO,EAAE,KAAK;KACf,CAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/presentations/wipe.d.ts

@@ -0,0 +1,12 @@
+import type { Presentation } from "../types.js";
+export type WipeDirection = "from-left" | "from-right" | "from-top" | "from-bottom";
+export type WipeProps = {
+    direction?: WipeDirection;
+};
+/**
+ * Reveal the incoming layer behind a moving rectangular edge (a `clipFunc` on
+ * the incoming layer); the outgoing layer stays put underneath. Mirrors
+ * Remotion's `wipe`.
+ */
+export declare function wipe(props?: WipeProps): Presentation;
+//# sourceMappingURL=wipe.d.ts.map

package/dist/presentations/wipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wipe.d.ts","sourceRoot":"","sources":["../../src/presentations/wipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;AAEpF,MAAM,MAAM,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;AAEtD;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,KAAK,GAAE,SAAc,GAAG,YAAY,CAwBxD"}

package/dist/presentations/wipe.js

@@ -0,0 +1,31 @@
+/**
+ * Reveal the incoming layer behind a moving rectangular edge (a `clipFunc` on
+ * the incoming layer); the outgoing layer stays put underneath. Mirrors
+ * Remotion's `wipe`.
+ */
+export function wipe(props = {}) {
+    const direction = props.direction ?? "from-left";
+    return {
+        enter(layer, progress, { width, height }) {
+            layer.clipFunc((ctx) => {
+                switch (direction) {
+                    case "from-left":
+                        ctx.rect(0, 0, width * progress, height);
+                        break;
+                    case "from-right":
+                        ctx.rect(width * (1 - progress), 0, width * progress, height);
+                        break;
+                    case "from-top":
+                        ctx.rect(0, 0, width, height * progress);
+                        break;
+                    case "from-bottom":
+                        ctx.rect(0, height * (1 - progress), width, height * progress);
+                        break;
+                }
+            });
+        },
+        // Outgoing scene is untouched — it stays fully visible under the wipe.
+        exit() { },
+    };
+}
+//# sourceMappingURL=wipe.js.map

package/dist/presentations/wipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wipe.js","sourceRoot":"","sources":["../../src/presentations/wipe.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,QAAmB,EAAE;IACxC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,WAAW,CAAC;IACjD,OAAO;QACL,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACtC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE;gBACrB,QAAQ,SAAS,EAAE,CAAC;oBAClB,KAAK,WAAW;wBACd,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;wBACzC,MAAM;oBACR,KAAK,YAAY;wBACf,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;wBAC9D,MAAM;oBACR,KAAK,UAAU;wBACb,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;wBACzC,MAAM;oBACR,KAAK,aAAa;wBAChB,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;wBAC/D,MAAM;gBACV,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;QACD,uEAAuE;QACvE,IAAI,KAAI,CAAC;KACV,CAAC;AACJ,CAAC"}

package/dist/presentations/zoom-blur.d.ts

@@ -0,0 +1,7 @@
+import type { Presentation } from "../types.js";
+export type ZoomBlurProps = {
+    rotation?: number;
+};
+/** Counter-rotating radial zoom blur (Remotion-original `zoomBlur`). */
+export declare function zoomBlur(props?: ZoomBlurProps): Presentation;
+//# sourceMappingURL=zoom-blur.d.ts.map

package/dist/presentations/zoom-blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-blur.d.ts","sourceRoot":"","sources":["../../src/presentations/zoom-blur.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA+DhD,MAAM,MAAM,aAAa,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAElD,wEAAwE;AACxE,wBAAgB,QAAQ,CAAC,KAAK,GAAE,aAAkB,GAAG,YAAY,CAMhE"}

package/dist/presentations/zoom-blur.js

@@ -0,0 +1,69 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Symmetric counter-rotating zoom blur. Remotion-original shader.
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+uniform float u_aspect;
+uniform float u_max_angle;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+const int SAMPLES = 16;
+const float STRENGTH = 0.35;
+
+vec2 transformUV(vec2 uv, float angle, float scale) {
+	vec2 p = uv - 0.5;
+	p.x *= u_aspect;
+	p /= scale;
+	float c = cos(-angle);
+	float s = sin(-angle);
+	p = vec2(p.x * c - p.y * s, p.x * s + p.y * c);
+	p.x /= u_aspect;
+	return p + 0.5;
+}
+
+float coverScale(float angle) {
+	float c = abs(cos(angle));
+	float s = abs(sin(angle));
+	float ar = max(u_aspect, 1.0 / u_aspect);
+	return c + ar * s;
+}
+
+vec4 zoomBlur(sampler2D tex, vec2 uv, float strength) {
+	vec2 dir = uv - 0.5;
+	vec4 acc = vec4(0.0);
+	for (int i = 0; i < SAMPLES; i++) {
+		float t = float(i) / float(SAMPLES - 1);
+		float scale = 1.0 - strength * t;
+		acc += texture(tex, 0.5 + dir * scale);
+	}
+	return acc / float(SAMPLES);
+}
+
+void main() {
+	float mixT = u_time;
+
+	float nextAngle = u_max_angle * mixT;
+	float prevAngle = -u_max_angle * (1.0 - mixT);
+
+	vec2 prevUV = transformUV(v_uv, prevAngle, coverScale(prevAngle));
+	vec2 nextUV = transformUV(v_uv, nextAngle, coverScale(nextAngle));
+
+	vec4 prev = zoomBlur(u_prev, prevUV, STRENGTH * (1.0 - mixT));
+	vec4 next = zoomBlur(u_next, nextUV, STRENGTH * mixT);
+	outColor = mix(prev, next, (1.0 - mixT));
+}`;
+const DEFAULT_ROTATION = Math.PI / 6;
+/** Counter-rotating radial zoom blur (Remotion-original `zoomBlur`). */
+export function zoomBlur(props = {}) {
+    const rotation = props.rotation ?? DEFAULT_ROTATION;
+    return glTransition(FRAGMENT, (_p, { width, height }) => ({
+        u_aspect: width / height,
+        u_max_angle: rotation,
+    }));
+}
+//# sourceMappingURL=zoom-blur.js.map

package/dist/presentations/zoom-blur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-blur.js","sourceRoot":"","sources":["../../src/presentations/zoom-blur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,kEAAkE;AAClE,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDf,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAIrC,wEAAwE;AACxE,MAAM,UAAU,QAAQ,CAAC,QAAuB,EAAE;IAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,gBAAgB,CAAC;IACpD,OAAO,YAAY,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;QACxD,QAAQ,EAAE,KAAK,GAAG,MAAM;QACxB,WAAW,EAAE,QAAQ;KACtB,CAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/presentations/zoom-in-out.d.ts

@@ -0,0 +1,5 @@
+import type { Presentation } from "../types.js";
+export type ZoomInOutProps = Record<string, never>;
+/** Punch-in / punch-out crossfade (gl-transitions `zoomInOut`). */
+export declare function zoomInOut(): Presentation;
+//# sourceMappingURL=zoom-in-out.d.ts.map

package/dist/presentations/zoom-in-out.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-in-out.d.ts","sourceRoot":"","sources":["../../src/presentations/zoom-in-out.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA8BhD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAEnD,mEAAmE;AACnE,wBAAgB,SAAS,IAAI,YAAY,CAExC"}

package/dist/presentations/zoom-in-out.js

@@ -0,0 +1,33 @@
+import { glTransition } from "../gl/gl-transition.js";
+// Adapted from https://gl-transitions.com/editor/zoomInOut
+// Author: OllyOllyOlly · License: MIT
+const FRAGMENT = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_prev;
+uniform sampler2D u_next;
+uniform float u_time;
+
+in vec2 v_uv;
+out vec4 outColor;
+
+vec2 zoom(vec2 uv, float amount) {
+	return 0.5 + ((uv - 0.5) * (1.0 - amount));
+}
+
+void main() {
+	float progress = 1.0 - u_time;
+	float zoomFrom = smoothstep(0.0, 1.0, progress * 2.0);
+	float zoomTo = smoothstep(0.0, 1.0, (1.0 - progress) * 2.0);
+	float crossfade = smoothstep(0.4, 0.6, progress);
+	outColor = mix(
+		texture(u_prev, zoom(v_uv, zoomFrom)),
+		texture(u_next, zoom(v_uv, zoomTo)),
+		crossfade
+	);
+}`;
+/** Punch-in / punch-out crossfade (gl-transitions `zoomInOut`). */
+export function zoomInOut() {
+    return glTransition(FRAGMENT);
+}
+//# sourceMappingURL=zoom-in-out.js.map

package/dist/presentations/zoom-in-out.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-in-out.js","sourceRoot":"","sources":["../../src/presentations/zoom-in-out.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,2DAA2D;AAC3D,sCAAsC;AACtC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;EAwBf,CAAC;AAIH,mEAAmE;AACnE,MAAM,UAAU,SAAS;IACvB,OAAO,YAAY,CAAC,QAAQ,CAAC,CAAC;AAChC,CAAC"}

package/dist/timings/index.d.ts

@@ -0,0 +1,4 @@
+export { type LinearTimingOptions, linearTiming } from "./linear-timing.js";
+export { defaultSpringConfig, measureSpring, type SpringConfig, spring } from "./spring/index.js";
+export { type SpringTimingOptions, springTiming } from "./spring-timing.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/timings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAClG,OAAO,EAAE,KAAK,mBAAmB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/timings/index.js

@@ -0,0 +1,4 @@
+export { linearTiming } from "./linear-timing.js";
+export { defaultSpringConfig, measureSpring, spring } from "./spring/index.js";
+export { springTiming } from "./spring-timing.js";
+//# sourceMappingURL=index.js.map

package/dist/timings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/timings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAqB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAClG,OAAO,EAA4B,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/timings/linear-timing.d.ts

@@ -0,0 +1,12 @@
+import type { Timing } from "../types.js";
+export type LinearTimingOptions = {
+    durationInFrames: number;
+    /** Optional easing curve from core's `Easing` (e.g. `Easing.inOut(Easing.cubic)`). */
+    easing?: (input: number) => number;
+};
+/**
+ * A transition whose progress moves linearly (optionally eased) from 0 to 1
+ * over `durationInFrames`. Mirrors Remotion's `linearTiming`.
+ */
+export declare function linearTiming(options: LinearTimingOptions): Timing;
+//# sourceMappingURL=linear-timing.d.ts.map

package/dist/timings/linear-timing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-timing.d.ts","sourceRoot":"","sources":["../../src/timings/linear-timing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,MAAM,mBAAmB,GAAG;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAcjE"}