@remotion/studio 4.0.527 → 4.0.529

package/dist/previewEntry.js

@@ -11,9 +11,11 @@ const NoRegisterRoot_1 = require("./components/NoRegisterRoot");
 const entry_basic_1 = require("./error-overlay/entry-basic");
 const colors_1 = require("./helpers/colors");
 const install_fiber_sequence_order_observer_1 = require("./helpers/install-fiber-sequence-order-observer");
+const studio_css_variables_1 = require("./helpers/studio-css-variables");
 const client_2 = require("./hot-middleware-client/client");
 const Studio_1 = require("./Studio");
 (0, install_fiber_sequence_order_observer_1.installFiberCommitOrderObserver)(window);
+remotion_1.Internals.CSSUtils.injectCSS(studio_css_variables_1.studioCssVariables);
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultPreviewCSS(null, colors_1.BACKGROUND_HEX));
 if (!window.__remotionOverlayStarted) {
     window.__remotionOverlayStarted = true;

package/dist/renderEntry.js

@@ -50,6 +50,7 @@ const client_1 = __importDefault(require("react-dom/client"));
 const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
 const colors_1 = require("./helpers/colors");
+const studio_css_variables_1 = require("./helpers/studio-css-variables");
 let currentBundleMode = {
     type: 'index',
 };
@@ -59,6 +60,7 @@ const setBundleMode = (state) => {
 const getBundleMode = () => {
     return currentBundleMode;
 };
+remotion_1.Internals.CSSUtils.injectCSS(studio_css_variables_1.studioCssVariables);
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultPreviewCSS(null, colors_1.BACKGROUND_HEX));
 const getCanSerializeDefaultProps = (object) => {
     try {

package/dist/state/modals.d.ts

@@ -8,6 +8,8 @@ import type { StaticFile } from '../api/get-static-files';
 import type { CompType } from '../components/NewComposition/DuplicateComposition';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
+import type { useTimelineSelection } from '../components/Timeline/TimelineSelection';
+import type { SequenceNodePathInfo } from '../helpers/get-timeline-sequence-sort-key';
 export type WebRenderModalState = {
     type: 'web-render';
     initialFrame: number;
@@ -106,8 +108,9 @@ export type SvgImportDialogState = {
 export type AddEffectModalState = {
     type: 'add-effect';
     fileName: string;
-    nodePath: SequencePropsSubscriptionKey;
+    nodePathInfo: SequenceNodePathInfo;
     clientId: string;
+    selectItems: ReturnType<typeof useTimelineSelection>['selectItems'];
 };
 export type AssetSelectionModalState = {
     readonly type: 'asset-selection';
@@ -137,6 +140,10 @@ export type VideoMattingModalState = {
     type: 'video-matting';
     src: string;
     displayName: string;
+    target: {
+        fileName: string;
+        nodePath: SequencePropsSubscriptionKey;
+    } | null;
 };
 export type CanvasCaptureImport = {
     readonly data: CanvasCaptureData;
@@ -202,6 +209,13 @@ export type ModalState = {
 } | RenderModalState | WebRenderModalState | {
     type: 'render-progress';
     jobId: string;
+} | {
+    type: 'queue-job-error';
+    title: string;
+    error: {
+        message: string;
+        stack: string | null;
+    };
 } | {
     type: 'fix-computed-value';
     prop: string;

package/dist/state/timeline-sequence-hover.d.ts

@@ -1,23 +1,13 @@
-import type { Dispatch, SetStateAction } from 'react';
+import type { CanvasHover, CanvasHoverController } from '@remotion/canvas';
 import type { SequenceNodePathInfo } from '../helpers/get-timeline-sequence-sort-key';
-export type TimelineSequenceHover = {
-    readonly key: string;
-    readonly nodePathKey: string;
-    readonly source: 'canvas' | 'timeline';
-};
-type TimelineSequenceHoverStore = {
-    readonly getSnapshot: () => TimelineSequenceHover | null;
-    readonly subscribe: (listener: () => void) => () => void;
-    readonly setHoveredSequence: Dispatch<SetStateAction<TimelineSequenceHover | null>>;
-};
-export declare const createTimelineSequenceHoverStore: () => TimelineSequenceHoverStore;
-export declare const TimelineSequenceHoverContext: import("react").Context<TimelineSequenceHoverStore>;
-export declare const useTimelineSequenceHoverState: () => TimelineSequenceHover | null;
-export declare const useSetTimelineSequenceHover: () => Dispatch<SetStateAction<TimelineSequenceHover | null>>;
+export type TimelineSequenceHover = CanvasHover;
+export declare const createTimelineSequenceHoverStore: () => CanvasHoverController;
+export declare const TimelineSequenceHoverContext: import("react").Context<CanvasHoverController>;
+export declare const useTimelineSequenceHoverState: () => CanvasHover | null;
+export declare const useSetTimelineSequenceHover: () => import("react").Dispatch<import("react").SetStateAction<CanvasHover | null>>;
 export declare const useIsTimelineSequenceHovered: (nodePathKey: string | null) => boolean;
 export declare const useTimelineSequenceHover: (nodePathInfo: SequenceNodePathInfo | null) => {
     hovered: boolean;
     onPointerEnter: () => void;
     onPointerLeave: () => void;
 };
-export {};

package/dist/state/timeline-sequence-hover.js

@@ -1,35 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimelineSequenceHover = exports.useIsTimelineSequenceHovered = exports.useSetTimelineSequenceHover = exports.useTimelineSequenceHoverState = exports.TimelineSequenceHoverContext = exports.createTimelineSequenceHoverStore = void 0;
+const canvas_1 = require("@remotion/canvas");
 const react_1 = require("react");
-const timeline_node_path_key_1 = require("../helpers/timeline-node-path-key");
-const use_sync_external_store_1 = require("../helpers/use-sync-external-store");
-const createTimelineSequenceHoverStore = () => {
-    let hoveredSequence = null;
-    const listeners = new Set();
-    return {
-        getSnapshot: () => hoveredSequence,
-        subscribe: (listener) => {
-            listeners.add(listener);
-            return () => listeners.delete(listener);
-        },
-        setHoveredSequence: (action) => {
-            const nextHoveredSequence = typeof action === 'function' ? action(hoveredSequence) : action;
-            if (nextHoveredSequence === hoveredSequence) {
-                return;
-            }
-            hoveredSequence = nextHoveredSequence;
-            for (const listener of listeners) {
-                listener();
-            }
-        },
-    };
-};
-exports.createTimelineSequenceHoverStore = createTimelineSequenceHoverStore;
+const { useIsCanvasSequenceHovered } = canvas_1.CanvasInternals;
+exports.createTimelineSequenceHoverStore = canvas_1.createCanvasHoverController;
 exports.TimelineSequenceHoverContext = (0, react_1.createContext)((0, exports.createTimelineSequenceHoverStore)());
 const useTimelineSequenceHoverState = () => {
-    const store = (0, react_1.useContext)(exports.TimelineSequenceHoverContext);
-    return (0, use_sync_external_store_1.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
+    return (0, canvas_1.useCanvasHover)((0, react_1.useContext)(exports.TimelineSequenceHoverContext));
 };
 exports.useTimelineSequenceHoverState = useTimelineSequenceHoverState;
 const useSetTimelineSequenceHover = () => {
@@ -37,49 +15,10 @@ const useSetTimelineSequenceHover = () => {
 };
 exports.useSetTimelineSequenceHover = useSetTimelineSequenceHover;
 const useIsTimelineSequenceHovered = (nodePathKey) => {
-    const store = (0, react_1.useContext)(exports.TimelineSequenceHoverContext);
-    const getSnapshot = (0, react_1.useCallback)(() => {
-        var _a;
-        return nodePathKey !== null && ((_a = store.getSnapshot()) === null || _a === void 0 ? void 0 : _a.nodePathKey) === nodePathKey;
-    }, [nodePathKey, store]);
-    return (0, use_sync_external_store_1.useSyncExternalStore)(store.subscribe, getSnapshot, getSnapshot);
+    return useIsCanvasSequenceHovered((0, react_1.useContext)(exports.TimelineSequenceHoverContext), nodePathKey);
 };
 exports.useIsTimelineSequenceHovered = useIsTimelineSequenceHovered;
 const useTimelineSequenceHover = (nodePathInfo) => {
-    const store = (0, react_1.useContext)(exports.TimelineSequenceHoverContext);
-    const sequenceKey = (0, react_1.useMemo)(() => nodePathInfo === null
-        ? null
-        : (0, timeline_node_path_key_1.timelineNodePathInfoToKey)({ ...nodePathInfo, auxiliaryKeys: [] }), [nodePathInfo]);
-    const nodePathKey = (0, react_1.useMemo)(() => nodePathInfo === null
-        ? null
-        : (0, timeline_node_path_key_1.timelineSequenceNodePathToKey)(nodePathInfo.sequenceSubscriptionKey), [nodePathInfo]);
-    const hovered = (0, exports.useIsTimelineSequenceHovered)(nodePathKey);
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        if (sequenceKey === null || nodePathKey === null) {
-            return;
-        }
-        store.setHoveredSequence((currentHover) => {
-            if ((currentHover === null || currentHover === void 0 ? void 0 : currentHover.key) === sequenceKey &&
-                currentHover.nodePathKey === nodePathKey &&
-                currentHover.source === 'timeline') {
-                return currentHover;
-            }
-            return {
-                key: sequenceKey,
-                nodePathKey,
-                source: 'timeline',
-            };
-        });
-    }, [nodePathKey, sequenceKey, store]);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        store.setHoveredSequence((currentHover) => {
-            if ((currentHover === null || currentHover === void 0 ? void 0 : currentHover.source) !== 'timeline' ||
-                currentHover.key !== sequenceKey) {
-                return currentHover;
-            }
-            return null;
-        });
-    }, [sequenceKey, store]);
-    return (0, react_1.useMemo)(() => ({ hovered, onPointerEnter, onPointerLeave }), [hovered, onPointerEnter, onPointerLeave]);
+    return (0, canvas_1.useCanvasSequenceHover)((0, react_1.useContext)(exports.TimelineSequenceHoverContext), nodePathInfo, 'timeline');
 };
 exports.useTimelineSequenceHover = useTimelineSequenceHover;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.527",
+	"version": "4.0.529",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -20,8 +20,8 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"peerDependencies": {
-		"@remotion/video-matting": "4.0.527",
-		"@remotion/whisper-webgpu": "4.0.527",
+		"@remotion/video-matting": "4.0.529",
+		"@remotion/whisper-webgpu": "4.0.529",
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
@@ -35,32 +35,33 @@
 	},
 	"dependencies": {
 		"@jridgewell/trace-mapping": "0.3.31",
-		"@remotion/canvas": "4.0.527",
-		"@remotion/captions": "4.0.527",
-		"@remotion/media": "4.0.527",
-		"@remotion/media-utils": "4.0.527",
-		"@remotion/player": "4.0.527",
-		"@remotion/renderer": "4.0.527",
-		"@remotion/codemods": "4.0.527",
-		"@remotion/studio-protocol": "4.0.527",
-		"@remotion/studio-shared": "4.0.527",
-		"@remotion/timeline-utils": "4.0.527",
-		"@remotion/web-renderer": "4.0.527",
-		"@remotion/zod-types": "4.0.527",
+		"@remotion/canvas": "4.0.529",
+		"@remotion/captions": "4.0.529",
+		"@remotion/media": "4.0.529",
+		"@remotion/media-utils": "4.0.529",
+		"@remotion/paths": "4.0.529",
+		"@remotion/player": "4.0.529",
+		"@remotion/renderer": "4.0.529",
+		"@remotion/codemods": "4.0.529",
+		"@remotion/studio-protocol": "4.0.529",
+		"@remotion/studio-shared": "4.0.529",
+		"@remotion/timeline-utils": "4.0.529",
+		"@remotion/web-renderer": "4.0.529",
+		"@remotion/zod-types": "4.0.529",
 		"@tanstack/react-virtual": "3.14.9",
 		"mediabunny": "1.56.1",
 		"memfs": "3.4.3",
 		"open": "8.4.2",
 		"prismjs": "1.30.0",
-		"remotion": "4.0.527",
+		"remotion": "4.0.529",
 		"semver": "7.5.3",
 		"zod": "4.5.4"
 	},
 	"devDependencies": {
 		"@happy-dom/global-registrator": "14.5.1",
-		"@remotion/eslint-config-internal": "4.0.527",
-		"@remotion/video-matting": "4.0.527",
-		"@remotion/whisper-webgpu": "4.0.527",
+		"@remotion/eslint-config-internal": "4.0.529",
+		"@remotion/video-matting": "4.0.529",
+		"@remotion/whisper-webgpu": "4.0.529",
 		"@testing-library/react": "16.1.0",
 		"@types/prismjs": "1.26.4",
 		"@types/semver": "7.5.3",

package/dist/components/Timeline/get-easing-selection-after-keyframe-delete.d.ts

@@ -1,15 +0,0 @@
-import type { CanUpdateSequencePropStatusKeyframed } from 'remotion';
-import type { SequenceNodePathInfo } from '../../helpers/get-timeline-sequence-sort-key';
-export declare const getEasingSelectionAfterKeyframeDelete: ({ deletedSourceFrames, keyframeDisplayOffset, nodePathInfo, propStatus, timelinePosition, }: {
-    readonly deletedSourceFrames: readonly number[];
-    readonly keyframeDisplayOffset: number;
-    readonly nodePathInfo: SequenceNodePathInfo;
-    readonly propStatus: CanUpdateSequencePropStatusKeyframed;
-    readonly timelinePosition: number;
-}) => {
-    readonly type: "easing";
-    readonly nodePathInfo: SequenceNodePathInfo;
-    readonly fromFrame: number;
-    readonly toFrame: number;
-    readonly segmentIndex: number;
-} | null;

package/dist/components/Timeline/get-easing-selection-after-keyframe-delete.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEasingSelectionAfterKeyframeDelete = void 0;
-const get_timeline_keyframes_1 = require("./get-timeline-keyframes");
-const getEasingSelectionAfterKeyframeDelete = ({ deletedSourceFrames, keyframeDisplayOffset, nodePathInfo, propStatus, timelinePosition, }) => {
-    const resolvedKeyframeDisplayOffset = (0, get_timeline_keyframes_1.getKeyframeDisplayOffset)({
-        propStatus,
-        keyframeDisplayOffset,
-    });
-    const deletedSourceFrameSet = new Set(deletedSourceFrames);
-    const remainingKeyframes = propStatus.keyframes.filter((keyframe) => !deletedSourceFrameSet.has(keyframe.frame));
-    const sourceFrame = timelinePosition - resolvedKeyframeDisplayOffset;
-    for (let i = 0; i < remainingKeyframes.length - 1; i++) {
-        const keyframe = remainingKeyframes[i];
-        const nextKeyframe = remainingKeyframes[i + 1];
-        if (!keyframe || !nextKeyframe) {
-            continue;
-        }
-        if (sourceFrame > keyframe.frame && sourceFrame < nextKeyframe.frame) {
-            return {
-                type: 'easing',
-                nodePathInfo,
-                fromFrame: keyframe.frame + resolvedKeyframeDisplayOffset,
-                toFrame: nextKeyframe.frame + resolvedKeyframeDisplayOffset,
-                segmentIndex: i,
-            };
-        }
-    }
-    return null;
-};
-exports.getEasingSelectionAfterKeyframeDelete = getEasingSelectionAfterKeyframeDelete;

package/dist/esm/LazyModels-nh3c8h9p.mjs

@@ -1,12 +0,0 @@
-import {
-  Models
-} from "./index-614tdz2q.mjs";
-import"./index-r0ejh5sy.mjs";
-import"./index-5t2dwxsk.mjs";
-import"./index-9xxg6218.mjs";
-import"./index-5zrb1ft4.mjs";
-import"./index-k426ye99.mjs";
-import"./index-rcv7qkt5.mjs";
-export {
-  Models as default
-};

package/dist/esm/LazyModels-rr5v8h5y.mjs

@@ -1,12 +0,0 @@
-import {
-  Models
-} from "./index-ac5550e7.mjs";
-import"./index-r0ejh5sy.mjs";
-import"./index-5t2dwxsk.mjs";
-import"./index-9xxg6218.mjs";
-import"./index-5zrb1ft4.mjs";
-import"./index-k426ye99.mjs";
-import"./index-rcv7qkt5.mjs";
-export {
-  Models as default
-};

package/dist/esm/index-cw0pnpg5.mjs

@@ -1,50 +0,0 @@
-// src/helpers/browser-studio-operations.ts
-var BROWSER_STUDIO_OPERATIONS_READY_EVENT = "remotion-browser-studio-operations-ready";
-var getBrowserStudioOperations = () => {
-  if (typeof window === "undefined") {
-    return null;
-  }
-  return window.remotion_browserStudio ?? null;
-};
-var getBrowserStudioKeyframeOperations = () => getBrowserStudioOperations()?.keyframes ?? null;
-var getBrowserStudioEffectOperations = () => getBrowserStudioOperations()?.effects ?? null;
-var canUseKeyframeOperations = () => !window.remotion_isReadOnlyStudio || getBrowserStudioKeyframeOperations() !== null;
-var canUseEffectOperations = () => !window.remotion_isReadOnlyStudio || getBrowserStudioEffectOperations() !== null;
-var canInstallPackages = () => {
-  const browserStudioOperations = getBrowserStudioOperations();
-  if (browserStudioOperations !== null) {
-    return true;
-  }
-  return !window.remotion_isReadOnlyStudio;
-};
-
-// src/api/write-static-file.ts
-var writeStaticFile = async ({
-  contents,
-  filePath
-}) => {
-  if (filePath.includes("\\")) {
-    return Promise.reject(new Error("File path cannot contain backslashes"));
-  }
-  const browserStudioOperations = getBrowserStudioOperations();
-  if (browserStudioOperations) {
-    return browserStudioOperations.writeStaticFile({ contents, filePath });
-  }
-  if (window.remotion_isReadOnlyStudio) {
-    throw new Error("writeStaticFile() is not available in read-only Studio");
-  }
-  const url = new URL(`${window.remotion_staticBase}/api/add-asset`, window.location.origin);
-  url.search = new URLSearchParams({
-    filePath
-  }).toString();
-  const response = await fetch(url, {
-    method: "POST",
-    body: contents
-  });
-  if (!response.ok) {
-    const jsonResponse = await response.json();
-    throw new Error(jsonResponse.error);
-  }
-};
-
-export { BROWSER_STUDIO_OPERATIONS_READY_EVENT, getBrowserStudioOperations, getBrowserStudioEffectOperations, canUseKeyframeOperations, canUseEffectOperations, canInstallPackages, writeStaticFile };

package/dist/esm/index-k426ye99.mjs

@@ -1,139 +0,0 @@
-// src/helpers/colors.ts
-var BLACK = "black";
-var WHITE = "white";
-var RED = "red";
-var TRANSPARENT = "transparent";
-var CURRENT_COLOR = "currentColor";
-var CURRENT_COLOR_LOWERCASE = "currentcolor";
-var WHITE_HEX = "#fff";
-var WHITE_FULL_HEX = "#ffffff";
-var BLACK_HEX = "#000";
-var BLACK_FULL_HEX = "#000000";
-var BACKGROUND = "rgb(31,36,40)";
-var BACKGROUND_HEX = "#1f2428";
-var BACKGROUND__TRANSPARENT = "rgba(31,36,40, 0)";
-var INPUT_BACKGROUND = "#2f363d";
-var LIGHT_COLOR = "#ddd";
-var SELECTED_BACKGROUND = "hsla(0, 0%, 100%, 0.15)";
-var LIGHT_TEXT = "#A6A7A9";
-var RULER_COLOR = "#808080";
-var WHITE_ALPHA_05 = "rgba(255, 255, 255, 0.05)";
-var WHITE_ALPHA_06 = "rgba(255, 255, 255, 0.06)";
-var WHITE_ALPHA_08 = "rgba(255, 255, 255, 0.08)";
-var WHITE_ALPHA_10 = "rgba(255, 255, 255, 0.1)";
-var WHITE_ALPHA_12 = "rgba(255, 255, 255, 0.12)";
-var WHITE_ALPHA_15 = "rgba(255, 255, 255, 0.15)";
-var WHITE_ALPHA_20 = "rgba(255, 255, 255, 0.2)";
-var WHITE_ALPHA_25 = "rgba(255, 255, 255, 0.25)";
-var WHITE_ALPHA_30 = "rgba(255, 255, 255, 0.3)";
-var WHITE_ALPHA_35 = "rgba(255, 255, 255, 0.35)";
-var WHITE_ALPHA_40 = "rgba(255, 255, 255, 0.4)";
-var WHITE_ALPHA_45 = "rgba(255, 255, 255, 0.45)";
-var WHITE_ALPHA_50 = "rgba(255, 255, 255, 0.5)";
-var WHITE_ALPHA_60 = "rgba(255, 255, 255, 0.6)";
-var WHITE_ALPHA_70 = "rgba(255, 255, 255, 0.7)";
-var WHITE_ALPHA_72 = "rgba(255, 255, 255, 0.72)";
-var WHITE_ALPHA_80 = "rgba(255, 255, 255, 0.8)";
-var WHITE_ALPHA_90 = "rgba(255, 255, 255, 0.9)";
-var BLACK_ALPHA_10 = "rgba(0, 0, 0, 0.1)";
-var BLACK_ALPHA_28 = "rgba(0, 0, 0, 0.28)";
-var BLACK_ALPHA_30 = "rgba(0, 0, 0, 0.3)";
-var BLACK_ALPHA_40 = "rgba(0, 0, 0, 0.4)";
-var BLACK_ALPHA_50 = "rgba(0, 0, 0, 0.5)";
-var BLACK_ALPHA_60 = "rgba(0, 0, 0, 0.6)";
-var BLACK_ALPHA_80 = "rgba(0, 0, 0, 0.8)";
-var BLACK_ALPHA_90 = "rgba(0, 0, 0, 0.9)";
-var BLACK_OPAQUE = "rgba(0, 0, 0, 1)";
-var SELECTED_HOVER_BACKGROUND = "hsla(0, 0%, 100%, 0.25)";
-var FAIL_COLOR = "#ff3232";
-var WARNING_COLOR = "#f1c40f";
-var BLUE = "#0b84f3";
-var BLUE_HOVERED = "#4da3f7";
-var BLUE_DISABLED = "#284f73";
-var UNSELECTED_GUIDE = "#7e1219";
-var SELECTED_GUIDE = "#d22d3a";
-var LINE_COLOR = "#363A3E";
-var TIMELINE_TRACK_SEPARATOR = "#13161B";
-var LIGHT_GRAY = "#ccc";
-var NOTIFICATION_BACKGROUND = "#111111";
-var RENDER_STATUS_BACKGROUND = "#222";
-var ERROR_CODE_FRAME_BACKGROUND = "#070707";
-var ERROR_CODE_FRAME_LINE_BACKGROUND = "#121212";
-var ERROR_LINK_COLOR = "#58a6ff";
-var INFO_BLUE = "#60a5fa";
-var SERVER_DISCONNECTED_BACKGROUND = "#e74c3c";
-var TIMELINE_BACKGROUND_COLOR = "#15181B";
-var TIMELINE_NEGATIVE_START_BACKGROUND_COLOR = "#2C2F32";
-var TIMELINE_NEGATIVE_START_BORDER_COLOR = "#414446";
-var TIMELINE_SELECTED_BACKGROUND_COLOR = "#3B3F42";
-var TIMELINE_SELECTED_LABEL_BACKGROUND_COLOR = "#B0B0B0";
-var TIMELINE_BLUE = "#0b84ff";
-var TIMELINE_PLAYHEAD_COLOR = "#f02c00";
-var TIMELINE_DROP_BLUE_ALPHA_12 = "rgba(0, 155, 255, 0.12)";
-var TIMELINE_DROP_BLUE_ALPHA_16 = "rgba(0, 155, 255, 0.16)";
-var TIMELINE_DROP_BLUE_ALPHA_75 = "rgba(0, 155, 255, 0.75)";
-var TIMELINE_MARQUEE_BLUE_ALPHA_16 = "rgba(70, 130, 255, 0.16)";
-var TIMELINE_MARQUEE_BLUE_ALPHA_75 = "rgba(70, 130, 255, 0.75)";
-var INFO_BLUE_BACKGROUND = "rgba(59, 130, 246, 0.15)";
-var BORDER_BLACK = `1px solid ${BLACK_HEX}`;
-var BORDER_WHITE = `1px solid ${WHITE_HEX}`;
-var BORDER_WHITE_2PX = `2px solid ${WHITE_HEX}`;
-var BORDER_CURRENT_COLOR = `1px solid ${CURRENT_COLOR}`;
-var BORDER_TRANSPARENT_2PX = `2px solid ${TRANSPARENT}`;
-var BORDER_BLACK_ALPHA_50 = `1px solid ${BLACK_ALPHA_50}`;
-var BORDER_BLACK_ALPHA_60 = `1px solid ${BLACK_ALPHA_60}`;
-var BORDER_WHITE_ALPHA_12 = `1px solid ${WHITE_ALPHA_12}`;
-var BORDER_WHITE_ALPHA_20 = `1px solid ${WHITE_ALPHA_20}`;
-var BORDER_INFO_BLUE = "1px solid rgba(59, 130, 246, 0.4)";
-var BORDER_TIMELINE_DROP_BLUE = `1px solid ${TIMELINE_DROP_BLUE_ALPHA_75}`;
-var BORDER_TIMELINE_MARQUEE_BLUE = `1px solid ${TIMELINE_MARQUEE_BLUE_ALPHA_75}`;
-var SHADOW_BLACK = `0 0 4px ${BLACK}`;
-var SHADOW_BLACK_ALPHA_50_TOWARDS_BOTTOM = `0 2px 8px ${BLACK_ALPHA_50}`;
-var SHADOW_BLACK_ALPHA_50_TOWARDS_TOP = `0 -2px 8px ${BLACK_ALPHA_50}`;
-var NOTIFICATION_SHADOW = `0 2px 3px ${BLACK_OPAQUE}`;
-var SERVER_DISCONNECTED_SHADOW = `0 2px 4px ${BLACK_ALPHA_40}`;
-var COLOR_PICKER_POPUP_SHADOW = `0 4px 16px ${BLACK_ALPHA_50}`;
-var COLOR_PICKER_HANDLE_SHADOW = `0 0 0 1px ${BLACK_ALPHA_60}`;
-var NOTIFICATION_BORDER = `0.25px solid ${WHITE_ALPHA_10}`;
-var HOT_MIDDLEWARE_ERROR_STYLE = "color: #ff0000;";
-var HOT_MIDDLEWARE_WARNING_STYLE = "color: #999933;";
-var FOCUS_BOX_SHADOW = `inset 1px 1px #555, inset -1px -1px #555, ` + `inset 1px -1px #555, inset -1px 1px #555`;
-var CHECKERBOARD_BACKGROUND_IMAGE = `
-     linear-gradient(
-        45deg,
-        ${BLACK_ALPHA_10} 25%,
-        ${TRANSPARENT} 25%
-      ),
-      linear-gradient(135deg, ${BLACK_ALPHA_10} 25%, ${TRANSPARENT} 25%),
-      linear-gradient(45deg, ${TRANSPARENT} 75%, ${BLACK_ALPHA_10} 75%),
-      linear-gradient(135deg, ${TRANSPARENT} 75%, ${BLACK_ALPHA_10} 75%)
-    `;
-var COLOR_PICKER_CHECKER_BACKGROUND_IMAGE = `linear-gradient(45deg, #888 25%, ${TRANSPARENT} 25%), ` + `linear-gradient(-45deg, #888 25%, ${TRANSPARENT} 25%), ` + `linear-gradient(45deg, ${TRANSPARENT} 75%, #888 75%), ` + `linear-gradient(-45deg, ${TRANSPARENT} 75%, #888 75%)`;
-var COLOR_PICKER_CHECKER_BACKGROUND_COLOR = "#444";
-var COLOR_PICKER_SATURATION_VALUE_GRADIENT = `linear-gradient(to right, ${WHITE_HEX}, ${TRANSPARENT})`;
-var COLOR_PICKER_SATURATION_BLACK_GRADIENT = `linear-gradient(to top, ${BLACK_HEX}, ${TRANSPARENT})`;
-var COLOR_PICKER_ALPHA_TRANSPARENT = "rgba(0, 0, 0, 0)";
-var COLOR_PICKER_HUE_GRADIENT = "linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)";
-var ERROR_MESSAGE_MASK_IMAGE = `linear-gradient(to bottom, ${WHITE} 60%, ${TRANSPARENT})`;
-var SELECTED_OUTLINE_DROP_SHADOW = `drop-shadow(0 0 1px ${WHITE_ALPHA_20})`;
-var SELECTED_OUTLINE_UV_DROP_SHADOW = `drop-shadow(0 1px 2px ${BLACK_ALPHA_28})`;
-var LOOPED_INDICATOR_DROP_SHADOW = `drop-shadow(0 0 2px ${BLACK_ALPHA_90}) ` + `drop-shadow(0 1px 2px ${BLACK_ALPHA_80})`;
-var TIMELINE_AUDIO_GRADIENT = "linear-gradient(rgb(16 171 58), rgb(43 165 63) 60%)";
-var TIMELINE_VIDEO_GRADIENT = "linear-gradient(to top, #8e44ad, #9b59b6)";
-var getBackgroundFromHoverState = ({
-  selected,
-  hovered
-}) => {
-  if (selected) {
-    if (hovered) {
-      return SELECTED_HOVER_BACKGROUND;
-    }
-    return SELECTED_BACKGROUND;
-  }
-  if (hovered) {
-    return WHITE_ALPHA_06;
-  }
-  return TRANSPARENT;
-};
-
-export { BLACK, WHITE, RED, TRANSPARENT, CURRENT_COLOR, CURRENT_COLOR_LOWERCASE, WHITE_HEX, WHITE_FULL_HEX, BLACK_HEX, BLACK_FULL_HEX, BACKGROUND, BACKGROUND_HEX, BACKGROUND__TRANSPARENT, INPUT_BACKGROUND, LIGHT_COLOR, SELECTED_BACKGROUND, LIGHT_TEXT, RULER_COLOR, WHITE_ALPHA_05, WHITE_ALPHA_06, WHITE_ALPHA_08, WHITE_ALPHA_10, WHITE_ALPHA_12, WHITE_ALPHA_15, WHITE_ALPHA_20, WHITE_ALPHA_25, WHITE_ALPHA_30, WHITE_ALPHA_35, WHITE_ALPHA_40, WHITE_ALPHA_45, WHITE_ALPHA_50, WHITE_ALPHA_60, WHITE_ALPHA_70, WHITE_ALPHA_72, WHITE_ALPHA_80, WHITE_ALPHA_90, BLACK_ALPHA_30, BLACK_ALPHA_40, BLACK_ALPHA_50, BLACK_ALPHA_60, FAIL_COLOR, WARNING_COLOR, BLUE, BLUE_HOVERED, BLUE_DISABLED, UNSELECTED_GUIDE, SELECTED_GUIDE, LINE_COLOR, TIMELINE_TRACK_SEPARATOR, LIGHT_GRAY, NOTIFICATION_BACKGROUND, RENDER_STATUS_BACKGROUND, ERROR_CODE_FRAME_BACKGROUND, ERROR_CODE_FRAME_LINE_BACKGROUND, ERROR_LINK_COLOR, INFO_BLUE, SERVER_DISCONNECTED_BACKGROUND, TIMELINE_BACKGROUND_COLOR, TIMELINE_NEGATIVE_START_BACKGROUND_COLOR, TIMELINE_NEGATIVE_START_BORDER_COLOR, TIMELINE_SELECTED_BACKGROUND_COLOR, TIMELINE_SELECTED_LABEL_BACKGROUND_COLOR, TIMELINE_BLUE, TIMELINE_PLAYHEAD_COLOR, TIMELINE_DROP_BLUE_ALPHA_12, TIMELINE_DROP_BLUE_ALPHA_16, TIMELINE_MARQUEE_BLUE_ALPHA_16, INFO_BLUE_BACKGROUND, BORDER_BLACK, BORDER_WHITE, BORDER_WHITE_2PX, BORDER_CURRENT_COLOR, BORDER_TRANSPARENT_2PX, BORDER_BLACK_ALPHA_50, BORDER_BLACK_ALPHA_60, BORDER_WHITE_ALPHA_12, BORDER_WHITE_ALPHA_20, BORDER_INFO_BLUE, BORDER_TIMELINE_DROP_BLUE, BORDER_TIMELINE_MARQUEE_BLUE, SHADOW_BLACK, SHADOW_BLACK_ALPHA_50_TOWARDS_BOTTOM, SHADOW_BLACK_ALPHA_50_TOWARDS_TOP, NOTIFICATION_SHADOW, SERVER_DISCONNECTED_SHADOW, COLOR_PICKER_POPUP_SHADOW, COLOR_PICKER_HANDLE_SHADOW, NOTIFICATION_BORDER, HOT_MIDDLEWARE_ERROR_STYLE, HOT_MIDDLEWARE_WARNING_STYLE, FOCUS_BOX_SHADOW, CHECKERBOARD_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_COLOR, COLOR_PICKER_SATURATION_VALUE_GRADIENT, COLOR_PICKER_SATURATION_BLACK_GRADIENT, COLOR_PICKER_ALPHA_TRANSPARENT, COLOR_PICKER_HUE_GRADIENT, ERROR_MESSAGE_MASK_IMAGE, SELECTED_OUTLINE_DROP_SHADOW, SELECTED_OUTLINE_UV_DROP_SHADOW, LOOPED_INDICATOR_DROP_SHADOW, TIMELINE_AUDIO_GRADIENT, TIMELINE_VIDEO_GRADIENT, getBackgroundFromHoverState };

package/dist/helpers/get-box-quads-polyfill-internals.d.ts

@@ -1,82 +0,0 @@
-/**
- * @param {globalThis} windowObj?
- * @param {boolean=} force
- */
-export declare function addPolyfill(windowObj?: globalThis, force?: boolean | undefined): void;
-/**
- * @param {globalThis} windowObj?
- */
-export declare function patchAdoptNode(windowObj?: globalThis): void;
-/**
- * @param {Node} node
- * @param {DOMQuadInit} quad
- * @param {Element} from
- * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
- * @returns {DOMQuad}
- */
-export declare function convertQuadFromNode(node: Node, quad: DOMQuadInit, from: Element, options?: {
-    fromBox?: 'margin' | 'border' | 'padding' | 'content';
-    toBox?: 'margin' | 'border' | 'padding' | 'content';
-    iframes?: HTMLIFrameElement[];
-} | undefined): DOMQuad;
-/**
- * @param {Node} node
- * @param {{x: number, y: number, width: number, height: number}} rect
- * @param {Element} from
- * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
- * @returns {DOMQuad}
- */
-export declare function convertRectFromNode(node: Node, rect: {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}, from: Element, options?: {
-    fromBox?: 'margin' | 'border' | 'padding' | 'content';
-    toBox?: 'margin' | 'border' | 'padding' | 'content';
-    iframes?: HTMLIFrameElement[];
-} | undefined): DOMQuad;
-/**
- * @param {Node} node
- * @param {DOMPointInit} point
- * @param {Element} from
- * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
- * @returns {DOMPoint}
- */
-export declare function convertPointFromNode(node: Node, point: DOMPointInit, from: Element, options?: {
-    fromBox?: 'margin' | 'border' | 'padding' | 'content';
-    toBox?: 'margin' | 'border' | 'padding' | 'content';
-    iframes?: HTMLIFrameElement[];
-} | undefined): DOMPoint;
-export declare function clearCache(): void;
-export declare function useCache(): void;
-/**
- * @param {Node} node
- * @param {{box?: 'margin'|'border'|'padding'|'content', relativeTo?: Element, iframes?: HTMLIFrameElement[]}=} options
- * @returns {DOMQuad[]}
- */
-export declare function getBoxQuads(node: Node, options?: {
-    box?: 'margin' | 'border' | 'padding' | 'content';
-    relativeTo?: Element;
-    iframes?: HTMLIFrameElement[];
-} | undefined): DOMQuad[];
-/**
- * @param {Node} node
- * @param {DOMMatrix=} matrix
- */
-export declare function getElementSize(node: Node, matrix?: DOMMatrix | undefined): {
-    width: number;
-    height: number;
-};
-/**
- * @param {Node} node
- * @param {Element} ancestor
- * @param {HTMLIFrameElement[]} iframes
- * @param {boolean=} excludeSelfZoom
- */
-export declare function getResultingTransformationBetweenElementAndAllAncestors(node: Node, ancestor: Element, iframes: HTMLIFrameElement[], excludeSelfZoom?: boolean | undefined): DOMMatrix;
-/**
- * @param {Node} element
- * @param {HTMLIFrameElement[]=} iframes
- */
-export declare function getElementCombinedTransform(element: Node, iframes?: HTMLIFrameElement[] | undefined): DOMMatrix;