@appinternalleads/ui 0.4.0 → 0.4.1

package/dist/esm/native/RiveReceiptStage.js

@@ -1,13 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
 import { Fit, RiveFileFactory, RiveView } from '@rive-app/react-native';
-import { Box } from '../core';
-import { HUE, blockRadii } from '../tokens';
-import { ReceiptPaper } from '../components/onboarding/receipt-printer/ReceiptPaper';
-import { RECEIPT_PRINTER_RIV } from '../components/onboarding/receipt-printer/riv';
-import { stageAspect } from '../components/onboarding/receipt-printer/ReceiptStage.types';
 import { ReceiptPrinter } from '../components/onboarding/receipt-printer/ReceiptPrinterView';
+import { createRiveReceiptStage } from './riveReceiptStageFactory';
 /**
  * **The Receipt Printer's Rive printer, on iOS and Android** — the same `.riv`, the same feed, the
  * same tear-off as the web, through `@rive-app/react-native` (which needs
@@ -22,153 +17,17 @@ import { ReceiptPrinter } from '../components/onboarding/receipt-printer/Receipt
  * and trigger is followed by `playIfNeeded()`. Found on Android: without it, Print again after a
  * print fired the trigger into a paused view, and nothing moved.
  *
- * Its own entry point — importing it is the opt-in, and it pulls in nothing else native:
+ * **Since 29 Sep 2026 this is also the default** on native: the main entry point's `ReceiptPrinter`
+ * loads the runtime through an optional `require` and uses this printer whenever the app has
+ * installed `@rive-app/react-native`, falling back to the still when it has not. This entry point
+ * stays for apps that want to name the stage explicitly, or want a missing runtime to fail the
+ * build rather than fall back to the still:
  *
  *   import { NativeReceiptPrinter } from '@comppack/ui/native/receipt-printer';
  *   <NativeReceiptPrinter preset="case1" />
  *   // or: <ReceiptPrinter stage={RiveReceiptStage} />
  */
