@appinternalleads/ui 0.4.0 → 0.4.1

package/dist/esm/components/onboarding/animated-status/AnimatedStage.web.js

@@ -0,0 +1,86 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Alignment, Fit, Layout, useRive } from '@rive-app/react-canvas';
+import { Box } from '../../../core';
+import { blockRadii } from '../../../tokens';
+import { ANIMATION_GROUND } from '../../../tokens/stage';
+import { riveWrites } from './engine';
+import { AnimatedStill } from './AnimatedStill';
+import { ANIMATED_STATUS_RIV } from './riv';
+import { STAGE_ASPECT } from './AnimatedStage.types';
+/**
+ * **The web half: the Rive animation.**
+ *
+ * The Rive file (`rive/animated-status/`) owns the artwork, the six scenes and every frame of
+ * motion. This owns only the conversation with it, through the `AnimatedStatus` view model: the
+ * words, the two colours and the icon index are written whenever they change; `play`, `reset` and
+ * `reveal` are triggers; `status` is written by the file's own state machine (`idle` · `playing` ·
+ * `done`). No word can move anything: every text box in the file is fixed and shrinks its type.
+ *
+ * If the runtime or the file cannot load, the stage shows the still and a play finishes at once.
+ */
+const ARTBOARD = 'AnimatedStatus';
+const MACHINE = 'AnimatedStatusMachine';
+let bytes = null;
+/** The `.riv`, decoded once per page; each stage gets its own copy of the buffer. */
+function rivBuffer() {
+    if (!bytes) {
+        const bin = atob(ANIMATED_STATUS_RIV);
+        bytes = new Uint8Array(bin.length);
+        for (let i = 0; i < bin.length; i++)
+            bytes[i] = bin.charCodeAt(i);
+    }
+    return bytes.slice().buffer;
+}
+export function AnimatedStage({ words, textColor, accentColor, icon, command, onStatus, label, maxWidth, testID }) {
+    const [failed, setFailed] = useState(false);
+    const params = useMemo(() => ({
+        buffer: rivBuffer(),
+        artboard: ARTBOARD,
+        stateMachines: MACHINE,
+        autoplay: true,
+        autoBind: true,
+        layout: new Layout({ fit: Fit.Contain, alignment: Alignment.Center }),
+        onLoadError: () => setFailed(true),
+    }), []);
+    const { rive, RiveComponent } = useRive(params);
+    const heard = useRef(onStatus);
+    heard.current = onStatus;
+    const vm = rive?.viewModelInstance;
+    /* 1 · The words and the look, whenever they change — they never restart playback. */
+    useEffect(() => {
+        if (!vm)
+            return;
+        for (const w of riveWrites(words, textColor, accentColor, icon)) {
+            const p = vm[w.kind](w.name);
+            if (p && p.value !== w.value)
+                p.value = w.value;
+        }
+    }, [vm, words, textColor, accentColor, icon]);
+    /* 2 · Commands, as triggers. */
+    useEffect(() => {
+        if (!vm || !command)
+            return;
+        vm.trigger(command.kind)?.trigger();
+        rive?.play();
+    }, [vm, command?.n]);
+    /* 3 · The file says where playback is. */
+    useEffect(() => {
+        const status = vm?.string('status');
+        if (!status)
+            return;
+        const report = () => heard.current(status.value);
+        status.on(report);
+        return () => status.off(report);
+    }, [vm]);
+    /* Without the runtime, a command settles at once, exactly as on native. */
+    useEffect(() => { if (failed && command)
+        heard.current(command.kind === 'reset' ? 'idle' : 'done'); }, [failed, command?.n]);
+    if (failed)
+        return _jsx(AnimatedStill, { words: words, textColor: textColor, accentColor: accentColor, label: label, maxWidth: maxWidth, testID: testID });
+    return (
+    /* `data-rive` says whether the artboard has painted — a screenshot (the visual gate) waits for `ready`. */
+    _jsx(Box, { testID: testID, role: "img", "aria-label": label, style: { width: '100%', maxWidth, aspectRatio: STAGE_ASPECT, borderRadius: blockRadii.mid, overflow: 'hidden', backgroundColor: ANIMATION_GROUND }, children: _jsx(RiveComponent, { "aria-hidden": "true", "data-rive": rive ? 'ready' : 'loading', style: { width: '100%', height: '100%', display: 'block' } }) }));
+}
+//# sourceMappingURL=AnimatedStage.web.js.map

