@remotion/player 2.6.12 → 2.6.15

package/README.md

@@ -1,8 +1,86 @@
 ### Remotion Player
 
-[![NPM Version](http://img.shields.io/npm/v/@remotion/player.svg?style=flat)](https://www.npmjs.org/package/@remotion/player)
+[![NPM Version](https://img.shields.io/npm/v/@remotion/player.svg?style=flat)](https://www.npmjs.org/package/@remotion/player)
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/player.svg?style=flat)](https://npmcharts.com/compare/@remotion/player?minimal=true)
 [![Install Size](https://packagephobia.now.sh/badge?p=@remotion/player)](https://packagephobia.now.sh/result?p=@remotion/player)
 
-This package allows you to include a Remotion video in your React app.
-Full documentation can be found under http://remotion.dev/docs/player.
+The `@remotion/player` package allows you to embed a video powered by Remotion in a React application.
+
+## Installation and prerequisites
+
+The dependencies that Remotion requires you to have pre-installed on your machine are Node.js and FFMPEG. You can take a look at this [guide](https://github.com/adaptlearning/adapt_authoring/wiki/Installing-FFmpeg) on how to get FFMPEG on your machine.
+
+Install this package and Remotion with the package manager that you use for project:
+
+```bash
+npm i remotion @remotion/player
+```
+
+```bash
+yarn add remotion @remotion/player
+```
+
+```bash
+pnpm i remotion @remotion/player
+```
+
+> Make sure all Remotion packages you install (`remotion`, `@remotion/player`, `@remotion/gif`...) [have the same version](https://remotion.dev/docs/version-mismatch).
+
+## Getting started
+
+Now that you have this package as a dependency in your React project, it is time to see some of the basic examples that you can spin up with this package.
+
+The `@remotion/player` package can be imported as a React component from the library, which you can make use of in your components, either by nesting it in a custom component of yours or simply making it a standalone component.
+
+```javascript
+// components/MyVideo.js
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+
+const MyVideo = () => {
+	const frame = useCurrentFrame();
+
+	return (
+		<div
+			style={{
+				flex: 1,
+				textAlign: 'center',
+				fontSize: '7em',
+			}}
+		>
+			The current frame is {frame}.
+		</div>
+	);
+};
+```
+
+```javascript
+import {Player} from '@remotion/player';
+import {MyVideo} from '../components/MyVideo';
+
+export const App = () => {
+	return (
+		<Player
+			component={MyVideo}
+			durationInFrames={120}
+			compositionWidth={1920}
+			compositionHeight={1080}
+			fps={30}
+		/>
+	);
+};
+```
+
+## API
+
+The most important props accepted:
+
+| Props             | Function                                 |
+| ----------------- | ---------------------------------------- |
+| component         | A React component that renders the video |
+| durationInFrames  | The duration of the video in frames      |
+| compositionHeight | The height of the composition in pixels  |
+| compositionWidth  | The width of the composition in pixels   |
+| fps               | The frame rate of the video              |
+
+For a complete reference of the available props, refer to [@remotion/player API](https://www.remotion.dev/docs/player/api).

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CallbackListener, EventTypes, PlayerEmitter } from './event-emitter';
 export { Player, ErrorFallback } from './Player';
 export type { RenderLoading } from './PlayerUI';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAM5E,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,UAAU,CAAC;AAC/C,YAAY,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3B,CAAC;AAEF,YAAY,EAAC,gBAAgB,EAAE,UAAU,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAM5E,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,UAAU,CAAC;AAC/C,YAAY,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3B,CAAC;AAEF,YAAY,EAAC,gBAAgB,EAAE,UAAU,EAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/player",
-	"version": "2.6.12",
+	"version": "2.6.15",
 	"description": "Remotion Player",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -28,7 +28,7 @@
 	],
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "2.6.12"
+		"remotion": "2.6.15"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -63,5 +63,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "6d76097a98c44dc976cecfa04526d663339cf45c"
+	"gitHead": "b175877d7ce5e0bbcb9d923cc98546fd6c748b44"
 }

package/dist/Loading.d.ts

@@ -1,4 +0,0 @@
-export declare const Loading: React.FC<{
-    size: number;
-}>;
-//# sourceMappingURL=Loading.d.ts.map

package/dist/Loading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../src/Loading.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CACb,CA+CA,CAAC"}

package/dist/Loading.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Loading = ({ size }) => {
-    const triangle = (opacity, triangleSize) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlnsXlink: "http://www.w3.org/1999/xlink", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 400 400", style: {
-            opacity,
-            width: triangleSize,
-            height: triangleSize,
-            position: 'absolute',
-            transform: 'rotate(90deg)',
-        } }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", Object.assign({ id: "gradient" }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#42e9f5", stopOpacity: "1", offset: "0" }, void 0), (0, jsx_runtime_1.jsx)("stop", { stopColor: "#4290f5", stopOpacity: "1", offset: "100%" }, void 0)] }), void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", Object.assign({ stroke: 'url("#gradient")', strokeWidth: "100px", strokeLinejoin: "round" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: 'url("#gradient")', d: "M 102 272 a 196 100 0 0 0 195 5 A 196 240 0 0 0 200 102.259 A 196 240 0 0 0 102 272 z", stroke: 'url("#gradient")', strokeWidth: "100px" }, void 0) }), void 0)] }), void 0));
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            flex: 1,
-            height: '100%',
-            width: '100%',
-        } }, { children: [triangle(0.2, size), triangle(0.4, (size * 9) / 11), triangle(1, (size * 7) / 11)] }), void 0));
-};
-exports.Loading = Loading;
-//# sourceMappingURL=Loading.js.map

