mythik 0.0.1 → 0.1.0

package/dist/design/animation/keyframes-builder.js

@@ -0,0 +1,140 @@
+// Keyframe snapshot normalizer — converts KeyframeSnapshot into a form both
+// CSS and Reanimated builders can consume. Expands `transform` object into an
+// ordered CSS string (web) + per-axis map with NUMERIC values (RN). Applies
+// default px units for translate, default deg for rotate. Numeric form on RN
+// side is critical for Reanimated's interpolate() which requires numbers.
+//
+// Transform composition order: translate → scale → rotate → skew
+// (Framer Motion convention — avoids pivot surprises when combining rotate
+// with translate. Do not reorder without visual regression testing.)
+/**
+ * Parses a keyframe `at` string like '0%', '50%', '100%' to a [0,1] fraction.
+ * Throws on invalid format (non-percent), out-of-range (<0 or >100), or
+ * non-monotonic when used as part of a keyframe sequence (caller responsibility).
+ */
+export function parseAtToFraction(at) {
+    const match = /^(-?\d*\.?\d+)%$/.exec(at.trim());
+    if (!match) {
+        throw new Error(`invalid at (must be percent like '50%'): ${at}`);
+    }
+    const value = parseFloat(match[1]);
+    if (value < 0 || value > 100) {
+        throw new Error(`at must be in [0%, 100%]: got ${at}`);
+    }
+    return value / 100;
+}
+/**
+ * Parses a rotate value (number of degrees, or string like '45deg') to a
+ * numeric degree value. Returns null for non-deg string units (turn, rad, grad)
+ * — those remain web-only and are skipped on RN.
+ */
+function parseRotateToDeg(v) {
+    if (typeof v === 'number')
+        return v;
+    const match = /^(-?\d*\.?\d+)\s*deg$/i.exec(v.trim());
+    if (match)
+        return parseFloat(match[1]);
+    return null;
+}
+function numToPx(v) {
+    if (v === undefined)
+        return undefined;
+    return typeof v === 'number' ? `${v}px` : v;
+}
+function numToDeg(v) {
+    if (v === undefined)
+        return undefined;
+    return typeof v === 'number' ? `${v}deg` : v;
+}
+function buildTransformCSS(t) {
+    const parts = [];
+    if (t.translateX !== undefined)
+        parts.push(`translateX(${numToPx(t.translateX)})`);
+    if (t.translateY !== undefined)
+        parts.push(`translateY(${numToPx(t.translateY)})`);
+    if (t.scale !== undefined) {
+        if (typeof t.scale === 'number')
+            parts.push(`scale(${t.scale})`);
+        else
+            parts.push(`scale(${t.scale.x}, ${t.scale.y})`);
+    }
+    if (t.rotate !== undefined)
+        parts.push(`rotate(${numToDeg(t.rotate)})`);
+    if (t.skewX !== undefined)
+        parts.push(`skewX(${t.skewX}deg)`);
+    if (t.skewY !== undefined)
+        parts.push(`skewY(${t.skewY}deg)`);
+    return parts.length ? parts.join(' ') : undefined;
+}
+function buildTransformRN(t) {
+    const rn = {};
+    if (t.translateX !== undefined)
+        rn.translateX = t.translateX;
+    if (t.translateY !== undefined)
+        rn.translateY = t.translateY;
+    if (t.scale !== undefined) {
+        if (typeof t.scale === 'number')
+            rn.scale = t.scale;
+        else {
+            rn.scaleX = t.scale.x;
+            rn.scaleY = t.scale.y;
+        }
+    }
+    if (t.rotate !== undefined) {
+        const deg = parseRotateToDeg(t.rotate);
+        if (deg !== null)
+            rn.rotateDeg = deg;
+    }
+    if (t.skewX !== undefined)
+        rn.skewXDeg = t.skewX;
+    if (t.skewY !== undefined)
+        rn.skewYDeg = t.skewY;
+    return Object.keys(rn).length ? rn : undefined;
+}
+function buildFilterCSS(f) {
+    const parts = [];
+    if (f.blur !== undefined)
+        parts.push(`blur(${f.blur}px)`);
+    if (f.brightness !== undefined)
+        parts.push(`brightness(${f.brightness})`);
+    if (f.saturate !== undefined)
+        parts.push(`saturate(${f.saturate})`);
+    return parts.length ? parts.join(' ') : undefined;
+}
+export function normalizeKeyframeSnapshot(kf) {
+    const out = {
+        fraction: parseAtToFraction(kf.at),
+    };
+    if (kf.opacity !== undefined)
+        out.opacity = kf.opacity;
+    if (kf.transform) {
+        out.transformCSS = buildTransformCSS(kf.transform);
+        out.transformRN = buildTransformRN(kf.transform);
+    }
+    if (kf.backgroundColor !== undefined)
+        out.backgroundColor = kf.backgroundColor;
+    if (kf.borderColor !== undefined)
+        out.borderColor = kf.borderColor;
+    if (kf.color !== undefined)
+        out.color = kf.color;
+    if (kf.borderRadius !== undefined) {
+        out.borderRadius = numToPx(kf.borderRadius);
+    }
+    if (kf.borderWidth !== undefined)
+        out.borderWidth = kf.borderWidth;
+    if (kf.filter)
+        out.filterCSS = buildFilterCSS(kf.filter);
+    if (kf.boxShadow !== undefined)
+        out.boxShadow = kf.boxShadow;
+    return out;
+}
+/**
+ * Platform-agnostic keyframe data for an AnimationSpec. Used by Layer 1
+ * CSS and Reanimated builders, and reserved for Layer 3 (SVG shape runner in
+ * plan 3). Callers that need normalized data (tests, introspection) consume
+ * this rather than re-mapping keyframes.
+ */
+export function buildKeyframes(keyframes) {
+    return keyframes.map(normalizeKeyframeSnapshot);
+}
+//# sourceMappingURL=keyframes-builder.js.map

