@remotion/studio 4.0.213 → 4.0.214

package/.turbo/turbo-make.log

@@ -0,0 +1,4 @@
+
+> @remotion/studio@4.0.214 make /Users/jonathanburger/remotion/packages/studio
+> bun --env-file=../.env.bundle bundle.ts
+

package/dist/api/focus-default-props-path.d.ts

@@ -1,7 +1,7 @@
 import type { JSONPath } from '../components/RenderModal/SchemaEditor/zod-types';
 export declare const focusDefaultPropsPath: ({ path, scrollBehavior, }: {
     path: JSONPath;
-    scrollBehavior?: ScrollBehavior | undefined;
+    scrollBehavior?: ScrollBehavior;
 }) => {
     success: boolean;
 };

package/dist/components/EditorGuides/Guide.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Guide } from '../../state/editor-guides';
 declare const _default: import("react").NamedExoticComponent<{
     guide: Guide;

package/dist/components/EditorGuides/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Size } from '@remotion/player';
 import type { AssetMetadata } from '../../helpers/get-asset-metadata';
 import type { Dimensions } from '../../helpers/is-current-selected-still';

package/dist/components/ExplorerPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const explorerSidebarTabs: import("react").RefObject<{
     selectAssetsPanel: () => void;
     selectCompositionPanel: () => void;

package/dist/components/FullscreenToggle.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FullScreenToggle: React.FC<{}>;

package/dist/components/KnownBugs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Bug } from './UpdateCheck';
 export declare const KnownBugs: React.FC<{
     bugs: Bug[];

package/dist/components/MobilePanel.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MobilePanel;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_dom_1 = __importDefault(require("react-dom"));
 const colors_1 = require("../helpers/colors");
@@ -33,4 +34,3 @@ function MobilePanel({ children, onClose, }) {
     const { currentZIndex } = (0, z_index_1.useZIndex)();
     return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { style: buttonContainer, children: (0, jsx_runtime_1.jsx)(CancelButton_1.CancelButton, { style: button, onPress: onClose }) }), children] }), (0, portals_1.getPortal)(currentZIndex));
 }
-exports.default = MobilePanel;

package/dist/components/MuteToggle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const MuteToggle: React.FC<{
     muted: boolean;
     setMuted: React.Dispatch<React.SetStateAction<boolean>>;

package/dist/components/NewComposition/InputDragger.d.ts

@@ -5,6 +5,6 @@ export declare const InputDragger: React.ForwardRefExoticComponent<InputHTMLAttr
     readonly onValueChange: (newVal: number) => void;
     readonly onTextChange: (newVal: string) => void;
     readonly status: RemInputStatus;
-    readonly formatter?: ((str: number | string) => string) | undefined;
+    readonly formatter?: (str: number | string) => string;
     readonly rightAlign: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/NewComposition/RemInput.d.ts

@@ -9,7 +9,7 @@ export declare const INPUT_HORIZONTAL_PADDING = 8;
 export declare const RightAlignInput: React.FC<PropsWithChildren>;
 export declare const inputBaseStyle: React.CSSProperties;
 export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
-    status: 'error' | 'warning' | 'ok';
+    status: "error" | "warning" | "ok";
     isFocused: boolean;
     isHovered: boolean;
 }) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";

package/dist/components/OpenEditorButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const OpenEditorButton: React.FC<{
     type: 'git' | 'editor';
 }>;

package/dist/components/QuickSwitcher/fuzzy-search.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fuzzySearch = void 0;
+exports.fuzzySearch = fuzzySearch;
 function fuzzySearch(query, dataset) {
     const q = query ? query.trim().toLowerCase() : '';
     const matchingIndices = [];
@@ -23,4 +23,3 @@ function fuzzySearch(query, dataset) {
     });
     return dataset.filter((_, i) => matchingIndices.includes(i));
 }
-exports.fuzzySearch = fuzzySearch;