-const ARTBOARD = 'ReceiptPrinter';
-const MACHINE = 'ReceiptPrinterMachine';
-const LINE_KEYS = ['title', 'badge', 'total', 'meta', 'paymentMethod', 'message', 'paymentLabel', 'totalLabel'];
-let bytes = null;
-function rivBytes() {
-    if (!bytes) {
-        const bin = atob(RECEIPT_PRINTER_RIV);
-        const out = new Uint8Array(bin.length);
-        for (let i = 0; i < bin.length; i++)
-            out[i] = bin.charCodeAt(i);
-        bytes = out.buffer;
-    }
-    return bytes;
-}
-/** One file per app: parsing 280 kB once is enough for every printer on every screen. */
-let filePromise = null;
-const loadFile = () => (filePromise ??= RiveFileFactory.fromBytes(rivBytes(), undefined, false)
-    /* A load that failed is not kept: the next printer to mount tries again. */
-    .catch(e => { filePromise = null; throw e; }));
-async function syncList(vm, path, model, rows) {
-    const list = vm.listProperty(path);
-    if (!list)
-        return;
-    let length = await list.getLengthAsync();
-    while (length > rows.length) {
-        await list.removeInstanceAtAsync(length - 1);
-        length--;
-    }
-    while (length < rows.length && model) {
-        const inst = await model.createBlankInstanceAsync();
-        if (!inst)
-            break;
-        await list.addInstanceAsync(inst);
-        length++;
-    }
-    for (let i = 0; i < rows.length; i++) {
-        const inst = await list.getInstanceAtAsync(i);
-        for (const [k, v] of Object.entries(rows[i]))
-            inst?.stringProperty(k)?.set(v);
-    }
-}
-async function writeLines(l, lines) {
-    for (const k of LINE_KEYS)
-        l.vm.stringProperty(k)?.set(lines[k]);
-    await syncList(l.vm, 'details', l.models.detail, lines.details);
-    await syncList(l.vm, 'items', l.models.item, lines.items);
-    l.vm.numberProperty('lineCount')?.set(Math.max(1, lines.items.length));
-    l.vm.numberProperty('detailCount')?.set(lines.details.length);
-}
-export function RiveReceiptStage({ lines, job, phase, reduceMotion, onPrinted, label, maxWidth, testID }) {
-    const [loaded, setLoaded] = useState(null);
-    const [failed, setFailed] = useState(false);
-    const [shown, setShown] = useState({ lines: Math.max(1, lines.items.length), fields: lines.details.length });
-    const view = useRef(null);
-    const queue = useRef(Promise.resolve());
-    /* Every change to the view model, in order — then wake the view, which pauses once it settles. */
-    const enqueue = (work) => {
-        queue.current = queue.current.then(work).then(() => view.current?.playIfNeeded()).catch(() => { });
-    };
-    const status = useRef('idle');
-    const started = useRef(null);
-    const latest = useRef(lines);
-    latest.current = lines;
-    const printed = useRef(onPrinted);
-    printed.current = onPrinted;
-    const write = (l, next) => enqueue(async () => {
-        await writeLines(l, next);
-        setShown({ lines: Math.max(1, next.items.length), fields: next.details.length });
-    });
-    /* Load the file, make the `Receipt` instance this view binds, and listen to where the paper is. */
-    useEffect(() => {
-        let alive = true;
-        let stop;
-        (async () => {
-            const file = await loadFile();
-            const model = await file.viewModelByNameAsync('Receipt');
-            const vm = await model?.createDefaultInstanceAsync();
-            if (!vm)
-                throw new Error('The Receipt view model is missing.');
-            const l = {
-                file, vm,
-                models: { detail: await file.viewModelByNameAsync('ReceiptDetail'), item: await file.viewModelByNameAsync('ReceiptItem') },
-            };
-            /* The first lines go on before the view mounts, so its first frame is this receipt's length. */
-            await writeLines(l, latest.current);
-            if (!alive)
-                return;
-            setShown({ lines: Math.max(1, latest.current.items.length), fields: latest.current.details.length });
-            stop = vm.stringProperty('status')?.addListener(value => {
-                status.current = value;
-                /* Past a tear-off — a fresh feed, or the idle stub: the lines held back go on now. */
-                if (value === 'printing' || value === 'idle')
-                    write(l, latest.current);
-                if (value === 'printed' && started.current !== null)
-                    printed.current(started.current);
-            });
-            setLoaded(l);
-        })().catch(() => { if (alive)
-            setFailed(true); });
-        return () => { alive = false; stop?.(); };
-    }, []);
-    /* 1 · The lines — never onto a receipt on its way out (a reprint or a reset, with motion). */
-    useEffect(() => {
-        if (!loaded)
-            return;
-        loaded.vm.booleanProperty('reduceMotion')?.set(reduceMotion);
-        const leaving = status.current === 'tearing'
-            || (status.current === 'printed' && !reduceMotion && (phase === 'idle' || started.current !== job));
-        if (!leaving)
-            write(loaded, lines);
-    }, [loaded, lines, phase, job, reduceMotion]);
-    /* 2 · The phase, as triggers — queued behind the lines. Each job is started once. */
-    useEffect(() => {
-        if (!loaded)
-            return;
-        if (phase === 'idle') {
-            started.current = null;
-            enqueue(() => { if (status.current !== 'idle')
-                loaded.vm.triggerProperty('reset')?.trigger(); });
-            return;
-        }
-        if (started.current === job)
-            return;
-        started.current = job;
-        const reveal = reduceMotion || phase === 'printed';
-        enqueue(() => {
-            /* A reveal over a receipt already at rest changes no status: the new lines are this job's paper. */
-            if (reveal && status.current === 'printed') {
-                printed.current(job);
-                return;
-            }
-            loaded.vm.triggerProperty(reveal ? 'reveal' : 'print')?.trigger();
-        });
-    }, [loaded, phase, job, reduceMotion]);
-    /* Without the runtime, the still — and a print completes at once. */
-    useEffect(() => { if (failed && phase === 'printing')
-        onPrinted(job); }, [failed, phase, job]);
-    if (failed)
-        return _jsx(ReceiptPaper, { lines: lines, phase: phase, maxWidth: maxWidth, label: label, testID: testID });
-    return (_jsx(Box, { testID: testID, role: "img", "aria-label": label, style: { width: '100%', maxWidth, aspectRatio: stageAspect(shown.lines, shown.fields), borderRadius: blockRadii.mid, overflow: 'hidden', backgroundColor: HUE.butter.hs }, children: loaded ? (_jsx(RiveView, { file: loaded.file, artboardName: ARTBOARD, stateMachineName: MACHINE, dataBind: loaded.vm, autoPlay: true, fit: Fit.Contain, onError: () => setFailed(true), hybridRef: { f: (ref) => { view.current = ref; } }, style: { width: '100%', height: '100%' } })) : null }));
-}
+export const RiveReceiptStage = createRiveReceiptStage({ Fit, RiveFileFactory, RiveView });
 /** `ReceiptPrinter` with the animated Rive printer — for React Native apps that installed the runtime. */
 export function NativeReceiptPrinter(props) {
     return _jsx(ReceiptPrinter, { ...props, stage: RiveReceiptStage });

package/dist/esm/native/RiveReceiptStage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiveReceiptStage.js","sourceRoot":"","sources":["../../../src/native/RiveReceiptStage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RiveReceiptStage.js","sourceRoot":"","sources":["../../../src/native/RiveReceiptStage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,cAAc,EAA4B,MAAM,6DAA6D,CAAC;AACvH,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC;AAE3F,0GAA0G;AAC1G,MAAM,UAAU,oBAAoB,CAAC,KAAmE;IACtG,OAAO,KAAC,cAAc,OAAK,KAAK,EAAE,KAAK,EAAE,gBAAgB,GAAI,CAAC;AAChE,CAAC"}

package/dist/esm/native/riveReceiptStageFactory.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentType } from 'react';
+import type { Fit as RiveFit, RiveFileFactory as RiveFileFactoryT, RiveView as RiveViewT } from '@rive-app/react-native';
+import { type ReceiptStageProps } from '../components/onboarding/receipt-printer/ReceiptStage.types';
+/**
+ * **The Receipt Printer's Rive printer on iOS and Android, as a factory over the runtime.**
+ *
+ * Everything about driving the printer is here: the view model, the ordered write queue,
+ * `playIfNeeded()` after every change, and the still when the runtime or file cannot load (see
+ * `RiveReceiptStage.tsx`). The runtime itself is passed in. That is why the default native stage
+ * (`components/onboarding/receipt-printer/ReceiptStage.tsx`) can animate with Rive whenever the
+ * app has installed it, without making every React Native app install it.
+ */
+export type RiveRuntime = {
+    Fit: typeof RiveFit;
+    RiveFileFactory: typeof RiveFileFactoryT;
+    RiveView: typeof RiveViewT;
+};
+/**
+ * Build the stage around a Rive runtime module. Taking the runtime as an argument — rather than
+ * importing it — is what lets the MAIN entry point use this file: its only reference to
+ * `@rive-app/react-native` is a type import, erased at build, so nothing here makes Metro resolve
+ * the runtime. Whoever calls this has already loaded it (statically in the opt-in entry point,
+ * through an optional `require` in the default native stage).
+ */
+export declare function createRiveReceiptStage({ Fit, RiveFileFactory, RiveView }: RiveRuntime): ComponentType<ReceiptStageProps>;
+//# sourceMappingURL=riveReceiptStageFactory.d.ts.map