package/dist/design/animation/keyframes-builder.js.map

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

package/dist/design/animation/reanimated-spec.d.ts

@@ -0,0 +1,16 @@
+import type { AnimationSpec } from './types.js';
+export type ReanimatedSpec = {
+    animatedProps: string[];
+    inputRange: number[];
+    outputRanges: Record<string, number[]>;
+    animatedColorProps: Record<string, string[]>;
+    timing: {
+        duration: number;
+        delay: number;
+        iterations: number | 'infinite';
+        reverse: boolean;
+        easing: string;
+    };
+};
+export declare function buildReanimatedSpec(spec: AnimationSpec): ReanimatedSpec;
+//# sourceMappingURL=reanimated-spec.d.ts.map

package/dist/design/animation/reanimated-spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reanimated-spec.d.ts","sourceRoot":"","sources":["../../../src/design/animation/reanimated-spec.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC;QAChC,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAyFF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,aAAa,GAAG,cAAc,CAkDvE"}

package/dist/design/animation/reanimated-spec.js

@@ -0,0 +1,162 @@
+// buildReanimatedSpec — RN output for animation engine.
+// Emits a plain data descriptor: which properties animate, the input range
+// (fractions from keyframes), the output range per property, timing config.
+// The RN hook (Layer 2) consumes this to wire shared values + useAnimatedStyle.
+// Pure function, no Reanimated imports at this layer.
+//
+// Animated properties covered (GPU-accelerated, cross-platform):
+//   opacity, translateX, translateY, scale/scaleX/scaleY,
+//   rotateDeg (degrees, numeric), skewXDeg, skewYDeg,
+//   borderRadius (px only — percentage throws), borderWidth
+// Color properties (interpolated separately via interpolateColor):
+//   backgroundColor, borderColor, color
+// Explicitly omitted on RN (web-only): filter — blur/brightness/saturate —
+// and boxShadow — CSS shorthand strings with no 1:1 RN mapping (iOS splits
+// into shadowColor/Offset/Radius/Opacity, Android uses elevation, neither
+// string-parseable). A future framework feature (plan 3+) can add per-
+// platform parsing + interpolation.
+import { normalizeKeyframeSnapshot } from './keyframes-builder.js';
+const NUMERIC_PROPS = [
+    'opacity',
+    'translateX',
+    'translateY',
+    'scale',
+    'scaleX',
+    'scaleY',
+    'rotateDeg',
+    'skewXDeg',
+    'skewYDeg',
+    'borderRadius',
+    'borderWidth',
+];
+const COLOR_PROPS = ['backgroundColor', 'borderColor', 'color'];
+function extractNumericFromRN(rn) {
+    const out = {};
+    if (rn.opacity !== undefined)
+        out.opacity = rn.opacity;
+    if (rn.transformRN) {
+        const t = rn.transformRN;
+        if (typeof t.translateX === 'number')
+            out.translateX = t.translateX;
+        if (typeof t.translateY === 'number')
+            out.translateY = t.translateY;
+        if (t.scale !== undefined)
+            out.scale = t.scale;
+        if (t.scaleX !== undefined)
+            out.scaleX = t.scaleX;
+        if (t.scaleY !== undefined)
+            out.scaleY = t.scaleY;
+        if (t.rotateDeg !== undefined)
+            out.rotateDeg = t.rotateDeg;
+        if (t.skewXDeg !== undefined)
+            out.skewXDeg = t.skewXDeg;
+        if (t.skewYDeg !== undefined)
+            out.skewYDeg = t.skewYDeg;
+    }
+    if (rn.borderRadius !== undefined) {
+        const match = /^(-?\d*\.?\d+)px$/.exec(rn.borderRadius);
+        if (match) {
+            out.borderRadius = parseFloat(match[1]);
+        }
+        else if (rn.borderRadius.endsWith('%')) {
+            throw new Error(`RN cannot animate percentage borderRadius: '${rn.borderRadius}' — use pixel values on RN-targeted animations`);
+        }
+    }
+    if (rn.borderWidth !== undefined)
+        out.borderWidth = rn.borderWidth;
+    return out;
+}
+function extractColorsFromRN(rn) {
+    const out = {};
+    if (rn.backgroundColor)
+        out.backgroundColor = rn.backgroundColor;
+    if (rn.borderColor)
+        out.borderColor = rn.borderColor;
+    if (rn.color)
+        out.color = rn.color;
+    return out;
+}
+function fillNearestNeighbor(values) {
+    const out = [...values];
+    for (let i = 0; i < out.length; i++) {
+        if (out[i] !== undefined)
+            continue;
+        let j = i - 1;
+        while (j >= 0 && out[j] === undefined)
+            j--;
+        let k = i + 1;
+        while (k < out.length && out[k] === undefined)
+            k++;
+        if (j >= 0)
+            out[i] = out[j];
+        else if (k < out.length)
+            out[i] = out[k];
+        // Note: caller guarantees at least one defined value (filtered via `some`).
+        // The "all undefined" branch is defensive; unreachable in normal flow.
+    }
+    return out;
+}
+function fillNearestColor(values) {
+    const out = [...values];
+    for (let i = 0; i < out.length; i++) {
+        if (out[i] !== undefined)
+            continue;
+        let j = i - 1;
+        while (j >= 0 && out[j] === undefined)
+            j--;
+        let k = i + 1;
+        while (k < out.length && out[k] === undefined)
+            k++;
+        if (j >= 0)
+            out[i] = out[j];
+        else if (k < out.length)
+            out[i] = out[k];
+        // Same "all undefined" defensive branch as fillNearestNeighbor.
+    }
+    return out;
+}
+export function buildReanimatedSpec(spec) {
+    const normalized = spec.keyframes.map(normalizeKeyframeSnapshot);
+    const inputRange = normalized.map((n) => n.fraction);
+    const numericByProp = {};
+    const colorByProp = {};
+    const numericRows = normalized.map(extractNumericFromRN);
+    const colorRows = normalized.map(extractColorsFromRN);
+    for (const prop of NUMERIC_PROPS) {
+        const col = numericRows.map((r) => r[prop]);
+        if (col.some((v) => v !== undefined)) {
+            numericByProp[prop] = col;
+        }
+    }
+    for (const prop of COLOR_PROPS) {
+        const col = colorRows.map((r) => r[prop]);
+        if (col.some((v) => v !== undefined)) {
+            colorByProp[prop] = col;
+        }
+    }
+    const outputRanges = {};
+    for (const [k, v] of Object.entries(numericByProp)) {
+        outputRanges[k] = fillNearestNeighbor(v);
+    }
+    const animatedColorProps = {};
+    for (const [k, v] of Object.entries(colorByProp)) {
+        animatedColorProps[k] = fillNearestColor(v);
+    }
+    const reverse = spec.direction === 'alternate' ||
+        spec.direction === 'alternate-reverse' ||
+        spec.direction === 'reverse';
+    return {
+        animatedProps: Object.keys(outputRanges),
+        inputRange,
+        outputRanges,
+        animatedColorProps,
+        timing: {
+            duration: spec.duration,
+            delay: spec.delay,
+            iterations: spec.iterations,
+            reverse,
+            easing: spec.easing,
+        },
+    };
+}
+//# sourceMappingURL=reanimated-spec.js.map