package/dist/components/RenderModal/CliCopyButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CliCopyButton: React.FC<{
     valueToCopy: string;
 }>;

package/dist/components/RenderModal/CrfSetting.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { AvailableOptions } from '@remotion/renderer/client';
 export declare const useCrfState: (codec: Codec) => {

package/dist/components/RenderModal/InlineEyeIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const InlineEyeButton: React.FC<{
     onClick: () => void;
     enabled: boolean;

package/dist/components/RenderModal/InlineRemoveButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const InlineRemoveButton: React.FC<{
     onClick: () => void;
 }>;

package/dist/components/RenderModal/JpegQualitySetting.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const JpegQualitySetting: React.FC<{
     jpegQuality: number;
     setJpegQuality: (value: React.SetStateAction<number>) => void;

package/dist/components/RenderModal/OptionExplainerBubble.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AvailableOptions } from '@remotion/renderer/client';
 export declare const OptionExplainerBubble: React.FC<{
     id: AvailableOptions;

package/dist/components/RenderModal/ScaleSetting.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ScaleSetting: React.FC<{
     scale: number;
     setScale: (value: React.SetStateAction<number>) => void;

package/dist/components/RenderModal/SchemaEditor/SchemaErrorMessages.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { z } from 'zod';
 export declare const ZodNotInstalled: () => import("react/jsx-runtime").JSX.Element;
 export declare const NoSchemaDefined: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/RenderModal/SchemaEditor/ZodArrayItemEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UpdaterFunction } from './ZodSwitch';
 import type { JSONPath } from './zod-types';
 export declare const ZodArrayItemEditor: React.FC<{

package/dist/components/RenderModal/SchemaEditor/ZodDiscriminatedUnionEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { z } from 'zod';
 import type { UpdaterFunction } from './ZodSwitch';
 import type { JSONPath } from './zod-types';

package/dist/components/RenderModal/SchemaEditor/ZodFieldValidation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LocalState } from './local-state';
 import type { JSONPath } from './zod-types';
 export declare const ZodFieldValidation: React.FC<{

package/dist/components/RenderModal/SchemaEditor/ZodNullableEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { z } from 'zod';
 import type { UpdaterFunction } from './ZodSwitch';
 import type { JSONPath } from './zod-types';

package/dist/components/RenderModal/SchemaEditor/ZodOptionalEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { z } from 'zod';
 import type { UpdaterFunction } from './ZodSwitch';
 import type { JSONPath } from './zod-types';

package/dist/components/RenderModal/SchemaEditor/ZodOrNullishEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { z } from 'zod';
 import type { UpdaterFunction } from './ZodSwitch';
 import type { JSONPath } from './zod-types';

package/dist/components/RenderModal/SchemaEditor/ZodUnionEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { z } from 'zod';
 import type { UpdaterFunction } from './ZodSwitch';
 import type { JSONPath } from './zod-types';

package/dist/components/RenderModal/SchemaEditor/deep-equal.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deepEqual = void 0;
+exports.deepEqual = deepEqual;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function deepEqual(a, b) {
     if (a === b) {
@@ -27,4 +27,3 @@ function deepEqual(a, b) {
     }
     return true;
 }
-exports.deepEqual = deepEqual;

package/dist/components/RenderQueue/RenderQueueCopyToClipboard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { RenderJob } from '@remotion/studio-shared';
 export declare const supportsCopyingToClipboard: (job: RenderJob) => boolean;
 export declare const RenderQueueCopyToClipboard: React.FC<{

package/dist/components/RenderQueue/actions.d.ts

@@ -91,7 +91,7 @@ export declare const copyToClipboard: ({ outName, binariesDirectory, }: {
 export declare const applyCodemod: ({ codemod, dryRun, signal, }: {
     codemod: RecastCodemod;
     dryRun: boolean;
-    signal: AbortController['signal'];
+    signal: AbortController["signal"];
 }) => Promise<import("@remotion/studio-shared").ApplyCodemodResponse>;
 export declare const removeRenderJob: (job: RenderJob) => Promise<undefined>;
 export declare const cancelRenderJob: (job: RenderJob) => Promise<import("@remotion/studio-shared").CancelRenderResponse>;

package/dist/components/ResetZoomButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ResetZoomButton: React.FC<{
     onClick: () => void;
 }>;

package/dist/components/RunningCalculateMetadata.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const loaderLabel: React.CSSProperties;
 export declare const RunningCalculateMetadata: React.FC;

package/dist/components/StaticFilePreview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AssetMetadata } from '../helpers/get-asset-metadata';
 export declare const StaticFilePreview: React.FC<{
     currentAsset: string;

package/dist/components/TextViewer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const TextViewer: React.FC<{
     src: string;
 }>;

package/dist/components/Timeline/TimelineLayerEye.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const TimelineLayerEye: React.FC<{
     onInvoked: (type: 'enable' | 'disable') => void;
     hidden: boolean;

package/dist/components/Timeline/TimelinePlayCursorSyncer.js

@@ -19,7 +19,7 @@ const TimelinePlayCursorSyncer = () => {
         ? canvasContent.compositionId
         : null;
     const zoom = compositionId
-        ? (_a = zoomMap[compositionId]) !== null && _a !== void 0 ? _a : timeline_zoom_1.TIMELINE_MIN_ZOOM
+        ? ((_a = zoomMap[compositionId]) !== null && _a !== void 0 ? _a : timeline_zoom_1.TIMELINE_MIN_ZOOM)
         : null;
     if (zoom && video) {
         (0, imperative_state_1.setCurrentFrame)(timelinePosition);

package/dist/components/Timeline/TimelineWidthProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TimelineWidthContextType = number | null;
 export declare const TimelineWidthContext: import("react").Context<TimelineWidthContextType>;
 export declare const TimelineWidthProvider: React.FC<{

package/dist/components/Timeline/timeline-scroll-logic.d.ts

@@ -11,7 +11,7 @@ export declare const isCursorInViewport: ({ frame, durationInFrames, }: {
     durationInFrames: number;
 }) => boolean;
 export declare const ensureFrameIsInViewport: ({ direction, durationInFrames, frame, }: {
-    direction: 'fit-left' | 'fit-right' | 'page-right' | 'page-left' | 'center';
+    direction: "fit-left" | "fit-right" | "page-right" | "page-left" | "center";
     durationInFrames: number;
     frame: number;
 }) => void;
@@ -33,7 +33,7 @@ export declare const getFrameFromX: ({ clientX, durationInFrames, width, extrapo
     clientX: number;
     durationInFrames: number;
     width: number;
-    extrapolate: 'clamp' | 'extend';
+    extrapolate: "clamp" | "extend";
 }) => number;
 export declare const zoomAndPreserveCursor: ({ oldZoom, newZoom, currentFrame, currentDurationInFrames, }: {
     oldZoom: number;

package/dist/components/Timeline/timeline-scroll-logic.js

@@ -189,9 +189,8 @@ const getFrameWhileScrollingRight = ({ durationInFrames, width, }) => {
 };
 exports.getFrameWhileScrollingRight = getFrameWhileScrollingRight;
 const getFrameFromX = ({ clientX, durationInFrames, width, extrapolate, }) => {
-    var _a;
     const pos = clientX - timeline_layout_1.TIMELINE_PADDING;
-    const frame = Math.round((0, remotion_1.interpolate)(pos, [0, width - timeline_layout_1.TIMELINE_PADDING * 2], [0, (_a = durationInFrames - 1) !== null && _a !== void 0 ? _a : 0], {
+    const frame = Math.round((0, remotion_1.interpolate)(pos, [0, width - timeline_layout_1.TIMELINE_PADDING * 2], [0, durationInFrames - 1], {
         extrapolateLeft: extrapolate,
         extrapolateRight: extrapolate,
     }));

package/dist/components/TopPanel.d.ts

@@ -1,6 +1,6 @@
 import type { Size } from '@remotion/player';
 import React from 'react';
-export declare const useResponsiveSidebarStatus: () => 'collapsed' | 'expanded';
+export declare const useResponsiveSidebarStatus: () => "collapsed" | "expanded";
 export declare const TopPanel: React.FC<{
     readonly readOnlyStudio: boolean;
     readonly onMounted: () => void;

package/dist/components/UpdateModal/OpenIssueButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const OpenIssueButton: React.FC<{
     link: string;
 }>;

package/dist/error-overlay/react-overlay/effects/format-warning.js

@@ -3,7 +3,7 @@
     Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.massageWarning = void 0;
+exports.massageWarning = massageWarning;
 function stripInlineStacktrace(message) {
     return message
         .split('\n')
@@ -38,4 +38,3 @@ function massageWarning(warning, frames) {
     }
     return { message, stack };
 }
-exports.massageWarning = massageWarning;

package/dist/error-overlay/react-overlay/effects/proxy-console.d.ts

@@ -20,5 +20,5 @@ type ErrorData = {
     error: Error;
 };
 type ConsoleProxyCallback = (data: ErrorData) => void;
-declare const permanentRegister: (type: 'error', callback: ConsoleProxyCallback) => void;
+declare const permanentRegister: (type: "error", callback: ConsoleProxyCallback) => void;
 export { permanentRegister, registerReactStack, unregisterReactStack };

package/dist/error-overlay/react-overlay/effects/stack-trace-limit.js

@@ -3,7 +3,8 @@
     Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.unregister = exports.register = void 0;
+exports.register = registerStackTraceLimit;
+exports.unregister = unregisterStackTraceLimit;
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
@@ -27,7 +28,6 @@ function registerStackTraceLimit(limit = MAX_STACK_LENGTH) {
         // Not all browsers support this so we don't care if it errors
     }
 }
-exports.register = registerStackTraceLimit;
 function unregisterStackTraceLimit() {
     if (!stackTraceRegistered) {
         return;
@@ -40,4 +40,3 @@ function unregisterStackTraceLimit() {
         // Not all browsers support this so we don't care if it errors
     }
 }
-exports.unregister = unregisterStackTraceLimit;

package/dist/error-overlay/react-overlay/effects/unhandled-error.js

@@ -3,7 +3,8 @@
     Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.unregister = exports.register = void 0;
+exports.register = registerUnhandledError;
+exports.unregister = unregisterUnhandledError;
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
@@ -34,7 +35,6 @@ function registerUnhandledError(target, callback) {
     boundErrorHandler = errorHandler.bind(undefined, callback);
     target.addEventListener('error', boundErrorHandler);
 }
-exports.register = registerUnhandledError;
 function unregisterUnhandledError(target) {
     if (boundErrorHandler === null) {
         return;
@@ -42,4 +42,3 @@ function unregisterUnhandledError(target) {
     target.removeEventListener('error', boundErrorHandler);
     boundErrorHandler = null;
 }
-exports.unregister = unregisterUnhandledError;

package/dist/error-overlay/react-overlay/effects/unhandled-rejection.js

@@ -3,7 +3,8 @@
     Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.unregister = exports.register = void 0;
+exports.register = registerUnhandledRejection;
+exports.unregister = unregisterUnhandledRejection;
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *
@@ -30,7 +31,6 @@ function registerUnhandledRejection(target, callback) {
     boundRejectionHandler = rejectionHandler.bind(undefined, callback);
     target.addEventListener('unhandledrejection', boundRejectionHandler);
 }
-exports.register = registerUnhandledRejection;
 function unregisterUnhandledRejection(target) {
     if (boundRejectionHandler === null) {
         return;
@@ -38,4 +38,3 @@ function unregisterUnhandledRejection(target) {
     target.removeEventListener('unhandledrejection', boundRejectionHandler);
     boundRejectionHandler = null;
 }
-exports.unregister = unregisterUnhandledRejection;

package/dist/error-overlay/react-overlay/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.startReportingRuntimeErrors = exports.didUnmountReactApp = void 0;
+exports.didUnmountReactApp = void 0;
+exports.startReportingRuntimeErrors = startReportingRuntimeErrors;
 const remotion_1 = require("remotion");
 const listen_to_runtime_errors_1 = require("./listen-to-runtime-errors");
 let stopListeningToRuntimeErrors = null;
@@ -18,4 +19,3 @@ function startReportingRuntimeErrors(onError) {
     };
     stopListeningToRuntimeErrors = (0, listen_to_runtime_errors_1.listenToRuntimeErrors)(handleRuntimeError);
 }
-exports.startReportingRuntimeErrors = startReportingRuntimeErrors;

package/dist/error-overlay/react-overlay/listen-to-runtime-errors.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenToRuntimeErrors = exports.getErrorRecord = void 0;
+exports.getErrorRecord = void 0;
+exports.listenToRuntimeErrors = listenToRuntimeErrors;
 const Overlay_1 = require("../remotion-overlay/Overlay");
 const format_warning_1 = require("./effects/format-warning");
 const proxy_console_1 = require("./effects/proxy-console");
@@ -80,4 +81,3 @@ function listenToRuntimeErrors(crash) {
         (0, proxy_console_1.unregisterReactStack)();
     };
 }
-exports.listenToRuntimeErrors = listenToRuntimeErrors;

package/dist/error-overlay/react-overlay/utils/get-lines-around.js

@@ -3,7 +3,7 @@
     Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLinesAround = void 0;
+exports.getLinesAround = getLinesAround;
 /**
  *
  * @param {number} line The line number to provide context around.
@@ -21,4 +21,3 @@ function getLinesAround(line, count, lines) {
     }
     return result;
 }
-exports.getLinesAround = getLinesAround;

package/dist/error-overlay/react-overlay/utils/get-source-map.js

@@ -3,7 +3,8 @@
     Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSourceMap = exports.getOriginalPosition = void 0;
+exports.getOriginalPosition = void 0;
+exports.getSourceMap = getSourceMap;
 const source_map_1 = require("source-map");
 const getOriginalPosition = (source_map, line, column) => {
     const result = source_map.originalPositionFor({
@@ -48,4 +49,3 @@ async function getSourceMap(fileUri, fileContents) {
     const obj = await fetch(url).then((res) => res.json());
     return new source_map_1.SourceMapConsumer(obj);
 }
-exports.getSourceMap = getSourceMap;

package/dist/error-overlay/react-overlay/utils/parser.js

@@ -3,7 +3,8 @@
     Source code adapted from https://github.com/facebook/create-react-app/tree/main/packages/react-error-overlay and refactored in Typescript. This file is MIT-licensed.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseError = exports.parseStack = void 0;
+exports.parseError = void 0;
+exports.parseStack = parseStack;
 const studio_shared_1 = require("@remotion/studio-shared");
 const resolve_file_source_1 = require("../effects/resolve-file-source");
 const make_stack_frame_1 = require("./make-stack-frame");
@@ -69,7 +70,6 @@ function parseStack(stack) {
     });
     return frames;
 }
-exports.parseStack = parseStack;
 const parseError = async (error, contextLines) => {
     if (error === null) {
         throw new Error('You cannot pass a null object.');

package/dist/error-overlay/remotion-overlay/Retry.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const RetryButton: React.FC<{
     onClick: () => void;
 }>;

package/dist/helpers/colors.d.ts

@@ -24,4 +24,4 @@ export declare const TIMELINE_TRACK_SEPARATOR = "rgba(0, 0, 0, 0.3)";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";
+}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.25)" | "transparent";

package/dist/helpers/editor-ruler.d.ts

@@ -9,7 +9,7 @@ export declare const drawMarkingOnRulerCanvas: ({ scale, points, startMarking, o
     startMarking: number;
     originOffset: number;
     markingGaps: number;
-    orientation: 'horizontal' | 'vertical';
+    orientation: "horizontal" | "vertical";
     rulerCanvasRef: React.RefObject<HTMLCanvasElement>;
     selectedGuide: Guide | null;
     canvasWidth: number;

package/dist/helpers/render-modal-sections.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

package/dist/helpers/use-asset-drag-events.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare function useAssetDragEvents({ name, parentFolder, dropLocation, setDropLocation, }: {
     name: string | null;
     parentFolder: string | null;

package/dist/helpers/use-breakpoint.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBreakpoint = void 0;
+exports.useBreakpoint = useBreakpoint;
 const react_1 = require("react");
 function useBreakpoint(breakpoint) {
     const [compactUI, setCompactUI] = (0, react_1.useState)(window.innerWidth < breakpoint);
@@ -14,4 +14,3 @@ function useBreakpoint(breakpoint) {
     }, [breakpoint]);
     return compactUI;
 }
-exports.useBreakpoint = useBreakpoint;

package/dist/helpers/use-studio-canvas-dimensions.d.ts

@@ -3,7 +3,7 @@ import type { AssetMetadata } from './get-asset-metadata';
 import type { Dimensions } from './is-current-selected-still';
 export declare const useStudioCanvasDimensions: ({ canvasSize, contentDimensions, assetMetadata, }: {
     canvasSize: Size | null;
-    contentDimensions: Dimensions | 'none' | null;
+    contentDimensions: Dimensions | "none" | null;
     assetMetadata: AssetMetadata | null;
 }) => {
     canvasPosition: {

package/dist/helpers/validate-new-comp-data.d.ts

@@ -1,4 +1,4 @@
 import type { AnyComposition } from 'remotion';
 export declare const validateCompositionName: (compName: string, compositions: AnyComposition[]) => string | null;
-export declare const validateCompositionDimension: (dimension: 'Width' | 'Height', value: number) => string | null;
+export declare const validateCompositionDimension: (dimension: "Width" | "Height", value: number) => string | null;
 export declare const validateCompositionDuration: (value: number) => string | null;

package/dist/hot-middleware-client/client.d.ts

@@ -1,5 +1,3 @@
-/// <reference lib="dom" />
-/// <reference lib="dom.iterable" />
 /**
  * Source code is adapted from
  * https://github.com/webpack-contrib/webpack-hot-middleware#readme
@@ -20,7 +18,7 @@ declare global {
 type Reporter = ReturnType<typeof createReporter>;
 declare function createReporter(): {
     cleanProblemsCache(): void;
-    problems(type: 'errors' | 'warnings', obj: HotMiddlewareMessage): boolean;
+    problems(type: "errors" | "warnings", obj: HotMiddlewareMessage): boolean;
     success: () => undefined;
 };
 export declare const enableHotMiddleware: () => void;

package/dist/icons/ellipsis.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const EllipsisIcon: React.FC<{
     svgProps: React.SVGProps<SVGSVGElement>;
     fill: string;

package/dist/icons/media-volume.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const VolumeOffIcon: React.FC;
 export declare const VolumeOnIcon: React.FC;

package/dist/internals.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const StudioInternals: {
     Studio: import("react").FC<{
-        readonly rootComponent: import("react").FC<{}>;
+        readonly rootComponent: React.FC;
         readonly readOnly: boolean;
     }>;
 };

package/dist/state/canvas-ref.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const canvasRef: import("react").RefObject<HTMLDivElement>;
 export declare const drawRef: import("react").RefObject<HTMLDivElement>;

package/dist/state/checkerboard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type State = {
     checkerboard: boolean;
     setCheckerboard: (cb: (prevState: boolean) => boolean) => void;

package/dist/state/editor-guides.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Guide = {
     orientation: 'horizontal' | 'vertical';
     position: number;