package/dist/esm/components/onboarding/animated-status/AnimatedStage.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedStage.web.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/AnimatedStage.web.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/onboarding/animated-status/AnimatedStatusView.d.ts

@@ -0,0 +1,32 @@
+import { type ComponentType } from 'react';
+import type { DensityName } from '../../../tokens';
+import { type OnboardingPreset, type PatternStatus } from '../shared/contract';
+import type { OnboardingOperation } from '../shared/mock';
+import { type AnimatedStatusSettings, type AnimatedStatusStatus } from './contract';
+import { type AnimatedStatusSeed } from './engine';
+import type { AnimatedStageProps } from './AnimatedStage.types';
+export type AnimatedStatusProps = {
+    preset?: OnboardingPreset;
+    config?: Partial<AnimatedStatusSettings>;
+    density?: DensityName;
+    status?: PatternStatus;
+    reload?: OnboardingOperation<void>;
+    /** A demo scene's starting point — see `animatedStatusSeed`. */
+    initial?: AnimatedStatusSeed;
+    /** What draws the animation. Default: Rive on the web, a still on native. */
+    stage?: ComponentType<AnimatedStageProps>;
+    /** Playback moved on. `done` means the animation finished — not that the task it describes did. */
+    onStatusChange?: (status: AnimatedStatusStatus) => void;
+    /** Play (or Replay) was pressed. */
+    onPlay?: () => void;
+    /** Reset was pressed. */
+    onReset?: () => void;
+    onScene?: (scene: string) => void;
+    testID?: string;
+};
+/** Animated Status, guarded: a wrong-kind config is refused by name and a render error is caught (`shared/guard`). */
+export declare const AnimatedStatus: {
+    ({ onError, actions, onButtonAction, ...props }: AnimatedStatusProps & import("..").GuardProps): import("react").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=AnimatedStatusView.d.ts.map

package/dist/esm/components/onboarding/animated-status/AnimatedStatusView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedStatusView.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/AnimatedStatusView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAuB,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACpG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAK1D,OAAO,EAA4E,KAAK,sBAAsB,EAAE,KAAK,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAC9J,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAExE,OAAO,KAAK,EAAwB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEtF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACnC,gEAAgE;IAChE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC1C,mGAAmG;IACnG,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACxD,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2EF,sHAAsH;AACtH,eAAO,MAAM,cAAc;;;CAAyE,CAAC"}

package/dist/esm/components/onboarding/animated-status/AnimatedStatusView.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Box, useReduceMotion } from '../../../core';
+import { fill, resolveConfig } from '../shared/contract';
+import { InvalidConfig } from '../shared/InvalidConfig';
+import { OnboardingCard } from '../shared/OnboardingCard';
+import { usePatternStatus, useSceneReport } from '../shared/runtime';
+import { guarded } from '../shared/guard';
+import { ANIMATED_STATUS_PRESETS, ANIMATED_STATUS_SECONDS, validateAnimatedStatus } from './contract';
+import { spokenText, wordsOf } from './engine';
+import { AnimatedStage } from './AnimatedStage';
+/**
+ * **Animated Status** — the animation on a card: the header, the 9:16 stage, a status chip
+ * (Ready · Playing · Played), Play / Replay and Reset. With reduced motion, Play shows the last
+ * frame at once.
+ */
+function AnimatedStatusView(props) {
+    const config = resolveConfig(ANIMATED_STATUS_PRESETS, props.preset, props.config);
+    const issues = validateAnimatedStatus(config);
+    if (issues.length)
+        return _jsx(InvalidConfig, { title: config.title, issues: issues, testID: props.testID });
+    return _jsx(Valid, { ...props, config: config });
+}
+function Valid({ config, density, status, reload, initial, stage: Stage = AnimatedStage, onStatusChange, onPlay, onReset, onScene, testID }) {
+    const pattern = usePatternStatus(status ?? 'ready', reload);
+    const reduceMotion = useReduceMotion();
+    const words = useMemo(() => wordsOf(config), [config.scene1Text, config.scene2Text, config.scene3Text, config.scene4Text, config.scene5Text, config.scene6Text]);
+    const [playback, setPlayback] = useState('idle');
+    const [command, setCommand] = useState(null);
+    const n = useRef(0);
+    const run = (kind) => setCommand({ kind, n: ++n.current });
+    /* A scene's seed, or autoplay, starts playback once the card shows. */
+    const seeded = initial?.status ?? (config.autoplay ? 'playing' : 'idle');
+    useEffect(() => {
+        if (seeded === 'playing')
+            run(reduceMotion ? 'reveal' : 'play');
+        else if (seeded === 'done')
+            run('reveal');
+    }, [seeded]);
+    const changed = useRef(onStatusChange);
+    changed.current = onStatusChange;
+    const last = useRef('idle');
+    const heard = (s) => {
+        if (last.current === s)
+            return;
+        last.current = s;
+        setPlayback(s);
+        changed.current?.(s);
+    };
+    useSceneReport(pattern.status === 'ready' ? (playback === 'idle' ? 'default' : playback) : pattern.status, onScene);
+    const chip = playback === 'playing'
+        ? { tone: 'attention', label: config.playingLabel, dot: true }
+        : playback === 'done' ? { tone: 'success', label: config.doneLabel } : { tone: 'neutral', label: config.idleLabel };
+    return (_jsx(OnboardingCard, { testID: testID, header: config, copy: config, density: density, status: pattern.status, onRetry: pattern.retry, onEmptyAction: pattern.retry, chip: chip, hint: fill(config.hintText, { seconds: ANIMATED_STATUS_SECONDS }), secondary: playback !== 'idle' ? { label: config.resetLabel, onPress: () => { onReset?.(); run('reset'); } } : undefined, primary: { label: playback === 'idle' ? config.playLabel : config.replayLabel, onPress: () => { onPlay?.(); run(reduceMotion ? 'reveal' : 'play'); } }, children: _jsx(Box, { align: "center", children: _jsx(Stage, { words: words, textColor: config.textColor, accentColor: config.accentColor, icon: config.emblemIcon, command: command, onStatus: heard, label: spokenText(words), maxWidth: 300, testID: testID ? `${testID}-stage` : undefined }) }) }));
+}
+/** Animated Status, guarded: a wrong-kind config is refused by name and a render error is caught (`shared/guard`). */
+export const AnimatedStatus = guarded(AnimatedStatusView, ANIMATED_STATUS_PRESETS, 'AnimatedStatus');
+//# sourceMappingURL=AnimatedStatusView.js.map