package/dist/design/animation/reanimated-spec.js.map

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

package/dist/design/animation/reduced-motion.d.ts

@@ -0,0 +1,3 @@
+import type { AnimationSpec, AnimationTrigger } from './types.js';
+export declare function applyReducedMotion(spec: AnimationSpec, trigger: AnimationTrigger): AnimationSpec | null;
+//# sourceMappingURL=reduced-motion.d.ts.map

package/dist/design/animation/reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduced-motion.d.ts","sourceRoot":"","sources":["../../../src/design/animation/reduced-motion.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAoB,MAAM,YAAY,CAAC;AAkBpF,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,gBAAgB,GACxB,aAAa,GAAG,IAAI,CAmBtB"}

package/dist/design/animation/reduced-motion.js

@@ -0,0 +1,54 @@
+// applyReducedMotion — moderate a11y policy per the master design spec.
+// Takes an AnimationSpec + trigger, returns a modified spec or null (skip).
+// `essential: true` overrides the policy unconditionally — intended for
+// spinners and loaders where motion is an affordance not decoration.
+//
+// Policy (when OS reports prefers-reduced-motion: reduce):
+//   mount     → only opacity preserved, transforms stripped
+//   unmount   → same as mount
+//   hover     → skipped entirely (non-critical feedback)
+//   focus     → preserved (a11y-critical)
+//   active    → opacity preserved, transforms stripped
+//   ambient   → disabled entirely (infinite motion loops are most problematic)
+//   stateChange → preserved, duration reduced 3x (min 50ms to retain change signal)
+//
+// Degenerate-output guard: when stripping transforms leaves keyframes with no
+// animated properties (transform-only recipes like slide-left, spin), the
+// animation becomes a silent no-op. We return null in that case so the Layer 2
+// runner skips scheduling a frame, matching the hover/ambient skip semantics.
+//
+// The function does NOT mutate its input. It returns a new spec (or null).
+const MIN_STATE_CHANGE_DURATION_MS = 50;
+function stripTransform(keyframes) {
+    return keyframes.map(({ transform: _t, ...rest }) => rest);
+}
+function hasAnimatedProperty(keyframes) {
+    return keyframes.some(({ at: _at, ...rest }) => Object.keys(rest).length > 0);
+}
+function stripAndGuard(spec) {
+    const stripped = stripTransform(spec.keyframes);
+    if (!hasAnimatedProperty(stripped))
+        return null;
+    return { ...spec, keyframes: stripped };
+}
+export function applyReducedMotion(spec, trigger) {
+    if (spec.essential)
+        return spec;
+    switch (trigger) {
+        case 'mount':
+        case 'unmount':
+        case 'active':
+            return stripAndGuard(spec);
+        case 'hover':
+        case 'ambient':
+            return null;
+        case 'focus':
+            return spec;
+        case 'stateChange':
+            return {
+                ...spec,
+                duration: Math.max(MIN_STATE_CHANGE_DURATION_MS, Math.round(spec.duration / 3)),
+            };
+    }
+}
+//# sourceMappingURL=reduced-motion.js.map