package/dist/esm/native/riveReceiptStageFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"riveReceiptStageFactory.d.ts","sourceRoot":"","sources":["../../../src/native/riveReceiptStageFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,IAAI,OAAO,EAAY,eAAe,IAAI,gBAAgB,EAAE,QAAQ,IAAI,SAAS,EAA6C,MAAM,wBAAwB,CAAC;AAM9K,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,6DAA6D,CAAC;AAElH;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,OAAO,OAAO,CAAC;IAAC,eAAe,EAAE,OAAO,gBAAgB,CAAC;IAAC,QAAQ,EAAE,OAAO,SAAS,CAAA;CAAE,CAAC;AA2CxH;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,aAAa,CAAC,iBAAiB,CAAC,CA0GxH"}

package/dist/esm/native/riveReceiptStageFactory.js

@@ -0,0 +1,159 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Box } from '../core';
+import { HUE, blockRadii } from '../tokens';
+import { ReceiptPaper } from '../components/onboarding/receipt-printer/ReceiptPaper';
+import { RECEIPT_PRINTER_RIV } from '../components/onboarding/receipt-printer/riv';
+import { stageAspect } from '../components/onboarding/receipt-printer/ReceiptStage.types';
+const ARTBOARD = 'ReceiptPrinter';
+const MACHINE = 'ReceiptPrinterMachine';
+const LINE_KEYS = ['title', 'badge', 'total', 'meta', 'paymentMethod', 'message', 'paymentLabel', 'totalLabel'];
+let bytes = null;
+function rivBytes() {
+    if (!bytes) {
+        const bin = atob(RECEIPT_PRINTER_RIV);
+        const out = new Uint8Array(bin.length);
+        for (let i = 0; i < bin.length; i++)
+            out[i] = bin.charCodeAt(i);
+        bytes = out.buffer;
+    }
+    return bytes;
+}
+async function syncList(vm, path, model, rows) {
+    const list = vm.listProperty(path);
+    if (!list)
+        return;
+    let length = await list.getLengthAsync();
+    while (length > rows.length) {
+        await list.removeInstanceAtAsync(length - 1);
+        length--;
+    }
+    while (length < rows.length && model) {
+        const inst = await model.createBlankInstanceAsync();
+        if (!inst)
+            break;
+        await list.addInstanceAsync(inst);
+        length++;
+    }
+    for (let i = 0; i < rows.length; i++) {
+        const inst = await list.getInstanceAtAsync(i);
+        for (const [k, v] of Object.entries(rows[i]))
+            inst?.stringProperty(k)?.set(v);
+    }
+}
+async function writeLines(l, lines) {
+    for (const k of LINE_KEYS)
+        l.vm.stringProperty(k)?.set(lines[k]);
+    await syncList(l.vm, 'details', l.models.detail, lines.details);
+    await syncList(l.vm, 'items', l.models.item, lines.items);
+    l.vm.numberProperty('lineCount')?.set(Math.max(1, lines.items.length));
+    l.vm.numberProperty('detailCount')?.set(lines.details.length);
+}
+/**
+ * Build the stage around a Rive runtime module. Taking the runtime as an argument — rather than
+ * importing it — is what lets the MAIN entry point use this file: its only reference to
+ * `@rive-app/react-native` is a type import, erased at build, so nothing here makes Metro resolve
+ * the runtime. Whoever calls this has already loaded it (statically in the opt-in entry point,
+ * through an optional `require` in the default native stage).
+ */
+export function createRiveReceiptStage({ Fit, RiveFileFactory, RiveView }) {
+    /** One file per app: parsing 280 kB once is enough for every printer on every screen. */
+    let filePromise = null;
+    const loadFile = () => (filePromise ??= RiveFileFactory.fromBytes(rivBytes(), undefined, false)
+        /* A load that failed is not kept: the next printer to mount tries again. */
+        .catch(e => { filePromise = null; throw e; }));
+    return function RiveReceiptStage({ lines, job, phase, reduceMotion, onPrinted, label, maxWidth, testID }) {
+        const [loaded, setLoaded] = useState(null);
+        const [failed, setFailed] = useState(false);
+        const [shown, setShown] = useState({ lines: Math.max(1, lines.items.length), fields: lines.details.length });
+        const view = useRef(null);
+        const queue = useRef(Promise.resolve());
+        /* Every change to the view model, in order — then wake the view, which pauses once it settles. */
+        const enqueue = (work) => {
+            queue.current = queue.current.then(work).then(() => view.current?.playIfNeeded()).catch(() => { });
+        };
+        const status = useRef('idle');
+        const started = useRef(null);
+        const latest = useRef(lines);
+        latest.current = lines;
+        const printed = useRef(onPrinted);
+        printed.current = onPrinted;
+        const write = (l, next) => enqueue(async () => {
+            await writeLines(l, next);
+            setShown({ lines: Math.max(1, next.items.length), fields: next.details.length });
+        });
+        /* Load the file, make the `Receipt` instance this view binds, and listen to where the paper is. */
+        useEffect(() => {
+            let alive = true;
+            let stop;
+            (async () => {
+                const file = await loadFile();
+                const model = await file.viewModelByNameAsync('Receipt');
+                const vm = await model?.createDefaultInstanceAsync();
+                if (!vm)
+                    throw new Error('The Receipt view model is missing.');
+                const l = {
+                    file, vm,
+                    models: { detail: await file.viewModelByNameAsync('ReceiptDetail'), item: await file.viewModelByNameAsync('ReceiptItem') },
+                };
+                /* The first lines go on before the view mounts, so its first frame is this receipt's length. */
+                await writeLines(l, latest.current);
+                if (!alive)
+                    return;
+                setShown({ lines: Math.max(1, latest.current.items.length), fields: latest.current.details.length });
+                stop = vm.stringProperty('status')?.addListener(value => {
+                    status.current = value;
+                    /* Past a tear-off — a fresh feed, or the idle stub: the lines held back go on now. */
+                    if (value === 'printing' || value === 'idle')
+                        write(l, latest.current);
+                    if (value === 'printed' && started.current !== null)
+                        printed.current(started.current);
+                });
+                setLoaded(l);
+            })().catch(() => { if (alive)
+                setFailed(true); });
+            return () => { alive = false; stop?.(); };
+        }, []);
+        /* 1 · The lines — never onto a receipt on its way out (a reprint or a reset, with motion). */
+        useEffect(() => {
+            if (!loaded)
+                return;
+            loaded.vm.booleanProperty('reduceMotion')?.set(reduceMotion);
+            const leaving = status.current === 'tearing'
+                || (status.current === 'printed' && !reduceMotion && (phase === 'idle' || started.current !== job));
+            if (!leaving)
+                write(loaded, lines);
+        }, [loaded, lines, phase, job, reduceMotion]);
+        /* 2 · The phase, as triggers — queued behind the lines. Each job is started once. */
+        useEffect(() => {
+            if (!loaded)
+                return;
+            if (phase === 'idle') {
+                started.current = null;
+                enqueue(() => { if (status.current !== 'idle')
+                    loaded.vm.triggerProperty('reset')?.trigger(); });
+                return;
+            }
+            if (started.current === job)
+                return;
+            started.current = job;
+            const reveal = reduceMotion || phase === 'printed';
+            enqueue(() => {
+                /* A reveal over a receipt already at rest changes no status: the new lines are this job's paper. */
+                if (reveal && status.current === 'printed') {
+                    printed.current(job);
+                    return;
+                }
+                loaded.vm.triggerProperty(reveal ? 'reveal' : 'print')?.trigger();
+            });
+        }, [loaded, phase, job, reduceMotion]);
+        /* Without the runtime, the still — and a print completes at once. */
+        useEffect(() => { if (failed && phase === 'printing')
+            onPrinted(job); }, [failed, phase, job]);
+        if (failed)
+            return _jsx(ReceiptPaper, { lines: lines, phase: phase, maxWidth: maxWidth, label: label, testID: testID });
+        return (_jsx(Box, { testID: testID, role: "img", "aria-label": label, style: { width: '100%', maxWidth, aspectRatio: stageAspect(shown.lines, shown.fields), borderRadius: blockRadii.mid, overflow: 'hidden', backgroundColor: HUE.butter.hs }, children: loaded ? (_jsx(RiveView, { file: loaded.file, artboardName: ARTBOARD, stateMachineName: MACHINE, dataBind: loaded.vm, autoPlay: true, fit: Fit.Contain, onError: () => setFailed(true), hybridRef: { f: (ref) => { view.current = ref; } }, style: { width: '100%', height: '100%' } })) : null }));
+    };
+}
+//# sourceMappingURL=riveReceiptStageFactory.js.map