package/dist/esm/components/onboarding/animated-status/AnimatedStatusView.js.map

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

package/dist/esm/components/onboarding/animated-status/AnimatedStill.d.ts

@@ -0,0 +1,8 @@
+import { type AnimatedStageProps } from './AnimatedStage.types';
+/**
+ * **The animation as a still** — native, and the web when the Rive runtime cannot load: the opening
+ * word and the call to action on the white ground, the sign-off on an accent rule. Same words and
+ * colours; no motion.
+ */
+export declare function AnimatedStill({ words, textColor, accentColor, label, maxWidth, testID }: Pick<AnimatedStageProps, 'words' | 'textColor' | 'accentColor' | 'label' | 'maxWidth' | 'testID'>): import("react").JSX.Element;
+//# sourceMappingURL=AnimatedStill.d.ts.map

package/dist/esm/components/onboarding/animated-status/AnimatedStill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedStill.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/AnimatedStill.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE9E;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC,+BAW1L"}

package/dist/esm/components/onboarding/animated-status/AnimatedStill.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from '../../../core';
+import { blockRadii } from '../../../tokens';
+import { ANIMATION_GROUND } from '../../../tokens/stage';
+import { cssColor } from './engine';
+import { STAGE_ASPECT } from './AnimatedStage.types';
+/**
+ * **The animation as a still** — native, and the web when the Rive runtime cannot load: the opening
+ * word and the call to action on the white ground, the sign-off on an accent rule. Same words and
+ * colours; no motion.
+ */
+export function AnimatedStill({ words, textColor, accentColor, label, maxWidth, testID }) {
+    const ink = cssColor(textColor);
+    return (_jsxs(Box, { testID: testID, role: "img", "aria-label": label, style: { width: '100%', maxWidth, aspectRatio: STAGE_ASPECT, borderRadius: blockRadii.mid, overflow: 'hidden', backgroundColor: ANIMATION_GROUND, alignItems: 'center', justifyContent: 'center', gap: 18, padding: 16 }, children: [_jsx(Text, { numberOfLines: 1, style: { fontSize: 44, fontWeight: '800', color: ink }, children: words.scene1Text }), _jsx(Text, { numberOfLines: 1, style: { fontSize: 18, fontWeight: '700', color: ink }, children: words.scene5Text }), _jsx(Box, { style: { width: 96, height: 3, backgroundColor: cssColor(accentColor) } }), _jsx(Text, { numberOfLines: 1, style: { fontSize: 11, color: ink, opacity: 0.7 }, children: words.scene6Text })] }));
+}
+//# sourceMappingURL=AnimatedStill.js.map