package/dist/design/animation/reduced-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduced-motion.js","sourceRoot":"","sources":["../../../src/design/animation/reduced-motion.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,4EAA4E;AAC5E,wEAAwE;AACxE,qEAAqE;AACrE,EAAE;AACF,2DAA2D;AAC3D,4DAA4D;AAC5D,8BAA8B;AAC9B,yDAAyD;AACzD,0CAA0C;AAC1C,uDAAuD;AACvD,+EAA+E;AAC/E,oFAAoF;AACpF,EAAE;AACF,8EAA8E;AAC9E,0EAA0E;AAC1E,+EAA+E;AAC/E,8EAA8E;AAC9E,EAAE;AACF,2EAA2E;AAI3E,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAExC,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;AAC7D,CAAC;AAED,SAAS,mBAAmB,CAAC,SAA6B;IACxD,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAChF,CAAC;AAED,SAAS,aAAa,CAAC,IAAmB;IACxC,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChD,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAC;IAChD,OAAO,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,IAAmB,EACnB,OAAyB;IAEzB,IAAI,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAEhC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO,CAAC;QACb,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7B,KAAK,OAAO,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,IAAI,CAAC;QACd,KAAK,OAAO;YACV,OAAO,IAAI,CAAC;QACd,KAAK,aAAa;YAChB,OAAO;gBACL,GAAG,IAAI;gBACP,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,4BAA4B,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;aAChF,CAAC;IACN,CAAC;AACH,CAAC"}