package/dist/Loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../src/Loading.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,OAAO,GAEf,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACf,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,YAAoB,EAAE,EAAE,CAAC,CAC3D,+CACC,UAAU,EAAC,8BAA8B,EACzC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACN,OAAO;YACP,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,eAAe;SAC1B,iBAED,2CACC,0DAAgB,EAAE,EAAC,UAAU,iBAC5B,iCAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,WAAG,EACvD,iCAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,WAAG,aAC1C,WACX,EACP,4CAAG,MAAM,EAAC,kBAAkB,EAAC,WAAW,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,gBACtE,iCACC,IAAI,EAAC,kBAAkB,EACvB,CAAC,EAAC,uFAAuF,EACzF,MAAM,EAAC,kBAAkB,EACzB,WAAW,EAAC,OAAO,WAClB,YACC,aACC,CACN,CAAC;IAEF,OAAO,CACN,+CACC,KAAK,EAAE;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACb,iBAEA,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,EACnB,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAC9B,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,aACxB,CACN,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,OAAO,WAiDlB"}

package/dist/PredefinedAudioTags.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { RemotionAudioProps } from 'remotion';
-declare type AudioElem = {
-    id: number;
-    props: RemotionAudioProps;
-    el: React.RefObject<HTMLAudioElement>;
-};
-export declare const SharedAudioContextProvider: React.FC;
-export declare const useSharedAudio: (aud: RemotionAudioProps) => AudioElem;
-export {};
-//# sourceMappingURL=PredefinedAudioTags.d.ts.map

package/dist/PredefinedAudioTags.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PredefinedAudioTags.d.ts","sourceRoot":"","sources":["../src/PredefinedAudioTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAE5C,aAAK,SAAS,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,kBAAkB,CAAC;IAC1B,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACtC,CAAC;AAsBF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EA4F9C,CAAC;AAEF,eAAO,MAAM,cAAc,QAAS,kBAAkB,cAgBrD,CAAC"}