package/dist/esm/native/riveReceiptStageFactory.js.map

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

package/dist/esm/tokens/stage.d.ts

@@ -0,0 +1,7 @@
+/**
+ * **The ground a Rive animation is drawn on.** Animated Status's artboard (`rive/animated-status`)
+ * paints its white scenes on pure white; the stage behind the canvas, and the still that stands in
+ * for it, use the same so no seam shows while the runtime loads. Fixed design, not a theme colour.
+ */
+export declare const ANIMATION_GROUND = "#FFFFFF";
+//# sourceMappingURL=stage.d.ts.map

package/dist/esm/tokens/stage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage.d.ts","sourceRoot":"","sources":["../../../src/tokens/stage.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,YAAY,CAAC"}

package/dist/esm/tokens/stage.js

@@ -0,0 +1,7 @@
+/**
+ * **The ground a Rive animation is drawn on.** Animated Status's artboard (`rive/animated-status`)
+ * paints its white scenes on pure white; the stage behind the canvas, and the still that stands in
+ * for it, use the same so no seam shows while the runtime loads. Fixed design, not a theme colour.
+ */
+export const ANIMATION_GROUND = '#FFFFFF';
+//# sourceMappingURL=stage.js.map

package/dist/esm/tokens/stage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage.js","sourceRoot":"","sources":["../../../src/tokens/stage.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appinternalleads/ui",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "React + React Native component library. Components are generated from JSON; see SPEC.md.",
   "workspaces": [
     "site"
@@ -15,6 +15,33 @@
     "lint": "eslint src tests tools",
     "generate": "vite-node -c vite.tools.config.ts tools/generate.ts",
     "rive:receipt-printer": "node tools/rive-receipt-printer.mjs",
+    "rive:animated-status": "node tools/rive-animated-status.mjs",
+    "rive:send-completion": "node tools/rive-send-completion.mjs",
+    "rive:replication-2": "node tools/rive-replication-2.mjs",
+    "replication2:studio": "cd remotion-prototype && mkdir -p public/replication-2 && cp ../node_modules/@rive-app/canvas/rive.wasm public/replication-2/ && npx remotion studio src/index.ts",
+    "replication2:render:landscape": "cd remotion-prototype && mkdir -p public/replication-2 && cp ../node_modules/@rive-app/canvas/rive.wasm public/replication-2/ && npx remotion render src/index.ts replication-2-landscape-4k out/replication-2-landscape-4k.mp4 --codec=h264 --pixel-format=yuv420p --color-space=bt709 --crf=12 --x264-preset=slow --props=content/replication-2/reference.json",
+    "replication2:render:portrait": "cd remotion-prototype && mkdir -p public/replication-2 && cp ../node_modules/@rive-app/canvas/rive.wasm public/replication-2/ && npx remotion render src/index.ts replication-2-portrait-4k out/replication-2-portrait-4k.mp4 --codec=h264 --pixel-format=yuv420p --color-space=bt709 --crf=12 --x264-preset=slow --props=content/replication-2/portrait.json",
+    "replication2:render:square": "cd remotion-prototype && mkdir -p public/replication-2 && cp ../node_modules/@rive-app/canvas/rive.wasm public/replication-2/ && npx remotion render src/index.ts replication-2-square-4k out/replication-2-square-4k.mp4 --codec=h264 --pixel-format=yuv420p --color-space=bt709 --crf=12 --x264-preset=slow --props=content/replication-2/square.json",
+    "replication2:configs": "vite-node -c vite.tools.config.ts replication-2-prototype/tools/export-configs.ts",
+    "promo:studio": "cd remotion-prototype && npx remotion studio src/index.ts",
+    "promo:configs": "cd remotion-prototype && npx tsx tools/export-promo-configs.ts",
+    "promo:render:landscape": "cd remotion-prototype && npx tsx tools/render-promo.ts PromoProductShowcaseLandscape content/promo-product-showcase/reference.json out/promo/promo-product-showcase-landscape-4k.mp4",
+    "promo:render:portrait": "cd remotion-prototype && npx tsx tools/render-promo.ts PromoProductShowcasePortrait content/promo-product-showcase/portrait.json out/promo/promo-product-showcase-portrait-4k.mp4",
+    "promo:render:square": "cd remotion-prototype && npx tsx tools/render-promo.ts PromoProductShowcaseSquare content/promo-product-showcase/square.json out/promo/promo-product-showcase-square-4k.mp4",
+    "promo:render:own-saas": "cd remotion-prototype && npx tsx tools/render-promo.ts PromoProductShowcaseLandscape content/promo-product-showcase/own-saas.json out/promo/promo-product-showcase-own-saas-4k.mp4",
+    "paperfold:studio": "cd remotion-prototype && npx remotion studio src/index.ts",
+    "paperfold:configs": "cd remotion-prototype && npx tsx tools/export-paper-fold-configs.ts && npx tsx tools/export-paper-fold-assets.ts",
+    "paperfold:stills": "cd remotion-prototype && npx tsx tools/paper-fold-stills.ts content/paper-fold-promo/reference.json out/paper-fold/stills",
+    "paperfold:render:portrait": "cd remotion-prototype && npx tsx tools/render-paper-fold.ts PaperFoldPromoPortrait content/paper-fold-promo/reference.json out/paper-fold/paper-fold-promo-portrait-4k.mp4",
+    "paperfold:render:landscape": "cd remotion-prototype && npx tsx tools/render-paper-fold.ts PaperFoldPromoLandscape content/paper-fold-promo/landscape.json out/paper-fold/paper-fold-promo-landscape-4k.mp4",
+    "paperfold:render:square": "cd remotion-prototype && npx tsx tools/render-paper-fold.ts PaperFoldPromoSquare content/paper-fold-promo/square.json out/paper-fold/paper-fold-promo-square-4k.mp4",
+    "paperfold:render:demo": "cd remotion-prototype && npx tsx tools/render-paper-fold.ts PaperFoldPromoPortrait content/paper-fold-promo/demo.json out/paper-fold/paper-fold-promo-demo-4k.mp4",
+    "paperfold:render:acme": "cd remotion-prototype && npx tsx tools/render-paper-fold.ts PaperFoldPromoLandscape content/paper-fold-promo/acme.json out/paper-fold/paper-fold-promo-acme-4k.mp4",
+    "cat:convert": "node tools/cat-rig/eps-to-svg.mjs",
+    "neon:reference": "node tools/neon-text/eps-reference.mjs",
+    "neon:audio": "vite-node -c vite.tools.config.ts tools/neon-text/make-audio.ts",
+    "cat:compare": "node tools/cat-rig/compare-to-jpg.mjs",
+    "cat:render": "cd remotion-prototype && npx remotion render CatTailWiggle out/cat/cat-tail-wiggle.mp4 --codec=h264 --pixel-format=yuv420p",
     "publish:npm": "node tools/publish-npm.mjs",
     "storybook": "storybook dev -p 6006 --no-open",
     "build-storybook": "storybook build",
@@ -109,6 +136,12 @@
       "import": "./dist/esm/agent/core.js",
       "require": "./dist/cjs/agent/core.js"
     },