package/dist/design/animation/resolver.d.ts

@@ -0,0 +1,3 @@
+import type { AnimationRef, AnimationSpec, InlineAnimation } from './types.js';
+export declare function resolveAnimation(ref: AnimationRef, recipes: Record<string, InlineAnimation>): AnimationSpec;
+//# sourceMappingURL=resolver.d.ts.map

package/dist/design/animation/resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../src/design/animation/resolver.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EAChB,MAAM,YAAY,CAAC;AAkBpB,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GACvC,aAAa,CAwEf"}

package/dist/design/animation/resolver.js

@@ -0,0 +1,86 @@
+// resolveAnimation — Layer 1 pure resolver.
+// Takes AnimationRef (recipe reference or inline animation) + recipe registry,
+// produces a fully-normalized AnimationSpec with parsed durations and
+// default values filled in.
+function parseDuration(d, fallback) {
+    if (d === undefined)
+        return fallback;
+    if (typeof d === 'number')
+        return d;
+    const match = /^(-?\d*\.?\d+)\s*(ms|s)?$/i.exec(d.trim());
+    if (!match) {
+        throw new Error(`invalid duration value: ${d}`);
+    }
+    const value = parseFloat(match[1]);
+    const unit = (match[2] ?? 'ms').toLowerCase();
+    return unit === 's' ? value * 1000 : value;
+}
+function isInline(ref) {
+    return 'keyframes' in ref;
+}
+export function resolveAnimation(ref, recipes) {
+    // Runtime guard: reject malformed refs that specify both a recipe and inline
+    // keyframes. TypeScript blocks this at compile time via the union, but JSON
+    // input has no such protection.
+    if (isInline(ref) && 'recipe' in ref) {
+        throw new Error(`animation ref cannot have both 'recipe' and 'keyframes' — pick one`);
+    }
+    let base;
+    let overrides = {};
+    if (isInline(ref)) {
+        base = ref;
+    }
+    else {
+        const recipe = recipes[ref.recipe];
+        if (!recipe) {
+            throw new Error(`unknown recipe: ${ref.recipe}`);
+        }
+        base = recipe;
+        overrides = {
+            duration: ref.duration,
+            easing: ref.easing,
+            delay: ref.delay,
+            iterations: ref.iterations,
+            stagger: ref.stagger,
+            essential: ref.essential,
+        };
+    }
+    // Defensive validation of the keyframe sequence. Failing early here
+    // produces a clear error; skipping lets the CSS/Reanimated builders emit
+    // inert or broken output at runtime. Downstream color-value validation
+    // (hex/rgba/hsl/oklch/named) is deferred — the resolver trusts string
+    // values as-is and lets the platform renderer reject invalid colors.
+    if (base.keyframes.length === 0) {
+        throw new Error(`animation has no keyframes`);
+    }
+    const fractions = base.keyframes.map((kf) => {
+        const match = /^(-?\d*\.?\d+)%$/.exec(kf.at.trim());
+        if (!match) {
+            throw new Error(`invalid keyframe 'at': ${kf.at}`);
+        }
+        const value = parseFloat(match[1]);
+        if (value < 0 || value > 100) {
+            throw new Error(`keyframe 'at' must be in [0%, 100%]: got ${kf.at}`);
+        }
+        return value;
+    });
+    for (let i = 1; i < fractions.length; i++) {
+        if (fractions[i] < fractions[i - 1]) {
+            throw new Error(`keyframe 'at' values must be monotonically non-decreasing; got ${base.keyframes[i - 1].at} \u2192 ${base.keyframes[i].at}`);
+        }
+    }
+    const duration = parseDuration(overrides.duration ?? base.duration, 200);
+    const delay = parseDuration(overrides.delay ?? base.delay, 0);
+    return {
+        keyframes: base.keyframes,
+        duration,
+        easing: overrides.easing ?? base.easing ?? 'ease-out',
+        delay,
+        iterations: overrides.iterations ?? base.iterations ?? 1,
+        direction: base.direction ?? 'normal',
+        fillMode: base.fillMode ?? 'both',
+        stagger: overrides.stagger ?? base.stagger,
+        essential: overrides.essential ?? base.essential ?? false,
+    };
+}
+//# sourceMappingURL=resolver.js.map

package/dist/design/animation/resolver.js.map

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

package/dist/design/animation/types.d.ts