package/dist/PredefinedAudioTags.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSharedAudio = exports.SharedAudioContextProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const SharedAudioContext = react_1.createContext({
-    registerAudio: () => {
-        throw new Error('sharedaudiocontext not mounted');
-    },
-    unregisterAudio: () => {
-        throw new Error('sharedaudiocontext not mounted');
-    },
-    updateAudio: () => {
-        throw new Error('sharedaudiocontext not mounted');
-    },
-});
-const numberOfAudios = 5;
-const SharedAudioContextProvider = ({ children }) => {
-    const [, setAudios] = react_1.useState([]);
-    const refs = react_1.useMemo(() => {
-        return new Array(numberOfAudios).fill(true).map(() => {
-            return { id: Math.random(), ref: react_1.createRef() };
-        });
-    }, []);
-    const [takenAudios, setTakenAudios] = react_1.useState(() => new Array(numberOfAudios).fill(false));
-    const registerAudio = react_1.useCallback((aud) => {
-        const firstFreeAudio = takenAudios.findIndex((a) => a === false);
-        if (firstFreeAudio === -1) {
-            throw new Error('Trying to register more than XXX audio elements at the same time');
-        }
-        setTakenAudios((prevTaken) => {
-            const cloned = [...prevTaken];
-            cloned[firstFreeAudio] = true;
-            return cloned;
-        });
-        const { id, ref } = refs[firstFreeAudio];
-        const newElem = {
-            props: aud,
-            id,
-            el: ref,
-        };
-        setAudios((prevAudios) => [...prevAudios, newElem]);
-        return newElem;
-    }, [refs, takenAudios]);
-    const unregisterAudio = react_1.useCallback((id) => {
-        setTakenAudios((prevTaken) => {
-            const cloned = [...prevTaken];
-            const index = refs.findIndex((r) => r.id === id);
-            if (index === -1) {
-                throw new TypeError('unregister audio');
-            }
-            cloned[index] = false;
-            return cloned;
-        });
-        setAudios((prevAudios) => {
-            return prevAudios.filter((a) => a.id !== id);
-        });
-    }, [refs]);
-    const updateAudio = react_1.useCallback((id, aud) => {
-        setAudios((prevAudios) => {
-            return prevAudios.map((prevA) => {
-                if (prevA.id === id) {
-                    return {
-                        ...prevA,
-                        props: aud,
-                    };
-                }
-                return prevA;
-            });
-        });
-    }, []);
-    const value = react_1.useMemo(() => {
-        return {
-            registerAudio,
-            unregisterAudio,
-            updateAudio,
-        };
-    }, [registerAudio, unregisterAudio, updateAudio]);
-    return (jsx_runtime_1.jsxs(SharedAudioContext.Provider, Object.assign({ value: value }, { children: [refs.map(({ id, ref }) => {
-                return jsx_runtime_1.jsx("audio", { ref: ref }, id);
-            }), children] }), void 0));
-};
-exports.SharedAudioContextProvider = SharedAudioContextProvider;
-const useSharedAudio = (aud) => {
-    const ctx = react_1.useContext(SharedAudioContext);
-    const [elem] = react_1.useState(() => ctx.registerAudio(aud));
-    react_1.useLayoutEffect(() => {
-        return () => {
-            ctx.unregisterAudio(elem.id);
-        };
-    }, [ctx, elem.id]);
-    react_1.useLayoutEffect(() => {
-        ctx.updateAudio(elem.id, aud);
-    }, [aud, ctx, elem.id]);
-    return elem;
-};
-exports.useSharedAudio = useSharedAudio;
-//# sourceMappingURL=PredefinedAudioTags.js.map

package/dist/PredefinedAudioTags.js.map

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

package/dist/event-target-polyfill.d.ts

@@ -1,3 +0,0 @@
-declare const root: false | typeof globalThis;
-declare function isConstructor(fn: any): boolean;
-//# sourceMappingURL=event-target-polyfill.d.ts.map

package/dist/event-target-polyfill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-target-polyfill.d.ts","sourceRoot":"","sources":["../src/event-target-polyfill.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,IAAI,2BAGgC,CAAC;AAE3C,iBAAS,aAAa,CAAC,EAAE,KAAA,WASxB"}

package/dist/event-target-polyfill.js