+    "./motion": {
+      "types": "./dist/esm/motion/index.d.ts",
+      "node": "./dist/cjs/motion/index.js",
+      "import": "./dist/esm/motion/index.js",
+      "require": "./dist/cjs/motion/index.js"
+    },
     "./native": {
       "types": "./dist/esm/native/index.d.ts",
       "import": "./dist/esm/native/index.js",
@@ -162,6 +195,7 @@
     "comppack-ask": "tools/ask/mcp.mjs"
   },
   "dependencies": {
+    "@rive-app/canvas": "2.43.1",
     "@rive-app/react-canvas": "^4.35.0"
   }
 }

package/spec/examples/components/onboarding/animated-status/case1.json

@@ -0,0 +1,42 @@
+{
+  "schema": "onboarding/1",
+  "component": "animated-status",
+  "key": "animated_status_case1",
+  "preset": "case1",
+  "meta": {
+    "eyebrow": "Case study 1 · Brand",
+    "title": "Brand promo",
+    "scenario": "The reference animation, word for word: Hey, the stacked Scroller, “Scrolling Won't Get Your BRAND Noticed”, BUT WE WILL, and the end card."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the animation",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to animate yet",
+    "emptyBody": "The words for this animation haven’t arrived.",
+    "emptyCta": "Refresh",
+    "type": "agent",
+    "icon": "sparkle",
+    "title": "Brand promo",
+    "subtitle": "Animated status · plays once",
+    "scene1Text": "Hey",
+    "scene2Text": "Scroller",
+    "scene3Text": "Scrolling Won't Get Your BRAND Noticed",
+    "scene4Text": "BUT WE WILL",
+    "scene5Text": "contact us today",
+    "scene6Text": "comppack.vercel.app",
+    "textColor": "#0A0A0A",
+    "accentColor": "#8C2C3A",
+    "emblemIcon": "sparkles",
+    "autoplay": false,
+    "playLabel": "Play",
+    "replayLabel": "Replay",
+    "resetLabel": "Reset",
+    "idleLabel": "Ready",
+    "playingLabel": "Playing",
+    "doneLabel": "Played",
+    "hintText": "Plays once · {seconds} s"
+  }
+}