package/dist/esm/components/onboarding/animated-status/AnimatedStill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedStill.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/AnimatedStill.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,YAAY,EAA2B,MAAM,uBAAuB,CAAC;AAE9E;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAqG;IACzL,MAAM,GAAG,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAChC,OAAO,CACL,MAAC,GAAG,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,KAAK,gBAAa,KAAK,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aACxN,KAAC,IAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,YAAG,KAAK,CAAC,UAAU,GAAQ,EACzG,KAAC,IAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,YAAG,KAAK,CAAC,UAAU,GAAQ,EACzG,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,GAAI,EAChF,KAAC,IAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,YAAG,KAAK,CAAC,UAAU,GAAQ,IAChG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/onboarding/animated-status/contract.d.ts

@@ -0,0 +1,61 @@
+import type { HeaderConfig, LoadCopy, OnboardingIssue, PresetsFile } from '../shared/contract';
+/**
+ * **Animated Status** — a short animated message in a fixed motion design (Rive,
+ * `rive/animated-status/`): six scenes, from an opening word a square bounces across to a dark end
+ * card with an icon. The config gives the words, two colours and the icon; the motion, layout,
+ * typography and timing are the component's and have no key.
+ *
+ * Every word slot has its own word limit, part of the design: over it, the config is refused with
+ * the reason — never cut short. A longer word shrinks inside its fixed box in the animation, so no
+ * text can move anything. `done` means the animation finished playing — not that the task the
+ * words describe is done; the host owns that.
+ */
+export declare const ANIMATED_STATUS_SCENES: readonly ["default", "playing", "done", "loading", "empty", "error"];
+export type AnimatedStatusScene = (typeof ANIMATED_STATUS_SCENES)[number];
+export declare const ANIMATED_STATUS_IN_FLIGHT: readonly string[];
+/** The emblem's icons, in the order the Rive file holds their artwork. */
+export declare const ANIMATED_STATUS_ICONS: readonly ["search", "location", "document", "calendar", "check", "sparkles", "loader", "warning"];
+export type AnimatedStatusIcon = (typeof ANIMATED_STATUS_ICONS)[number];
+export type AnimatedStatusSlot = 'scene1Text' | 'scene2Text' | 'scene3Text' | 'scene4Text' | 'scene5Text' | 'scene6Text';
+/** Each slot's limits: words `[min, max]`, characters, and characters per word. */
+export declare const ANIMATED_STATUS_SLOTS: Record<AnimatedStatusSlot, {
+    words: [number, number];
+    maxChars: number;
+    maxWordChars?: number;
+    shows: string;
+}>;
+export declare const ANIMATED_STATUS_SLOT_KEYS: AnimatedStatusSlot[];
+export type AnimatedStatusStatus = 'idle' | 'playing' | 'done';
+/** Every word the card shows around the animation. */
+export type AnimatedStatusCopy = {
+    playLabel: string;
+    replayLabel: string;
+    resetLabel: string;
+    /** The status chip: before, during and after playback. */
+    idleLabel: string;
+    playingLabel: string;
+    doneLabel: string;
+    /** Under the animation: "Plays once · {seconds} s". */
+    hintText: string;
+};
+export type AnimatedStatusSettings = HeaderConfig & LoadCopy & AnimatedStatusCopy & Record<AnimatedStatusSlot, string> & {
+    /** Colour of every word on the white scenes, the square and the dots. Hex, rgb(), rgba() or a hue token. */
+    textColor: string;
+    /** Colour of the end card: the emblem, the rule and the glow. */
+    accentColor: string;
+    /** The emblem's icon — one of `ANIMATED_STATUS_ICONS`. */
+    emblemIcon: string;
+    /** Play as soon as it shows. Default false: the card waits for Play. */
+    autoplay?: boolean;
+    ship?: string;
+};
+export declare const ANIMATED_STATUS_PRESETS: PresetsFile<AnimatedStatusSettings>;
+/** How long one playthrough takes: 271 frames at 24 fps. */
+export declare const ANIMATED_STATUS_SECONDS = 11.3;
+export { COLOR_TOKENS, parseColor, type Rgba } from '../shared/configColor';
+/**
+ * The config's problems, each with its field. Text over a limit is refused and says which limit;
+ * it is never shortened. Never throws, whatever it is given.
+ */
+export declare function validateAnimatedStatus(c: AnimatedStatusSettings): OnboardingIssue[];
+//# sourceMappingURL=contract.d.ts.map

