keyframekit 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ben Hatsor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,122 @@
+# [KeyframeKit](https://keyframekit.berryscript.com)
+
+Intuitive, powerful and performant tools for working with CSS animations in JavaScript.  
+Powered by the [Web Animations API][1].
+
+## Installation
+
+### NPM
+```sh
+npm install keyframekit
+```
+
+## Usage
+
+### Playing CSS-defined animations with JS
+
+In your CSS:
+```css
+@keyframes rotate-small { ... }
+```
+
+Then, in JS:
+```js
+import KeyframeKit from 'keyframekit';
+
+const documentStyleSheets = await KeyframeKit.getDocumentStyleSheetsOnLoad();
+
+// get animation keyframes from stylesheet
+const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
+  of: 'rotate-small',
+  in: documentStyleSheets
+});
+
+// then, define your animation
+const rotateSmallAnim = rotateSmallAnimKeyframes.toKeyframeEffect({
+  duration: 700,
+  easing: 'ease'
+});
+
+// finally, attach it to an element:
+const attachedAnim = rotateSmallAnim.toAnimation({
+  target: document.querySelector('.el')
+});
+
+attachedAnim.play();
+```
+
+The primary reason to play your animation with JS is because you get way more control over its playback:
+```js
+attachedAnim.pause();
+attachedAnim.playbackRate = -1;
+const progress = attachedAnim.overallProgress; // 0 to 1 (Baseline newly available)
+await attachedAnim.finished;
+```
+[...and more.][2]
+
+### Defining animations in JS
+
+This is useful for when you want to have all your animation code in one place.
+
+```js
+import { KeyframeEffectParameters } from 'keyframekit';
+
+// define your animation
+const linkTextHoverAnim = new KeyframeEffectParameters({
+
+  keyframes: {
+    // 0 to 1. equivalent to CSS keyframe percentage values:
+    offset: [0, 0.499, 0.5, 1],
+    // respective CSS property keyframes:
+    clipPath: ['inset(0 0 0 0)', 'inset(100% 0 0 0)', 'inset(0 0 100% 0)', 'inset(0 0 0 0)'],
+    top: ['0', '-20px', '20px', '0']
+  },
+
+  options: {
+    duration: 700,
+    easing: 'ease'
+  }
+  
+});
+
+// then, attach it to an element:
+const attachedAnim = linkTextHoverAnim.toAnimation({
+  target: document.querySelector('.link')
+});
+
+attachedAnim.play();
+```
+
+### Importing a stylesheet directly
+
+Instead of getting an animation from the document's stylesheets, you can also import it directly from a CSS file.
+
+```js
+import KeyframeKit from 'keyframekit';
+
+const styleSheet = await KeyframeKit.importStyleSheet('./styles.css');
+
+// get animation keyframes from stylesheet
+const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
+  of: 'rotate-small',
+  in: styleSheet
+});
+```
+
+> Note: `@import` rules won't be resolved in stylesheets imported in this way. [More info.][3]
+
+### Full reference
+[See here.](/reference)
+
+## Typing
+
+This library is fully compatable with native JS, but it also has full spec-compliant type support, including declaration files and source maps.
+
+## License
+
+[MIT](LICENSE)
+
+
+[1]: https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API
+[2]: https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API
+[3]: https://github.com/WICG/construct-stylesheets/issues/119#issuecomment-588352418

package/dist/KeyframeKit.d.ts