@@ -1,114 +0,0 @@
-"use strict";
-// https://raw.githubusercontent.com/benlesh/event-target-polyfill/master/index.js
-// @ts-nocheck
-const root = (typeof globalThis !== 'undefined' && globalThis) ||
-    (typeof self !== 'undefined' && self) ||
-    (typeof global !== 'undefined' && global);
-function isConstructor(fn) {
-    try {
-        // eslint-disable-next-line
-        new fn();
-    }
-    catch (error) {
-        return false;
-    }
-    return true;
-}
-if (typeof root.Event !== 'function' || !isConstructor(root.Event)) {
-    root.Event = (function () {
-        function Event(type, options) {
-            this.bubbles = Boolean(options) && Boolean(options.bubbles);
-            this.cancelable = Boolean(options) && Boolean(options.cancelable);
-            this.composed = Boolean(options) && Boolean(options.composed);
-            this.type = type;
-        }
-        return Event;
-    })();
-}
-if (typeof root.EventTarget === 'undefined' || !isConstructor(root.Event)) {
-    root.EventTarget = (function () {
-        function EventTarget() {
-            this.__listeners = new Map();
-        }
-        EventTarget.prototype = Object.create(Object.prototype);
-        EventTarget.prototype.addEventListener = function (type, listener, options) {
-            if (arguments.length < 2) {
-                throw new TypeError(`TypeError: Failed to execute 'addEventListener'
-                on 'EventTarget': 2 arguments required, but only $ {
-                    arguments.length
-                }
-                present.`);
-            }
-            const { __listeners } = this;
-            const actualType = type.toString();
-            if (!__listeners.has(actualType)) {
-                __listeners.set(actualType, new Map());
-            }
-            const listenersForType = __listeners.get(actualType);
-            if (!listenersForType.has(listener)) {
-                // Any given listener is only registered once
-                listenersForType.set(listener, options);
-            }
-        };
-        EventTarget.prototype.removeEventListener = function (type, listener) {
-            if (arguments.length < 2) {
-                throw new TypeError(`TypeError: Failed to execute 'addEventListener'
-                on 'EventTarget': 2 arguments required, but only $ {
-                    arguments.length
-                }
-                present.`);
-            }
-            const { __listeners } = this;
-            const actualType = type.toString();
-            if (__listeners.has(actualType)) {
-                const listenersForType = __listeners.get(actualType);
-                if (listenersForType.has(listener)) {
-                    listenersForType.delete(listener);
-                }
-            }
-        };
-        EventTarget.prototype.dispatchEvent = function (event) {
-            if (!(event instanceof Event)) {
-                throw new TypeError(`Failed to execute 'dispatchEvent'
-                on 'EventTarget': parameter 1 is not of type 'Event'.`);
-            }
-            const { type } = event;
-            const { __listeners } = this;
-            const listenersForType = __listeners.get(type);
-            if (listenersForType) {
-                for (const [listener, options] of listenersForType.entries()) {
-                    try {
-                        if (typeof listener === 'function') {
-                            // Listener functions must be executed with the EventTarget as the `this` context.
-                            listener.call(this, event);
-                        }
-                        else if (listener && typeof listener.handleEvent === 'function') {
-                            // Listener objects have their handleEvent method called, if they have one
-                            listener.handleEvent(event);
-                        }
-                    }
-                    catch (err) {
-                        // We need to report the error to the global error handling event,
-                        // but we do not want to break the loop that is executing the events.
-                        // Unfortunately, this is the best we can do, which isn't great, because the
-                        // native EventTarget will actually do this synchronously before moving to the next
-                        // event in the loop.
-                        setTimeout(() => {
-                            throw err;
-                        });
-                    }
-                    if (options === null || options === void 0 ? void 0 : options.once) {
-                        // If this was registered with { once: true }, we need
-                        // to remove it now.
-                        listenersForType.delete(listener);
-                    }
-                }
-            }
-            // Since there are no cancellable events on a base EventTarget,
-            // this should always return true.
-            return true;
-        };
-        return EventTarget;
-    })();
-}
-//# sourceMappingURL=event-target-polyfill.js.map

package/dist/event-target-polyfill.js.map

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

package/dist/events.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=events.d.ts.map

package/dist/events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}

package/dist/events.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=events.js.map

package/dist/events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}

package/dist/utils/adjusted-bounding-rect.d.ts

@@ -1,11 +0,0 @@
-export declare function adjustedBoundingRect(el: HTMLElement): DOMRect | {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-};
-//# sourceMappingURL=adjusted-bounding-rect.d.ts.map

package/dist/utils/adjusted-bounding-rect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"adjusted-bounding-rect.d.ts","sourceRoot":"","sources":["../../src/utils/adjusted-bounding-rect.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,WAAW;;;;;;;;;EA6CnD"}