package/dist/esm/components/onboarding/animated-status/contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/contract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAI/F;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,sBAAsB,sEAAuE,CAAC;AAC3G,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,eAAO,MAAM,yBAAyB,EAAE,SAAS,MAAM,EAAO,CAAC;AAE/D,0EAA0E;AAC1E,eAAO,MAAM,qBAAqB,mGAAoG,CAAC;AACvI,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC;AACzH,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,kBAAkB,EAAE;IAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAOjJ,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAyC,kBAAkB,EAAE,CAAC;AAEpG,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/D,sDAAsD;AACtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,QAAQ,GAAG,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAAG;IACvH,4GAA4G;IAC5G,SAAS,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAA6B,WAAW,CAAC,sBAAsB,CAAC,CAAC;AACrG,4DAA4D;AAC5D,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAO5E;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,sBAAsB,GAAG,eAAe,EAAE,CAyBnF"}

package/dist/esm/components/onboarding/animated-status/contract.js

@@ -0,0 +1,78 @@
+import { COLOR_TOKENS, parseColor } from '../shared/configColor';
+import presetsJson from './presets.json';
+/**
+ * **Animated Status** — a short animated message in a fixed motion design (Rive,
+ * `rive/animated-status/`): six scenes, from an opening word a square bounces across to a dark end
+ * card with an icon. The config gives the words, two colours and the icon; the motion, layout,
+ * typography and timing are the component's and have no key.
+ *
+ * Every word slot has its own word limit, part of the design: over it, the config is refused with
+ * the reason — never cut short. A longer word shrinks inside its fixed box in the animation, so no
+ * text can move anything. `done` means the animation finished playing — not that the task the
+ * words describe is done; the host owns that.
+ */
+export const ANIMATED_STATUS_SCENES = ['default', 'playing', 'done', 'loading', 'empty', 'error'];
+export const ANIMATED_STATUS_IN_FLIGHT = [];
+/** The emblem's icons, in the order the Rive file holds their artwork. */
+export const ANIMATED_STATUS_ICONS = ['search', 'location', 'document', 'calendar', 'check', 'sparkles', 'loader', 'warning'];
+/** Each slot's limits: words `[min, max]`, characters, and characters per word. */
+export const ANIMATED_STATUS_SLOTS = {
+    scene1Text: { words: [1, 1], maxChars: 12, shows: 'the opening word; a square bounces across it and fills it in' },
+    scene2Text: { words: [1, 1], maxChars: 12, shows: 'one word, stacked up the screen five times' },
+    scene3Text: { words: [6, 6], maxChars: 44, maxWordChars: 11, shows: 'six words, one per line, each larger; the fifth is emphasised' },
+    scene4Text: { words: [3, 3], maxChars: 20, maxWordChars: 6, shows: 'three words as hard cuts; a full stop follows the third' },
+    scene5Text: { words: [1, 3], maxChars: 22, shows: 'the call to action' },
+    scene6Text: { words: [1, 3], maxChars: 36, shows: 'the sign-off on the dark end card' },
+};
+export const ANIMATED_STATUS_SLOT_KEYS = Object.keys(ANIMATED_STATUS_SLOTS);
+export const ANIMATED_STATUS_PRESETS = presetsJson;
+/** How long one playthrough takes: 271 frames at 24 fps. */
+export const ANIMATED_STATUS_SECONDS = 11.3;
+/* Colours are content here: see `shared/configColor`. */
+export { COLOR_TOKENS, parseColor } from '../shared/configColor';
+/* ─── validation ──────────────────────────────────────────────────────────────────────────── */
+const words = (s) => s.trim().split(/\s+/).filter(Boolean);
+const plural = (n, one) => `${n} ${one}${n === 1 ? '' : 's'}`;
+/**
+ * The config's problems, each with its field. Text over a limit is refused and says which limit;
+ * it is never shortened. Never throws, whatever it is given.
+ */
+export function validateAnimatedStatus(c) {
+    const issues = [];
+    for (const key of ANIMATED_STATUS_SLOT_KEYS) {
+        const rule = ANIMATED_STATUS_SLOTS[key];
+        const text = c?.[key];
+        if (typeof text !== 'string' || !text.trim()) {
+            issues.push({ path: key, message: `${key} needs text: ${rule.shows}.` });
+            continue;
+        }
+        if ([...text].some(ch => ch.charCodeAt(0) < 32 || ch.charCodeAt(0) === 127)) {
+            issues.push({ path: key, message: `${key} is one line of plain text.` });
+            continue;
+        }
+        const ws = words(text);
+        const [min, max] = rule.words;
+        const exact = min === max;
+        if (ws.length > max)
+            issues.push({ path: key, message: `${key} takes ${exact ? 'exactly' : 'at most'} ${plural(max, 'word')} (${rule.shows}); it has ${ws.length}.` });
+        else if (ws.length < min)
+            issues.push({ path: key, message: `${key} takes ${exact ? 'exactly' : 'at least'} ${plural(min, 'word')} (${rule.shows}); it has ${ws.length}.` });
+        if (text.trim().length > rule.maxChars)
+            issues.push({ path: key, message: `${key} takes at most ${rule.maxChars} characters; it has ${text.trim().length}.` });
+        const long = rule.maxWordChars ? ws.filter(w => w.length > rule.maxWordChars) : [];
+        if (long.length)
+            issues.push({ path: key, message: `Each word of ${key} is at most ${rule.maxWordChars} characters: ${long.join(', ')} is too long.` });
+    }
+    for (const key of ['textColor', 'accentColor']) {
+        // eslint-disable-next-line comppack/no-raw-colour -- the message names the colour formats the config may supply
+        if (!parseColor(c?.[key]))
+            issues.push({ path: key, message: `${key} is a colour: #RGB, #RRGGBB, #RRGGBBAA, rgb(), rgba() or a hue token (${Object.keys(COLOR_TOKENS).slice(0, 4).join(', ')}…).` });
+    }
+    if (!ANIMATED_STATUS_ICONS.includes(c?.emblemIcon)) {
+        issues.push({ path: 'emblemIcon', message: `emblemIcon is one of ${ANIMATED_STATUS_ICONS.join(', ')}.` });
+    }
+    if (c?.autoplay !== undefined && typeof c.autoplay !== 'boolean')
+        issues.push({ path: 'autoplay', message: 'autoplay is yes or no.' });
+    return issues;
+}
+//# sourceMappingURL=contract.js.map