@@ -0,0 +1,139 @@
+export type KeyframesFactorySource = StyleSheetList | CSSStyleSheet;
+declare class KeyframesFactory {
+    #private;
+    readonly Error: {
+        readonly KeyframesRuleNameTypeError: {
+            new (message?: string): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            new (message?: string, options?: ErrorOptions): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            new (message?: string): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            new (message?: string, options?: ErrorOptions): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            isError(error: unknown): error is Error;
+        };
+        readonly SourceTypeError: {
+            new (message?: string): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            new (message?: string, options?: ErrorOptions): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            new (message?: string): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            new (message?: string, options?: ErrorOptions): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            isError(error: unknown): error is Error;
+        };
+        readonly StyleSheetImportError: {
+            new (message?: string): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            new (message?: string, options?: ErrorOptions): {
+                message: string;
+                name: string;
+                stack?: string;
+                cause?: unknown;
+            };
+            isError(error: unknown): error is Error;
+        };
+    };
+    getDocumentStyleSheetsOnLoad({ document }?: {
+        document?: Document;
+    }): Promise<StyleSheetList>;
+    /** @remarks
+     *  Note: `@import` rules won't be resolved in imported stylesheets.
+     *  See https://github.com/WICG/construct-stylesheets/issues/119#issuecomment-588352418. */
+    importStyleSheet(url: string): Promise<CSSStyleSheet>;
+    /** @param obj.of The name of the `@keyframes` rule to get keyframes from. */
+    getStyleSheetKeyframes({ of: ruleName, in: source }: {
+        of: string;
+        in: KeyframesFactorySource;
+    }): ParsedKeyframes | undefined;
+    getAllStyleSheetKeyframesRules({ in: source }: {
+        in: KeyframesFactorySource;
+    }): ParsedKeyframesRules;
+    parseKeyframesRule({ rule: keyframes }: {
+        rule: CSSKeyframesRule;
+    }): ParsedKeyframes;
+}
+declare const _default: KeyframesFactory;
+export default _default;
+export type { KeyframesFactory };
+/** https://drafts.csswg.org/web-animations-1/#processing-a-keyframes-argument */
+export type KeyframeArgument = Keyframe[] | PropertyIndexedKeyframes;
+/** https://drafts.csswg.org/web-animations-1/#the-keyframeeffect-interface */
+export declare class KeyframeEffectParameters {
+    #private;
+    keyframes: KeyframeArgument;
+    options: KeyframeEffectOptions;
+    /**
+     * @param obj.keyframes [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats)
+     * @param obj.options [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
+     */
+    constructor({ keyframes, options }: {
+        keyframes: KeyframeArgument;
+        options?: number | KeyframeEffectOptions;
+    });
+    /**
+     * @param obj.target An element to attach the animation to.
+     * @param obj.options Additional keyframe effect options. Can override existing keys.
+     * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
+     *
+     * @see Specifications:
+     * - https://drafts.csswg.org/web-animations-1/#the-keyframeeffect-interface
+     * - https://drafts.csswg.org/web-animations-1/#the-animation-interface
+     */
+    toAnimation({ target, options: additionalOptions, timeline }: {
+        target: Element | null;
+        options?: number | KeyframeEffectOptions;
+        timeline?: AnimationTimeline;
+    }): Animation;
+}
+export declare class ParsedKeyframes {
+    keyframes: Keyframe[];
+    constructor(keyframes: Keyframe[]);
+    /**
+     * @param options
+     * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
+     */
+    toKeyframeEffect(options: number | KeyframeEffectOptions | null): KeyframeEffectParameters;
+}
+export type ParsedKeyframesRules = {
+    [ruleName: string]: ParsedKeyframes;
+};
+//# sourceMappingURL=KeyframeKit.d.ts.map