package/spec/examples/components/onboarding/animated-status/case2.json

@@ -0,0 +1,42 @@
+{
+  "schema": "onboarding/1",
+  "component": "animated-status",
+  "key": "animated_status_case2",
+  "preset": "case2",
+  "meta": {
+    "eyebrow": "Case study 2 · Search",
+    "title": "Restaurant search",
+    "scenario": "An agent is finding a table nearby. Same motion, new words, a coral end card with the location icon. “Finding restaurants” is shown progress — not a result."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the animation",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to animate yet",
+    "emptyBody": "The words for this animation haven’t arrived.",
+    "emptyCta": "Refresh",
+    "type": "data",
+    "icon": "search",
+    "title": "Restaurant search",
+    "subtitle": "While the agent looks for a table",
+    "scene1Text": "Search",
+    "scene2Text": "Nearby",
+    "scene3Text": "Hungry? Let Us Find TABLES Nearby",
+    "scene4Text": "WE FIND IT",
+    "scene5Text": "Finding restaurants",
+    "scene6Text": "tablefinder.app",
+    "textColor": "#1A1A1A",
+    "accentColor": "coral",
+    "emblemIcon": "location",
+    "autoplay": false,
+    "playLabel": "Play",
+    "replayLabel": "Replay",
+    "resetLabel": "Reset",
+    "idleLabel": "Ready",
+    "playingLabel": "Playing",
+    "doneLabel": "Played",
+    "hintText": "Plays once · {seconds} s"
+  }
+}