package/dist/esm/components/onboarding/animated-status/contract.js.map

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

package/dist/esm/components/onboarding/animated-status/engine.d.ts

@@ -0,0 +1,24 @@
+import { ANIMATED_STATUS_SLOT_KEYS, type AnimatedStatusScene, type AnimatedStatusSettings, type AnimatedStatusStatus } from './contract';
+export { cssColor } from '../shared/configColor';
+/** A demo scene's starting point: where playback is when the card shows. */
+export type AnimatedStatusSeed = {
+    status: AnimatedStatusStatus;
+};
+export declare function animatedStatusSeed(_config: AnimatedStatusSettings, scene: AnimatedStatusScene | string): AnimatedStatusSeed;
+/** The config's words, as the animation shows them. */
+export type AnimatedStatusWords = Record<(typeof ANIMATED_STATUS_SLOT_KEYS)[number], string>;
+export declare const wordsOf: (c: AnimatedStatusSettings) => AnimatedStatusWords;
+/** Everything the animation says, in order — its accessible name (a canvas has no text of its own). */
+export declare function spokenText(w: AnimatedStatusWords): string;
+export type RiveWrite = {
+    kind: 'string' | 'color' | 'number';
+    name: string;
+    value: string | number;
+};
+/**
+ * **The words and appearance as the Rive file's view model takes them.** The one place its names
+ * appear: scene 3's words go one per line (`scene3Line1–6`), scene 4's one per cut
+ * (`scene4Word1–3`), and the icon by its index in the file (`iconIndex`).
+ */
+export declare function riveWrites(w: AnimatedStatusWords, textColor: string, accentColor: string, icon: string): RiveWrite[];
+//# sourceMappingURL=engine.d.ts.map