@@ -0,0 +1,109 @@
+export type TransformValue = {
+    translateX?: number | string;
+    translateY?: number | string;
+    scale?: number | {
+        x: number;
+        y: number;
+    };
+    rotate?: number | string;
+    skewX?: number;
+    skewY?: number;
+};
+export type FilterValue = {
+    blur?: number;
+    brightness?: number;
+    saturate?: number;
+};
+export type KeyframeSnapshot = {
+    at: string;
+    opacity?: number;
+    transform?: TransformValue;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadius?: number | string;
+    borderWidth?: number;
+    color?: string;
+    filter?: FilterValue;
+    /**
+     * CSS box-shadow value as a literal shorthand string
+     * (e.g. `'0 0 20px 4px rgba(99,102,241,0.45)'` or `'none'`).
+     * Web-only: emitted as `box-shadow: <value>` in CSS keyframes.
+     * RN omits this (same policy as `filter`) — RN's shadow system is a
+     * set of discrete props (shadowColor/Offset/Radius/Opacity on iOS,
+     * elevation on Android) with no direct string-parseable equivalent.
+     * A future framework feature (plan 3+) can add per-platform mapping.
+     */
+    boxShadow?: string;
+};
+export type StaggerConfig = {
+    delay: number;
+    from?: 0 | 'last' | 'center';
+};
+export type InlineAnimation = {
+    keyframes: KeyframeSnapshot[];
+    duration: string | number;
+    easing?: string;
+    delay?: string | number;
+    iterations?: number | 'infinite';
+    direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
+    fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
+    stagger?: StaggerConfig;
+    essential?: boolean;
+};
+export type AnimationRef = {
+    recipe: string;
+    duration?: string | number;
+    easing?: string;
+    delay?: string | number;
+    iterations?: number | 'infinite';
+    stagger?: StaggerConfig;
+    essential?: boolean;
+} | InlineAnimation;
+/**
+ * Animation fired when a watched state path changes.
+ *
+ * Design note (symmetric keyframes): stateChange animations are intended as
+ * transient pulses that return to baseline. Keyframes should start AND end
+ * at the same visual state (e.g. `pop`: scale 1 → 1.1 → 1). Asymmetric
+ * keyframes combined with `fillMode: 'forwards'` on the underlying recipe
+ * will cause a visible snap-back when the transient CSS clears — avoid
+ * unless the snap-back is the intended UX.
+ *
+ * Design note (single-fire): stateChange does not expose iterations or
+ * direction. A stateChange fire is one animation from start to end. For
+ * repeating behavior on state change, use `ambient` with conditional
+ * enablement via `$cond` in the spec layer (plan 3 cascade).
+ */
+export type StateChangeAnimation = {
+    watch: string;
+    on?: 'change' | 'increase' | 'decrease' | 'truthy' | 'falsy' | {
+        equals: unknown;
+    };
+    recipe?: string;
+    keyframes?: KeyframeSnapshot[];
+    duration: string | number;
+    easing?: string;
+    debounce?: string | number;
+};
+export type ElementAnimations = {
+    mount?: AnimationRef | AnimationRef[] | null;
+    unmount?: AnimationRef | AnimationRef[] | null;
+    hover?: AnimationRef | AnimationRef[] | null;
+    focus?: AnimationRef | AnimationRef[] | null;
+    active?: AnimationRef | AnimationRef[] | null;
+    ambient?: AnimationRef | AnimationRef[] | null;
+    stateChange?: StateChangeAnimation | StateChangeAnimation[] | null;
+};
+export type AnimationTrigger = keyof ElementAnimations;
+export type AnimationSpec = {
+    keyframes: KeyframeSnapshot[];
+    duration: number;
+    easing: string;
+    delay: number;
+    iterations: number | 'infinite';
+    direction: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
+    fillMode: 'none' | 'forwards' | 'backwards' | 'both';
+    stagger?: StaggerConfig;
+    essential: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/design/animation/types.d.ts.map

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

package/dist/design/animation/types.js

@@ -0,0 +1,7 @@
+// Animation engine v1 types (plan 2 — Deep Backgrounds & Motion milestone)
+// Pure type definitions; no runtime. Consumed by Layer 1 resolvers
+// (resolveAnimation, buildCSSKeyframes, buildReanimatedSpec) and Layer 2
+// runners (useElementAnimations in mythik-react and
+// mythik-react-native).
+export {};
+//# sourceMappingURL=types.js.map

package/dist/design/animation/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/design/animation/types.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,mEAAmE;AACnE,yEAAyE;AACzE,oDAAoD;AACpD,wBAAwB"}