package/dist/KeyframeKit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyframeKit.d.ts","sourceRoot":"","sources":["../src/KeyframeKit.ts"],"names":[],"mappings":"AAgBA,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,aAAa,CAAC;AAEpE,cAAM,gBAAgB;;IAEpB,QAAQ,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAUH;IAGL,4BAA4B,CAAC,EAAE,QAA0B,EAAE,GAAE;QACjE,QAAQ,CAAC,EAAE,QAAQ,CAAA;KACf;IAWN;;+FAE2F;IACrF,gBAAgB,CAAC,GAAG,EAAE,MAAM;IAwBlC,6EAA6E;IAC7E,sBAAsB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;QACnD,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,sBAAsB,CAAA;KAC3B,GAAG,eAAe,GAAG,SAAS;IA0E/B,8BAA8B,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;QAC7C,EAAE,EAAE,sBAAsB,CAAA;KAC3B,GAAG,oBAAoB;IAsExB,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QACtC,IAAI,EAAE,gBAAgB,CAAA;KACvB,GAAG,eAAe;CAiHpB;;AAED,wBAAsC;AACtC,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAMjC,iFAAiF;AACjF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,EAAE,GAAG,wBAAwB,CAAC;AAErE,8EAA8E;AAC9E,qBAAa,wBAAwB;;IAEnC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,OAAO,EAAE,qBAAqB,CAAC;IAE/B;;;OAGG;gBACS,EAAE,SAAS,EAAE,OAAY,EAAE,EAAE;QACvC,SAAS,EAAE,gBAAgB,CAAC;QAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAA;KACzC;IAKD;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAsB,EAAE,QAA4B,EAAE,EAAE;QACrF,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;QACzC,QAAQ,CAAC,EAAE,iBAAiB,CAAA;KAC7B,GAAG,SAAS;CAqCd;AAGD,qBAAa,eAAe;IAE1B,SAAS,EAAE,QAAQ,EAAE,CAAC;gBAEV,SAAS,EAAE,QAAQ,EAAE;IAIjC;;;OAGG;IACH,gBAAgB,CACd,OAAO,EAAE,MAAM,GAAG,qBAAqB,GAAG,IAAI,GAC7C,wBAAwB;CAwB5B;AAGD,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,CAAA;CACpC,CAAC"}

package/dist/KeyframeKit.js