package/dist/esm/components/onboarding/animated-status/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/engine.ts"],"names":[],"mappings":"AAAA,OAAO,EACkB,yBAAyB,EAChD,KAAK,mBAAmB,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB,EACjF,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,4EAA4E;AAC5E,MAAM,MAAM,kBAAkB,GAAG;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAElE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,EAAE,KAAK,EAAE,mBAAmB,GAAG,MAAM,GAAG,kBAAkB,CAE3H;AAED,uDAAuD;AACvD,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAC7F,eAAO,MAAM,OAAO,GAAI,GAAG,sBAAsB,KAAG,mBACoE,CAAC;AAEzH,uGAAuG;AACvG,wBAAgB,UAAU,CAAC,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAEzD;AAGD,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEtG;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,CAcpH"}

package/dist/esm/components/onboarding/animated-status/engine.js

@@ -0,0 +1,32 @@
+import { ANIMATED_STATUS_ICONS, ANIMATED_STATUS_SLOT_KEYS, } from './contract';
+import { argb } from '../shared/configColor';
+export { cssColor } from '../shared/configColor';
+export function animatedStatusSeed(_config, scene) {
+    return { status: scene === 'playing' ? 'playing' : scene === 'done' ? 'done' : 'idle' };
+}
+export const wordsOf = (c) => Object.fromEntries(ANIMATED_STATUS_SLOT_KEYS.map(k => [k, c[k].trim().split(/\s+/).join(' ')]));
+/** Everything the animation says, in order — its accessible name (a canvas has no text of its own). */
+export function spokenText(w) {
+    return [w.scene1Text, w.scene2Text, w.scene3Text, `${w.scene4Text}.`, w.scene5Text, w.scene6Text].join(' · ');
+}
+/**
+ * **The words and appearance as the Rive file's view model takes them.** The one place its names
+ * appear: scene 3's words go one per line (`scene3Line1–6`), scene 4's one per cut
+ * (`scene4Word1–3`), and the icon by its index in the file (`iconIndex`).
+ */
+export function riveWrites(w, textColor, accentColor, icon) {
+    const s3 = w.scene3Text.split(' ');
+    const s4 = w.scene4Text.split(' ');
+    return [
+        { kind: 'string', name: 'scene1Text', value: w.scene1Text },
+        { kind: 'string', name: 'scene2Text', value: w.scene2Text },
+        ...s3.map((v, i) => ({ kind: 'string', name: `scene3Line${i + 1}`, value: v })),
+        ...s4.map((v, i) => ({ kind: 'string', name: `scene4Word${i + 1}`, value: v })),
+        { kind: 'string', name: 'scene5Text', value: w.scene5Text },
+        { kind: 'string', name: 'scene6Text', value: w.scene6Text },
+        { kind: 'color', name: 'textColor', value: argb(textColor) },
+        { kind: 'color', name: 'accentColor', value: argb(accentColor) },
+        { kind: 'number', name: 'iconIndex', value: Math.max(0, ANIMATED_STATUS_ICONS.indexOf(icon)) },
+    ];
+}
+//# sourceMappingURL=engine.js.map

package/dist/esm/components/onboarding/animated-status/engine.js.map

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

package/dist/esm/components/onboarding/animated-status/index.d.ts