package/dist/utils/adjusted-bounding-rect.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.adjustedBoundingRect = void 0;
-function adjustedBoundingRect(el) {
-    const rect = el.getBoundingClientRect();
-    const style = getComputedStyle(el);
-    const tx = style.transform;
-    if (tx) {
-        let sx;
-        let sy;
-        let dx;
-        let dy;
-        if (tx.startsWith('matrix3d(')) {
-            var ta = tx.slice(9, -1).split(/, /);
-            sx = Number(ta[0]);
-            sy = Number(ta[5]);
-            dx = Number(ta[12]);
-            dy = Number(ta[13]);
-        }
-        else if (tx.startsWith('matrix(')) {
-            var ta = tx.slice(7, -1).split(/, /);
-            sx = Number(ta[0]);
-            sy = Number(ta[3]);
-            dx = Number(ta[4]);
-            dy = Number(ta[5]);
-        }
-        else {
-            return rect;
-        }
-        const to = style.transformOrigin;
-        const x = rect.x - dx - (1 - sx) * parseFloat(to);
-        const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1));
-        const w = sx ? rect.width / sx : el.offsetWidth;
-        const h = sy ? rect.height / sy : el.offsetHeight;
-        return {
-            x,
-            y,
-            width: w,
-            height: h,
-            top: y,
-            right: x + w,
-            bottom: y + h,
-            left: x,
-        };
-    }
-    return rect;
-}
-exports.adjustedBoundingRect = adjustedBoundingRect;
-//# sourceMappingURL=adjusted-bounding-rect.js.map

package/dist/utils/adjusted-bounding-rect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adjusted-bounding-rect.js","sourceRoot":"","sources":["../../src/utils/adjusted-bounding-rect.ts"],"names":[],"mappings":";;;AAAA,SAAgB,oBAAoB,CAAC,EAAe;IACnD,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;IACxC,MAAM,KAAK,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAE3B,IAAI,EAAE,EAAE;QACP,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE;YAC/B,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACrC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACnB,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACnB,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACpB,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;SACpB;aAAM,IAAI,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;YACpC,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACrC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACnB,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACnB,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACnB,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SACnB;aAAM;YACN,OAAO,IAAI,CAAC;SACZ;QAED,MAAM,EAAE,GAAG,KAAK,CAAC,eAAe,CAAC;QACjC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;QAClD,MAAM,CAAC,GACN,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC;QAChD,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC;QAClD,OAAO;YACN,CAAC;YACD,CAAC;YACD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC,GAAG,CAAC;YACZ,MAAM,EAAE,CAAC,GAAG,CAAC;YACb,IAAI,EAAE,CAAC;SACP,CAAC;KACF;IAED,OAAO,IAAI,CAAC;AACb,CAAC;AA7CD,oDA6CC"}

package/dist/utils/use-throttle.d.ts

@@ -1,2 +0,0 @@
-export declare const useThrottle: <T>(value: T, interval?: number) => T;
-//# sourceMappingURL=use-throttle.d.ts.map

package/dist/utils/use-throttle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-throttle.d.ts","sourceRoot":"","sources":["../../src/utils/use-throttle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,uCAmBvB,CAAC"}

package/dist/utils/use-throttle.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThrottle = void 0;
-const react_1 = require("react");
-const useThrottle = (value, interval = 250) => {
-    const [throttledValue, setThrottledValue] = react_1.useState(value);
-    const lastExecuted = react_1.useRef(Date.now());
-    react_1.useEffect(() => {
-        if (Date.now() >= lastExecuted.current + interval) {
-            lastExecuted.current = Date.now();
-            setThrottledValue(value);
-        }
-        else {
-            const timerId = setTimeout(() => {
-                lastExecuted.current = Date.now();
-                setThrottledValue(value);
-            }, interval);
-            return () => clearTimeout(timerId);
-        }
-    }, [value, interval]);
-    return throttledValue;
-};
-exports.useThrottle = useThrottle;
-//# sourceMappingURL=use-throttle.js.map

package/dist/utils/use-throttle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-throttle.js","sourceRoot":"","sources":["../../src/utils/use-throttle.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAE3C,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAE,QAAQ,GAAG,GAAG,EAAK,EAAE;IAC7D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,gBAAQ,CAAI,KAAK,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,cAAM,CAAS,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAEhD,iBAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,CAAC,GAAG,EAAE,IAAI,YAAY,CAAC,OAAO,GAAG,QAAQ,EAAE;YAClD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAClC,iBAAiB,CAAC,KAAK,CAAC,CAAC;SACzB;aAAM;YACN,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBAClC,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,EAAE,QAAQ,CAAC,CAAC;YAEb,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACnC;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC;AAnBW,QAAA,WAAW,eAmBtB"}