@remotion/studio 4.0.517 → 4.0.518

package/dist/esm/renderEntry.mjs

@@ -213,7 +213,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-gzqm3g2m.js").then(({ StudioInternals }) => {
+    import("./chunk-7prjt5n5.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/create-folder-tree.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createFolderTree = exports.getKeysToExpand = exports.splitParentIntoNameAndParent = exports.buildAssetFolderStructure = void 0;
 const persist_open_folders_1 = require("./persist-open-folders");
+const sort_by_nonce_history_1 = require("./sort-by-nonce-history");
 const buildAssetFolderStructure = (files, parentFolderName, foldersExpanded) => {
     const notInFolder = files.filter((f) => !f.name.includes('/'));
     const inFolder = files.filter((f) => f.name.includes('/'));
@@ -152,6 +153,20 @@ const createFolderTree = (comps, folders, foldersExpanded) => {
         const list = findItemListToPush(items, item.folderName, item.parentFolderName);
         list.push(toPush);
     }
-    return items;
+    const sortTreeItems = (treeItems) => {
+        return (0, sort_by_nonce_history_1.sortItemsByNonceHistory)(treeItems.map((item) => ({
+            item,
+            nonce: item.type === 'folder' ? item.folder.nonce : item.composition.nonce,
+        }))).map(({ item }) => {
+            if (item.type === 'composition') {
+                return item;
+            }
+            return {
+                ...item,
+                items: sortTreeItems(item.items),
+            };
+        });
+    };
+    return sortTreeItems(items);
 };
 exports.createFolderTree = createFolderTree;

package/dist/helpers/format-file-location.d.ts

@@ -2,6 +2,14 @@ type FileLocation = {
     readonly source: string | null;
     readonly line: number | null;
 };
+export type RelativeFileLocation = {
+    readonly filename: string;
+    readonly line: number;
+};
+export declare const getRelativeFileLocation: ({ location, root, }: {
+    readonly location: FileLocation | null;
+    readonly root: string;
+}) => RelativeFileLocation | null;
 export declare const formatFileLocation: ({ location, root, }: {
     readonly location: FileLocation | null;
     readonly root: string;

package/dist/helpers/format-file-location.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatContextForAgents = exports.formatFileLocation = void 0;
+exports.formatContextForAgents = exports.formatFileLocation = exports.getRelativeFileLocation = void 0;
 const normalizeSlashes = (path) => path.replace(/\\/g, '/');
 const stripTrailingSlashes = (path) => path.replace(/\/+$/, '');
 const stripLeadingDotSlash = (path) => path.replace(/^\.\/+/, '');
-const formatFileLocation = ({ location, root, }) => {
+const getRelativeFileLocation = ({ location, root, }) => {
     if (!(location === null || location === void 0 ? void 0 : location.source) || location.line === null) {
         return null;
     }
@@ -22,7 +22,18 @@ const formatFileLocation = ({ location, root, }) => {
     const relativeSource = sourceIsInsideRoot
         ? source.slice(normalizedRoot.length + 1)
         : source;
-    return `${stripLeadingDotSlash(relativeSource)}:${location.line}`;
+    return {
+        filename: stripLeadingDotSlash(relativeSource),
+        line: location.line,
+    };
+};
+exports.getRelativeFileLocation = getRelativeFileLocation;
+const formatFileLocation = ({ location, root, }) => {
+    const relativeLocation = (0, exports.getRelativeFileLocation)({ location, root });
+    if (relativeLocation === null) {
+        return null;
+    }
+    return `${relativeLocation.filename}:${relativeLocation.line}`;
 };
 exports.formatFileLocation = formatFileLocation;
 const formatContextForAgents = ({ name, location, root, }) => {

package/dist/helpers/get-timeline-max-zoom.d.ts

@@ -11,10 +11,18 @@ export declare const clampTimelineZoom: ({ zoom, durationInFrames, }: {
     zoom: number;
     durationInFrames: number;
 }) => number;
+export declare const timelineZoomToNormalized: ({ zoom, maxZoom, }: {
+    zoom: number;
+    maxZoom: number;
+}) => number;
 export declare const timelineZoomToSliderValue: ({ zoom, maxZoom, }: {
     zoom: number;
     maxZoom: number;
 }) => number;
+export declare const normalizedToTimelineZoom: ({ normalized, maxZoom, }: {
+    normalized: number;
+    maxZoom: number;
+}) => number;
 export declare const sliderValueToTimelineZoom: ({ sliderValue, maxZoom, }: {
     sliderValue: number;
     maxZoom: number;

package/dist/helpers/get-timeline-max-zoom.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TIMELINE_ZOOM_SLIDER_PROPS = exports.sliderValueToTimelineZoom = exports.timelineZoomToSliderValue = exports.clampTimelineZoom = exports.getTimelineMaxZoom = exports.TIMELINE_FRAMES_VISIBLE_AT_MAX_ZOOM = exports.TIMELINE_MAX_ZOOM_FLOOR = exports.TIMELINE_MIN_ZOOM = void 0;
+exports.TIMELINE_ZOOM_SLIDER_PROPS = exports.sliderValueToTimelineZoom = exports.normalizedToTimelineZoom = exports.timelineZoomToSliderValue = exports.timelineZoomToNormalized = exports.clampTimelineZoom = exports.getTimelineMaxZoom = exports.TIMELINE_FRAMES_VISIBLE_AT_MAX_ZOOM = exports.TIMELINE_MAX_ZOOM_FLOOR = exports.TIMELINE_MIN_ZOOM = void 0;
 exports.TIMELINE_MIN_ZOOM = 1;
 exports.TIMELINE_MAX_ZOOM_FLOOR = 5;
 /**
@@ -20,23 +20,34 @@ const clampTimelineZoom = ({ zoom, durationInFrames, }) => {
     return Math.round(clamped * 10) / 10;
 };
 exports.clampTimelineZoom = clampTimelineZoom;
-const timelineZoomToSliderValue = ({ zoom, maxZoom, }) => {
+const timelineZoomToNormalized = ({ zoom, maxZoom, }) => {
     if (maxZoom <= exports.TIMELINE_MIN_ZOOM) {
         return 0;
     }
     const clampedZoom = Math.min(maxZoom, Math.max(exports.TIMELINE_MIN_ZOOM, zoom));
-    const t = Math.log(clampedZoom / exports.TIMELINE_MIN_ZOOM) /
+    const normalized = Math.log(clampedZoom / exports.TIMELINE_MIN_ZOOM) /
         Math.log(maxZoom / exports.TIMELINE_MIN_ZOOM);
-    return Math.round(t * TIMELINE_ZOOM_SLIDER_MAX);
+    return (Math.round(normalized * TIMELINE_ZOOM_SLIDER_MAX) / TIMELINE_ZOOM_SLIDER_MAX);
+};
+exports.timelineZoomToNormalized = timelineZoomToNormalized;
+const timelineZoomToSliderValue = ({ zoom, maxZoom, }) => {
+    return Math.round((0, exports.timelineZoomToNormalized)({ zoom, maxZoom }) * TIMELINE_ZOOM_SLIDER_MAX);
 };
 exports.timelineZoomToSliderValue = timelineZoomToSliderValue;
-const sliderValueToTimelineZoom = ({ sliderValue, maxZoom, }) => {
+const normalizedToTimelineZoom = ({ normalized, maxZoom, }) => {
     if (maxZoom <= exports.TIMELINE_MIN_ZOOM) {
         return exports.TIMELINE_MIN_ZOOM;
     }
-    const t = sliderValue / TIMELINE_ZOOM_SLIDER_MAX;
+    const t = Math.min(1, Math.max(0, normalized));
     return exports.TIMELINE_MIN_ZOOM * (maxZoom / exports.TIMELINE_MIN_ZOOM) ** t;
 };
+exports.normalizedToTimelineZoom = normalizedToTimelineZoom;
+const sliderValueToTimelineZoom = ({ sliderValue, maxZoom, }) => {
+    return (0, exports.normalizedToTimelineZoom)({
+        normalized: sliderValue / TIMELINE_ZOOM_SLIDER_MAX,
+        maxZoom,
+    });
+};
 exports.sliderValueToTimelineZoom = sliderValueToTimelineZoom;
 exports.TIMELINE_ZOOM_SLIDER_PROPS = {
     min: 0,

package/dist/helpers/hoverable.d.ts

@@ -3,6 +3,7 @@ export declare const HOVERABLE_CLASS_NAME = "__remotion-hoverable";
 export declare const HOVER_GROUP_CLASS_NAME = "__remotion-hover-group";
 export declare const HOVER_GROUP_REVEAL_CLASS_NAME = "__remotion-hover-group-reveal";
 export declare const FOCUS_VISIBLE_ONLY_CLASS_NAME = "__remotion-focus-visible-only";
+export declare const NO_HOVER_BACKGROUND_STYLE: React.CSSProperties;
 export declare const hoverableStyle: ({ idleBackground, hoverBackground, idleColor, hoverColor, }: {
     idleBackground: string;
     hoverBackground: string;

package/dist/helpers/hoverable.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeHoverableCSS = exports.hoverableStyle = exports.FOCUS_VISIBLE_ONLY_CLASS_NAME = exports.HOVER_GROUP_REVEAL_CLASS_NAME = exports.HOVER_GROUP_CLASS_NAME = exports.HOVERABLE_CLASS_NAME = void 0;
+exports.makeHoverableCSS = exports.hoverableStyle = exports.NO_HOVER_BACKGROUND_STYLE = exports.FOCUS_VISIBLE_ONLY_CLASS_NAME = exports.HOVER_GROUP_REVEAL_CLASS_NAME = exports.HOVER_GROUP_CLASS_NAME = exports.HOVERABLE_CLASS_NAME = void 0;
 const colors_1 = require("./colors");
 // Purely visual hover styling must be driven by CSS `:hover` rather than
 // React state: When the Studio runs in an <iframe> (like in Browser Studio),
@@ -16,6 +16,9 @@ const BG_VARIABLE = '--remotion-hoverable-bg';
 const HOVER_BG_VARIABLE = '--remotion-hoverable-hover-bg';
 const COLOR_VARIABLE = '--remotion-hoverable-color';
 const HOVER_COLOR_VARIABLE = '--remotion-hoverable-hover-color';
+exports.NO_HOVER_BACKGROUND_STYLE = {
+    [HOVER_BG_VARIABLE]: colors_1.TRANSPARENT,
+};
 // To disable the hover effect (e.g. for a disabled control), pass the idle
 // values as the hover values.
 const hoverableStyle = ({ idleBackground, hoverBackground, idleColor, hoverColor, }) => {

package/dist/icons/enter.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+export declare const EnterIcon: React.FC<SVGProps<SVGSVGElement> & {
+    readonly color: string;
+}>;

package/dist/icons/enter.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnterIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Font Awesome Pro v7.3.1, Copyright 2026 Fonticons, Inc.
+// https://fontawesome.com/license (Commercial License)
+const EnterIcon = ({ color, ...props }) => {
+    return (jsx_runtime_1.jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", children: jsx_runtime_1.jsx("path", { fill: color, d: "M544 144C544 135.2 551.2 128 560 128C568.8 128 576 135.2 576 144L576 240C576 293 533 336 480 336L118.6 336L235.3 452.7C241.5 458.9 241.5 469.1 235.3 475.3C229.1 481.5 218.9 481.5 212.7 475.3L68.7 331.3C65.7 328.3 64 324.2 64 320C64 315.8 65.7 311.7 68.7 308.7L212.7 164.7C218.9 158.5 229.1 158.5 235.3 164.7C241.5 170.9 241.5 181.1 235.3 187.3L118.6 304L480 304C515.3 304 544 275.3 544 240L544 144z" }) }));
+};
+exports.EnterIcon = EnterIcon;

package/dist/state/playbackrate.d.ts

@@ -1,2 +1,3 @@
+export declare const commonPlaybackRates: number[];
 export declare const persistPlaybackRate: (option: number) => void;
 export declare const loadPlaybackRate: () => number;

package/dist/state/playbackrate.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadPlaybackRate = exports.persistPlaybackRate = void 0;
+exports.loadPlaybackRate = exports.persistPlaybackRate = exports.commonPlaybackRates = void 0;
 const key = 'remotion.playbackrate';
+exports.commonPlaybackRates = [
+    -4, -2, -1, -0.5, -0.25, 0.25, 0.5, 1, 1.5, 2, 4,
+];
 const persistPlaybackRate = (option) => {
     localStorage.setItem(key, String(option));
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.517",
+	"version": "4.0.518",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,19 +25,19 @@
 	},
 	"dependencies": {
 		"@tanstack/react-virtual": "3.14.9",
-		"@remotion/canvas": "4.0.517",
-		"@remotion/studio-protocol": "4.0.517",
+		"@remotion/canvas": "4.0.518",
+		"@remotion/studio-protocol": "4.0.518",
 		"semver": "7.5.3",
-		"remotion": "4.0.517",
-		"@remotion/captions": "4.0.517",
-		"@remotion/media": "4.0.517",
-		"@remotion/player": "4.0.517",
-		"@remotion/media-utils": "4.0.517",
-		"@remotion/renderer": "4.0.517",
-		"@remotion/web-renderer": "4.0.517",
-		"@remotion/studio-shared": "4.0.517",
-		"@remotion/timeline-utils": "4.0.517",
-		"@remotion/zod-types": "4.0.517",
+		"remotion": "4.0.518",
+		"@remotion/captions": "4.0.518",
+		"@remotion/media": "4.0.518",
+		"@remotion/player": "4.0.518",
+		"@remotion/media-utils": "4.0.518",
+		"@remotion/renderer": "4.0.518",
+		"@remotion/web-renderer": "4.0.518",
+		"@remotion/studio-shared": "4.0.518",
+		"@remotion/timeline-utils": "4.0.518",
+		"@remotion/zod-types": "4.0.518",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.55.1",
 		"memfs": "3.4.3",
@@ -48,7 +48,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.517",
+		"@remotion/eslint-config-internal": "4.0.518",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/components/selected-outline-order.d.ts

@@ -1,12 +0,0 @@
-import type { SelectedOutline } from './selected-outline-geometry';
-import type { SelectedOutlineLayoutTarget } from './selected-outline-types';
-type OutlineSequenceParent = {
-    readonly id: string;
-    readonly parent: string | null;
-};
-export declare const orderOutlinesForRendering: ({ outlines, sequences, targetsByKey, }: {
-    readonly outlines: readonly SelectedOutline[];
-    readonly sequences: readonly OutlineSequenceParent[];
-    readonly targetsByKey: ReadonlyMap<string, SelectedOutlineLayoutTarget>;
-}) => readonly SelectedOutline[];
-export {};

package/dist/components/selected-outline-order.js

@@ -1,251 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.orderOutlinesForRendering = void 0;
-const outlinePointEqualityTolerance = 0.5;
-const outlineAreaEqualityTolerance = 0.5;
-const outlineBoundsOverlapTolerance = 0.5;
-const outlinePointsAreEquivalent = (a, b) => {
-    return (Math.abs(a.x - b.x) <= outlinePointEqualityTolerance &&
-        Math.abs(a.y - b.y) <= outlinePointEqualityTolerance);
-};
-const outlinesHaveEquivalentHitArea = (a, b) => {
-    if (a.points.length !== b.points.length) {
-        return false;
-    }
-    for (let startIndex = 0; startIndex < b.points.length; startIndex++) {
-        for (const direction of [1, -1]) {
-            const pointsMatch = a.points.every((point, index) => {
-                const bIndex = (startIndex + direction * index + b.points.length) % b.points.length;
-                return outlinePointsAreEquivalent(point, b.points[bIndex]);
-            });
-            if (pointsMatch) {
-                return true;
-            }
-        }
-    }
-    return false;
-};
-const getOutlineHitArea = (outline) => {
-    let area = 0;
-    for (let i = 0; i < outline.points.length; i++) {
-        const current = outline.points[i];
-        const next = outline.points[(i + 1) % outline.points.length];
-        area += current.x * next.y - next.x * current.y;
-    }
-    return Math.abs(area) / 2;
-};
-const getOutlineBounds = (outline) => {
-    const xs = outline.points.map((point) => point.x);
-    const ys = outline.points.map((point) => point.y);
-    return {
-        maxX: Math.max(...xs),
-        maxY: Math.max(...ys),
-        minX: Math.min(...xs),
-        minY: Math.min(...ys),
-    };
-};
-const outlineBoundsOverlap = (a, b) => {
-    const aBounds = getOutlineBounds(a);
-    const bBounds = getOutlineBounds(b);
-    return (aBounds.minX <= bBounds.maxX + outlineBoundsOverlapTolerance &&
-        aBounds.maxX + outlineBoundsOverlapTolerance >= bBounds.minX &&
-        aBounds.minY <= bBounds.maxY + outlineBoundsOverlapTolerance &&
-        aBounds.maxY + outlineBoundsOverlapTolerance >= bBounds.minY);
-};
-const getSequenceId = (target) => {
-    var _a;
-    var _b;
-    return (_b = (_a = target === null || target === void 0 ? void 0 : target.sequence) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null;
-};
-const getParentBySequenceId = ({ sequences, targetsByKey, }) => {
-    const parentBySequenceId = new Map();
-    for (const sequence of sequences) {
-        parentBySequenceId.set(sequence.id, sequence.parent);
-    }
-    for (const target of targetsByKey.values()) {
-        const sequenceId = getSequenceId(target);
-        if (sequenceId !== null && !parentBySequenceId.has(sequenceId)) {
-            parentBySequenceId.set(sequenceId, target.sequence.parent);
-        }
-    }
-    return parentBySequenceId;
-};
-const isAncestorTarget = ({ ancestor, descendant, parentBySequenceId, }) => {
-    var _a;
-    var _b, _c;
-    const ancestorId = getSequenceId(ancestor);
-    if (ancestorId === null) {
-        return false;
-    }
-    let parentId = (_b = (_a = descendant.sequence) === null || _a === void 0 ? void 0 : _a.parent) !== null && _b !== void 0 ? _b : null;
-    while (parentId !== null) {
-        if (parentId === ancestorId) {
-            return true;
-        }
-        parentId = (_c = parentBySequenceId.get(parentId)) !== null && _c !== void 0 ? _c : null;
-    }
-    return false;
-};
-const orderOutlineGroup = ({ outlines, parentBySequenceId, targetsByKey, }) => {
-    var _a;
-    var _b, _c, _d, _e;
-    const incomingEdges = new Map();
-    const outgoingEdges = new Map();
-    const outlinesByKey = new Map(outlines.map((outline) => [outline.key, outline]));
-    for (const outline of outlines) {
-        incomingEdges.set(outline.key, new Set());
-        outgoingEdges.set(outline.key, new Set());
-    }
-    const hasPath = ({ fromKey, seen, toKey, }) => {
-        var _a;
-        if (fromKey === toKey) {
-            return true;
-        }
-        if (seen.has(fromKey)) {
-            return false;
-        }
-        seen.add(fromKey);
-        for (const nextKey of (_a = outgoingEdges.get(fromKey)) !== null && _a !== void 0 ? _a : []) {
-            if (hasPath({ fromKey: nextKey, seen, toKey })) {
-                return true;
-            }
-        }
-        return false;
-    };
-    const addEdge = (before, after, options) => {
-        if (before.key === after.key) {
-            return;
-        }
-        const incoming = incomingEdges.get(after.key);
-        const outgoing = outgoingEdges.get(before.key);
-        if (incoming === undefined || outgoing === undefined) {
-            throw new Error('Expected outline to be registered before adding edge');
-        }
-        if (outgoing.has(after.key)) {
-            return;
-        }
-        if (hasPath({ fromKey: after.key, seen: new Set(), toKey: before.key })) {
-            if (options === null || options === void 0 ? void 0 : options.skipIfCycle) {
-                return;
-            }
-            throw new Error('Could not determine a stable outline rendering order');
-        }
-        incoming.add(before.key);
-        outgoing.add(after.key);
-    };
-    const addAncestorConstraint = ({ ancestor, descendant, descendantContainsSelection, equivalentHitArea, }) => {
-        // Usually, children should be above parents so nested elements are directly
-        // selectable. If an unselected child has the same hit area as its parent, put
-        // it below the parent so the wrapper can be selected. Once the child or
-        // one of its properties is selected, keep it above the parent so it remains
-        // directly draggable.
-        if (equivalentHitArea && !descendantContainsSelection) {
-            addEdge(descendant, ancestor);
-        }
-        else {
-            addEdge(ancestor, descendant);
-        }
-    };
-    const outlineBySequenceId = new Map();
-    for (const outline of outlines) {
-        const sequenceId = getSequenceId(targetsByKey.get(outline.key));
-        if (sequenceId !== null) {
-            outlineBySequenceId.set(sequenceId, outline);
-        }
-    }
-    // Only constrain each outline against its nearest rendered ancestor. The
-    // resulting graph follows the sequence tree, so pairwise subpixel equivalence
-    // cannot introduce contradictory edges across three nested outlines.
-    for (const descendant of outlines) {
-        const descendantTarget = targetsByKey.get(descendant.key);
-        let parentId = (_b = (_a = descendantTarget === null || descendantTarget === void 0 ? void 0 : descendantTarget.sequence) === null || _a === void 0 ? void 0 : _a.parent) !== null && _b !== void 0 ? _b : null;
-        while (parentId !== null) {
-            const ancestor = outlineBySequenceId.get(parentId);
-            if (ancestor !== undefined) {
-                addAncestorConstraint({
-                    ancestor,
-                    descendant,
-                    descendantContainsSelection: ((_c = descendantTarget === null || descendantTarget === void 0 ? void 0 : descendantTarget.selected) !== null && _c !== void 0 ? _c : false) ||
-                        ((_d = descendantTarget === null || descendantTarget === void 0 ? void 0 : descendantTarget.containsSelection) !== null && _d !== void 0 ? _d : false),
-                    equivalentHitArea: outlinesHaveEquivalentHitArea(ancestor, descendant),
-                });
-                break;
-            }
-            parentId = (_e = parentBySequenceId.get(parentId)) !== null && _e !== void 0 ? _e : null;
-        }
-    }
-    // For unrelated overlapping outlines, put broader hit targets below
-    // smaller ones so a large selected sequence cannot swallow clicks on
-    // a more specific element in the same canvas area.
-    for (let i = 0; i < outlines.length; i++) {
-        for (let j = i + 1; j < outlines.length; j++) {
-            const a = outlines[i];
-            const b = outlines[j];
-            const aTarget = targetsByKey.get(a.key);
-            const bTarget = targetsByKey.get(b.key);
-            if (aTarget === undefined || bTarget === undefined) {
-                continue;
-            }
-            const aAncestorOfB = isAncestorTarget({
-                ancestor: aTarget,
-                descendant: bTarget,
-                parentBySequenceId,
-            });
-            const bAncestorOfA = isAncestorTarget({
-                ancestor: bTarget,
-                descendant: aTarget,
-                parentBySequenceId,
-            });
-            if (aAncestorOfB || bAncestorOfA || !outlineBoundsOverlap(a, b)) {
-                continue;
-            }
-            const aArea = getOutlineHitArea(a);
-            const bArea = getOutlineHitArea(b);
-            if (Math.abs(aArea - bArea) <= outlineAreaEqualityTolerance) {
-                continue;
-            }
-            if (aArea > bArea) {
-                addEdge(a, b, { skipIfCycle: true });
-            }
-            else {
-                addEdge(b, a, { skipIfCycle: true });
-            }
-        }
-    }
-    const emitted = new Set();
-    const visiting = new Set();
-    const ordered = [];
-    const visit = (outline) => {
-        var _a;
-        if (emitted.has(outline.key)) {
-            return;
-        }
-        if (visiting.has(outline.key)) {
-            throw new Error('Could not determine a stable outline rendering order');
-        }
-        visiting.add(outline.key);
-        for (const dependencyKey of (_a = incomingEdges.get(outline.key)) !== null && _a !== void 0 ? _a : []) {
-            const dependency = outlinesByKey.get(dependencyKey);
-            if (dependency === undefined) {
-                throw new Error('Expected outline dependency to exist');
-            }
-            visit(dependency);
-        }
-        visiting.delete(outline.key);
-        emitted.add(outline.key);
-        ordered.push(outline);
-    };
-    for (const outline of outlines) {
-        visit(outline);
-    }
-    return ordered;
-};
-const orderOutlinesForRendering = ({ outlines, sequences, targetsByKey, }) => {
-    const parentBySequenceId = getParentBySequenceId({ sequences, targetsByKey });
-    return orderOutlineGroup({
-        outlines,
-        parentBySequenceId,
-        targetsByKey,
-    });
-};
-exports.orderOutlinesForRendering = orderOutlinesForRendering;

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;