@@ -0,0 +1,5 @@
+export { ANIMATED_STATUS_ICONS, ANIMATED_STATUS_IN_FLIGHT, ANIMATED_STATUS_PRESETS, ANIMATED_STATUS_SCENES, ANIMATED_STATUS_SECONDS, ANIMATED_STATUS_SLOTS, COLOR_TOKENS as ANIMATED_STATUS_COLOR_TOKENS, parseColor as parseAnimatedStatusColor, validateAnimatedStatus, type AnimatedStatusIcon, type AnimatedStatusScene, type AnimatedStatusSettings, type AnimatedStatusStatus, } from './contract';
+export { animatedStatusSeed, riveWrites as animatedStatusRiveWrites, spokenText as animatedStatusSpokenText, type AnimatedStatusSeed } from './engine';
+export { AnimatedStatus, type AnimatedStatusProps } from './AnimatedStatusView';
+export type { AnimatedStageProps, AnimatedStageCommand } from './AnimatedStage.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/onboarding/animated-status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,qBAAqB,EACjJ,YAAY,IAAI,4BAA4B,EAAE,UAAU,IAAI,wBAAwB,EAAE,sBAAsB,EAC5G,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB,GAC1G,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,kBAAkB,EAAE,UAAU,IAAI,wBAAwB,EAAE,UAAU,IAAI,wBAAwB,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACvJ,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChF,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esm/components/onboarding/animated-status/index.js

@@ -0,0 +1,4 @@
+export { ANIMATED_STATUS_ICONS, ANIMATED_STATUS_IN_FLIGHT, ANIMATED_STATUS_PRESETS, ANIMATED_STATUS_SCENES, ANIMATED_STATUS_SECONDS, ANIMATED_STATUS_SLOTS, COLOR_TOKENS as ANIMATED_STATUS_COLOR_TOKENS, parseColor as parseAnimatedStatusColor, validateAnimatedStatus, } from './contract';
+export { animatedStatusSeed, riveWrites as animatedStatusRiveWrites, spokenText as animatedStatusSpokenText } from './engine';
+export { AnimatedStatus } from './AnimatedStatusView';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/onboarding/animated-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,qBAAqB,EACjJ,YAAY,IAAI,4BAA4B,EAAE,UAAU,IAAI,wBAAwB,EAAE,sBAAsB,GAE7G,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,kBAAkB,EAAE,UAAU,IAAI,wBAAwB,EAAE,UAAU,IAAI,wBAAwB,EAA2B,MAAM,UAAU,CAAC;AACvJ,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC"}

package/dist/esm/components/onboarding/animated-status/presets.json

@@ -0,0 +1,126 @@
+{
+    "component": "animated-status",
+    "baseCopy": {
+        "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"
+    },
+    "base": {
+        "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"
+    },
+    "cases": {
+        "case1": {},
+        "case2": {
+            "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"
+        },
+        "case3": {
+            "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"
+        },
+        "case4": {
+            "type": "schedule",
+            "icon": "calendar",
+            "title": "Meeting finder",
+            "subtitle": "While calendars are compared",
+            "scene1Text": "Checking",
+            "scene2Text": "Calendars",
+            "scene3Text": "Finding A Time That WORKS Everyone",
+            "scene4Text": "ONE SLOT LEFT",
+            "scene5Text": "Checking availability",
+            "scene6Text": "meet.acme.co",
+            "textColor": "#2A2724",
+            "accentColor": "butterDeep",
+            "emblemIcon": "calendar"
+        },
+        "case5": {
+            "type": "agent",
+            "icon": "spark",
+            "title": "Assistant reply",
+            "subtitle": "While a response is written",
+            "scene1Text": "Thinking",
+            "scene2Text": "Drafting",
+            "scene3Text": "Writing Your Reply With CARE Today",
+            "scene4Text": "ALMOST READY NOW",
+            "scene5Text": "Generating response",
+            "scene6Text": "assistant.acme.ai",
+            "textColor": "#1F1B2E",
+            "accentColor": "lilacDeep",
+            "emblemIcon": "sparkles"
+        }
+    },
+    "meta": {
+        "case1": {
+            "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."
+        },
+        "case2": {
+            "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."
+        },
+        "case3": {
+            "eyebrow": "Case study 3 · Documents",
+            "title": "Contract review",
+            "scenario": "A document is being read. Sky-blue words from a hue token, the document icon."
+        },
+        "case4": {
+            "eyebrow": "Case study 4 · Scheduling",
+            "title": "Meeting finder",
+            "scenario": "Calendars are being compared, with the calendar icon on a butter end card."
+        },
+        "case5": {
+            "eyebrow": "Case study 5 · Assistant",
+            "title": "Assistant reply",
+            "scenario": "An assistant is writing a reply: dark ink, a lilac end card and the sparkles icon."
+        }
+    }
+}