@@ -0,0 +1,294 @@
+//
+// KeyframeKit
+// Ben Hatsor
+// 
+// See README.md for usage.
+//
+const CHARS = {
+    PERCENT_SIGN: '%',
+    HYPHEN_MINUS: '-',
+    DOUBLE_HYPHEN_MINUS: '--',
+    WEBKIT_PREFIX: '-webkit-'
+};
+class KeyframesFactory {
+    Error = {
+        KeyframesRuleNameTypeError: class KeyframesRuleNameTypeError extends TypeError {
+            message = `Keyframes rule name must be a string.`;
+        },
+        SourceTypeError: class SourceTypeError extends TypeError {
+            message = `Source must be either a Document, a ShadowRoot or a CSSStyleSheet instance.`;
+        },
+        StyleSheetImportError: class StyleSheetImportError extends Error {
+            message = `The stylesheet could not be imported.`;
+        }
+    };
+    async getDocumentStyleSheetsOnLoad({ document = window.document } = {}) {
+        await waitForDocumentLoad({
+            document: document
+        });
+        return document.styleSheets;
+    }
+    /** @remarks
+     *  Note: `@import` rules won't be resolved in imported stylesheets.
+     *  See https://github.com/WICG/construct-stylesheets/issues/119#issuecomment-588352418. */
+    async importStyleSheet(url) {
+        const resp = await fetch(url);
+        if (!resp.ok) {
+            throw new this.Error.StyleSheetImportError();
+        }
+        const respText = await resp.text();
+        // remove file name from URL to get base URL
+        const baseURL = url.split('/').slice(0, -1).join('/');
+        const styleSheet = new CSSStyleSheet({
+            baseURL: baseURL
+        });
+        await styleSheet.replace(respText);
+        return styleSheet;
+    }
+    /** @param obj.of The name of the `@keyframes` rule to get keyframes from. */
+    getStyleSheetKeyframes({ of: ruleName, in: source }) {
+        if (typeof ruleName !== 'string') {
+            throw new this.Error.KeyframesRuleNameTypeError();
+        }
+        if (source instanceof StyleSheetList) {
+            return this.#getStyleSheetKeyframesInStyleSheetList({
+                of: ruleName,
+                styleSheetList: source
+            });
+        }
+        else if (source instanceof CSSStyleSheet) {
+            return this.#getStyleSheetKeyframesInStyleSheet({
+                of: ruleName,
+                styleSheet: source
+            });
+        }
+        else {
+            throw new this.Error.SourceTypeError();
+        }
+    }
+    #getStyleSheetKeyframesInStyleSheetList({ of: ruleName, styleSheetList }) {
+        for (const styleSheet of styleSheetList) {
+            const keyframesRule = this.#getStyleSheetKeyframesInStyleSheet({
+                of: ruleName,
+                styleSheet: styleSheet
+            });
+            if (keyframesRule !== undefined) {
+                return keyframesRule;
+            }
+        }
+    }
+    #getStyleSheetKeyframesInStyleSheet({ of: ruleName, styleSheet }) {
+        for (const rule of styleSheet.cssRules) {
+            if (!(rule instanceof CSSKeyframesRule)) {
+                continue;
+            }
+            if (rule.name === ruleName) {
+                const keyframes = this.parseKeyframesRule({
+                    rule: rule
+                });
+                return keyframes;
+            }
+        }
+    }
+    getAllStyleSheetKeyframesRules({ in: source }) {
+        if (source instanceof StyleSheetList) {
+            return this.#getAllStyleSheetKeyframesRulesInStyleSheetList({
+                styleSheetList: source
+            });
+        }
+        else if (source instanceof CSSStyleSheet) {
+            return this.#getAllStyleSheetKeyframesRulesInStyleSheet({
+                styleSheet: source
+            });
+        }
+        else {
+            throw new this.Error.SourceTypeError();
+        }
+    }
+    #getAllStyleSheetKeyframesRulesInStyleSheetList({ styleSheetList }) {
+        let keyframesRules = {};
+        for (const styleSheet of styleSheetList) {
+            const styleSheetKeyframesRules = this.#getAllStyleSheetKeyframesRulesInStyleSheet({
+                styleSheet: styleSheet
+            });
+            keyframesRules = {
+                ...keyframesRules,
+                ...styleSheetKeyframesRules
+            };
+        }
+        return keyframesRules;
+    }
+    #getAllStyleSheetKeyframesRulesInStyleSheet({ styleSheet }) {
+        let keyframesRules = {};
+        for (const rule of styleSheet.cssRules) {
+            if (!(rule instanceof CSSKeyframesRule)) {
+                continue;
+            }
+            const keyframes = this.parseKeyframesRule({
+                rule: rule
+            });
+            keyframesRules[rule.name] = keyframes;
+        }
+        return keyframesRules;
+    }
+    parseKeyframesRule({ rule: keyframes }) {
+        let parsedKeyframes = [];
+        for (const keyframe of keyframes) {
+            // remove trailing '%'
+            /// https://drafts.csswg.org/css-animations/#dom-csskeyframerule-keytext
+            const percentString = removeSuffix({
+                of: keyframe.keyText,
+                suffix: CHARS.PERCENT_SIGN
+            });
+            const percent = Number(percentString);
+            const offset = percent / 100;
+            let parsedProperties = {};
+            for (const propertyName of keyframe.style) {
+                /// https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/getPropertyValue
+                const propertyValue = keyframe.style.getPropertyValue(propertyName);
+                /// https://drafts.csswg.org/web-animations-1/#ref-for-animation-property-name-to-idl-attribute-name%E2%91%A0
+                const attributeName = this.#animationPropertyNameToIDLAttributeName(propertyName);
+                parsedProperties[attributeName] = propertyValue;
+            }
+            const parsedKeyframe = {
+                ...parsedProperties,
+                offset: offset
+            };
+            parsedKeyframes.push(parsedKeyframe);
+        }
+        const parsedKeyframesInstance = new ParsedKeyframes(parsedKeyframes);
+        return parsedKeyframesInstance;
+    }
+    /** https://drafts.csswg.org/web-animations-1/#animation-property-name-to-idl-attribute-name */
+    #animationPropertyNameToIDLAttributeName(property) {
+        if (this.#isCustomPropertyName(property))
+            return property;
+        if (property === 'float')
+            return 'cssFloat';
+        if (property === 'offset')
+            return 'cssOffset';
+        // https://drafts.csswg.org/cssom/#ref-for-supported-css-property%E2%91%A2
+        const lowercaseFirst = this.#isWebkitCasedAttribute(property);
+        return this.#cssPropertyToIDLAttribute(property, lowercaseFirst);
+    }
+    /** https://drafts.csswg.org/cssom/#css-property-to-idl-attribute */
+    #cssPropertyToIDLAttribute(property, lowercaseFirst = false) {
+        let output = '';
+        let uppercaseNext = false;
+        if (lowercaseFirst) {
+            property = property.slice(1);
+        }
+        for (const c of property) {
+            if (c === CHARS.HYPHEN_MINUS) {
+                uppercaseNext = true;
+            }
+            else if (uppercaseNext) {
+                uppercaseNext = false;
+                output += c.toUpperCase();
+            }
+            else {
+                output += c;
+            }
+        }
+        return output;
+    }
+    /** https://drafts.csswg.org/css-variables-2/#typedef-custom-property-name */
+    #isCustomPropertyName(property) {
+        return property.startsWith(CHARS.DOUBLE_HYPHEN_MINUS) &&
+            property !== CHARS.DOUBLE_HYPHEN_MINUS;
+    }
+    /** https://drafts.csswg.org/cssom/#ref-for-supported-css-property%E2%91%A2 */
+    #isWebkitCasedAttribute(property) {
+        return property.startsWith(CHARS.WEBKIT_PREFIX);
+    }
+}
+export default new KeyframesFactory();
+/** https://drafts.csswg.org/web-animations-1/#the-keyframeeffect-interface */
+export class KeyframeEffectParameters {
+    keyframes;
+    options;
+    /**
+     * @param obj.keyframes [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats)
+     * @param obj.options [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
+     */
+    constructor({ keyframes, options = {} }) {
+        this.keyframes = keyframes;
+        this.options = this.#parseOptionsArg(options);
+    }
+    /**
+     * @param obj.target An element to attach the animation to.
+     * @param obj.options Additional keyframe effect options. Can override existing keys.
+     * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
+     *
+     * @see Specifications:
+     * - https://drafts.csswg.org/web-animations-1/#the-keyframeeffect-interface
+     * - https://drafts.csswg.org/web-animations-1/#the-animation-interface
+     */
+    toAnimation({ target, options: additionalOptions = {}, timeline = document.timeline }) {
+        additionalOptions = this.#parseOptionsArg(additionalOptions);
+        // override existing option keys with additional options
+        const options = {
+            ...this.options, ...additionalOptions
+        };
+        const keyframeEffect = new KeyframeEffect(target, this.keyframes, options);
+        const animation = new Animation(keyframeEffect, timeline);
+        return animation;
+    }
+    /** https://drafts.csswg.org/web-animations-1/#dom-keyframeeffect-keyframeeffect-target-keyframes-options-options
+        https://drafts.csswg.org/web-animations-1/#dom-effecttiming-duration */
+    #parseOptionsArg(options) {
+        if (typeof options === 'number') {
+            return { duration: options };
+        }
+        return options;
+    }
+}
+export class ParsedKeyframes {
+    keyframes;
+    constructor(keyframes) {
+        this.keyframes = keyframes;
+    }
+    /**
+     * @param options
+     * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#options)
+     */
+    toKeyframeEffect(options) {
+        let keyframeEffect;
+        // convert (required) nullable to optional
+        if (options !== null) {
+            keyframeEffect = new KeyframeEffectParameters({
+                keyframes: this.keyframes,
+                options: options
+            });
+        }
+        else {
+            keyframeEffect = new KeyframeEffectParameters({
+                keyframes: this.keyframes
+            });
+        }
+        return keyframeEffect;
+    }
+}
+// MARK: - Util
+function removeSuffix({ of: string, suffix }) {
+    return string.slice(0, -suffix.length);
+}
+async function waitForDocumentLoad({ document }) {
+    if (document.readyState === 'complete') {
+        return;
+    }
+    const { promise, resolve } = Promise.withResolvers();
+    function onReadyStateChange() {
+        if (document.readyState === 'complete') {
+            resolve(null);
+        }
+    }
+    const listener = [
+        'readystatechange',
+        onReadyStateChange
+    ];
+    document.addEventListener(...listener);
+    await promise;
+    document.removeEventListener(...listener);
+}
+//# sourceMappingURL=KeyframeKit.js.map

package/dist/KeyframeKit.js.map

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