package/spec/examples/components/onboarding/animated-status/case3.json

@@ -0,0 +1,42 @@
+{
+  "schema": "onboarding/1",
+  "component": "animated-status",
+  "key": "animated_status_case3",
+  "preset": "case3",
+  "meta": {
+    "eyebrow": "Case study 3 · Documents",
+    "title": "Contract review",
+    "scenario": "A document is being read. Sky-blue words from a hue token, the document icon."
+  },
+  "config": {
+    "loadingLabel": "Loading {title}",
+    "attentionLabel": "Needs attention",
+    "loadErrorTitle": "Couldn’t load the animation",
+    "loadErrorBody": "Nothing was lost. Retry to load it again.",
+    "retryLabel": "Retry",
+    "emptyTitle": "Nothing to animate yet",
+    "emptyBody": "The words for this animation haven’t arrived.",
+    "emptyCta": "Refresh",
+    "type": "file",
+    "icon": "doc",
+    "title": "Contract review",
+    "subtitle": "While a document is read",
+    "scene1Text": "Opening",
+    "scene2Text": "Contract",
+    "scene3Text": "Reading Every Clause For YOU Now",
+    "scene4Text": "NEARLY THERE NOW",
+    "scene5Text": "Preparing results",
+    "scene6Text": "docs.acme.co",
+    "textColor": "skyDeep",
+    "accentColor": "sky",
+    "emblemIcon": "document",
+    "autoplay": false,
+    "playLabel": "Play",
+    "replayLabel": "Replay",
+    "resetLabel": "Reset",
+    "idleLabel": "Ready",
+    "playingLabel": "Playing",
+    "doneLabel": "Played",
+    "hintText": "Plays once · {seconds} s"
+  }
+}