@remotion/studio 4.0.235 → 4.0.237

package/.turbo/turbo-formatting.log

@@ -0,0 +1,7 @@
+
+
+> @remotion/studio@4.0.235 formatting /Users/jonathanburger/remotion/packages/studio
+> prettier src --check
+
+Checking formatting...
+src/api/delete-static-file.tssrc/api/focus-default-props-path.tssrc/api/get-static-files.tssrc/api/helpers/calc-new-props.tssrc/api/install-package.tssrc/api/reevaluate-composition.tssrc/api/restart-studio.tssrc/api/save-default-props.tssrc/api/update-default-props.tssrc/api/watch-public-folder.tssrc/api/watch-static-file.tssrc/api/write-static-file.tssrc/components/.DS_Storesrc/components/AssetSelector.tsxsrc/components/AssetSelectorItem.tsxsrc/components/AudioWaveform.tsxsrc/components/AudioWaveformBar.tsxsrc/components/Button.tsxsrc/components/call-api.tssrc/components/Canvas.tsxsrc/components/CanvasIfSizeIsAvailable.tsxsrc/components/CanvasOrLoading.tsxsrc/components/CheckboardToggle.tsxsrc/components/Checkbox.tsxsrc/components/CheckerboardProvider.tsxsrc/components/CompositionContextButton.tsxsrc/components/CompositionSelector.tsxsrc/components/CompositionSelectorItem.tsxsrc/components/ContextMenu.tsxsrc/components/ControlButton.tsxsrc/components/CopyButton.tsxsrc/components/CurrentComposition.tsxsrc/components/CurrentCompositionSideEffects.tsxsrc/components/Editor.tsxsrc/components/EditorContent.tsxsrc/components/EditorContexts.tsxsrc/components/EditorGuides/Guide.tsxsrc/components/EditorGuides/index.tsxsrc/components/EditorRuler/index.tsxsrc/components/EditorRuler/Ruler.tsxsrc/components/EditorRuler/use-is-ruler-visible.tssrc/components/ExplorerPanel.tsxsrc/components/FilePreview.tsxsrc/components/FpsCounter.tsxsrc/components/FramePersistor.tsxsrc/components/FullscreenToggle.tsxsrc/components/get-zod-if-possible.tsxsrc/components/GlobalKeybindings.tsxsrc/components/GlobalPropsEditorUpdateButton.tsxsrc/components/InitialCompositionLoader.tsxsrc/components/InlineAction.tsxsrc/components/InlineDropdown.tsxsrc/components/InstallablePackage.tsxsrc/components/InstallPackage.tsxsrc/components/JSONViewer.tsxsrc/components/KeyboardShortcutsExplainer.tsxsrc/components/KnownBugs.tsxsrc/components/layout.tsxsrc/components/load-canvas-content-from-url.tssrc/components/LoopToggle.tsxsrc/components/MediaVolumeProvider.tsxsrc/components/Menu/is-menu-item.tsxsrc/components/Menu/MenuDivider.tsxsrc/components/Menu/MenuItem.tsxsrc/components/Menu/MenuSubItem.tsxsrc/components/Menu/portals.tssrc/components/Menu/styles.tssrc/components/Menu/SubMenu.tsxsrc/components/MenuBuildIndicator.tsxsrc/components/MenuToolbar.tsxsrc/components/MobilePanel.tsxsrc/components/ModalButton.tsxsrc/components/ModalContainer.tsxsrc/components/ModalFooter.tsxsrc/components/ModalHeader.tsxsrc/components/Modals.tsxsrc/components/ModalsProvider.tsxsrc/components/MuteToggle.tsxsrc/components/NewComposition/CancelButton.tsxsrc/components/NewComposition/CodemodFooter.tsxsrc/components/NewComposition/ComboBox.tsxsrc/components/NewComposition/DeleteComposition.tsxsrc/components/NewComposition/DiffPreview.tsxsrc/components/NewComposition/DismissableModal.tsxsrc/components/NewComposition/DuplicateComposition.tsxsrc/components/NewComposition/InputDragger.tsxsrc/components/NewComposition/MenuContent.tsxsrc/components/NewComposition/NewCompDuration.tsxsrc/components/NewComposition/RemInput.tsxsrc/components/NewComposition/RemInputTypeColor.tsxsrc/components/NewComposition/RemTextarea.tsxsrc/components/NewComposition/RenameComposition.tsxsrc/components/NewComposition/render-aspect-ratio.tsxsrc/components/NewComposition/ValidationMessage.tsxsrc/components/NoRegisterRoot.tsxsrc/components/Notifications/ColorDot.tsxsrc/components/Notifications/Notification.tsxsrc/components/Notifications/NotificationCenter.tsxsrc/components/Notifications/ServerDisconnected.tsxsrc/components/OpenEditorButton.tsxsrc/components/OptionsPanel.tsxsrc/components/PlaybackKeyboardShortcutsManager.tsxsrc/components/PlaybackRatePersistor.tsxsrc/components/PlaybackRateSelector.tsxsrc/components/PlayBeepSound.tsxsrc/components/PlayPause.tsxsrc/components/Preview.tsxsrc/components/PreviewToolbar.tsxsrc/components/QuickSwitcher/algolia-search.tssrc/components/QuickSwitcher/AlgoliaCredit.tsxsrc/components/QuickSwitcher/fuzzy-search.tssrc/components/QuickSwitcher/NoResults.tsxsrc/components/QuickSwitcher/QuickSwitcher.tsxsrc/components/QuickSwitcher/QuickSwitcherContent.tsxsrc/components/QuickSwitcher/QuickSwitcherResult.tsxsrc/components/RefreshCompositionOverlay.tsxsrc/components/RenderButton.tsxsrc/components/RenderModal/CliCopyButton.tsxsrc/components/RenderModal/CrfSetting.tsxsrc/components/RenderModal/DataEditor.tsxsrc/components/RenderModal/EnforceAudioTrackSetting.tsxsrc/components/RenderModal/EnvInput.tsxsrc/components/RenderModal/FrameRangeSetting.tsxsrc/components/RenderModal/get-default-codecs.tssrc/components/RenderModal/get-render-modal-warnings.tssrc/components/RenderModal/get-string-before-suffix.tssrc/components/RenderModal/GuiRenderStatus.tsxsrc/components/RenderModal/human-readable-audio-codecs.tssrc/components/RenderModal/human-readable-codec.tssrc/components/RenderModal/InfoBubble.tsxsrc/components/RenderModal/InfoTooltip.tsxsrc/components/RenderModal/InlineEyeIcon.tsxsrc/components/RenderModal/InlineRemoveButton.tsxsrc/components/RenderModal/JpegQualitySetting.tsxsrc/components/RenderModal/layout.tssrc/components/RenderModal/MultiRangeSlider.tsxsrc/components/RenderModal/MutedSetting.tsxsrc/components/RenderModal/NumberOfLoopsSetting.tsxsrc/components/RenderModal/NumberSetting.tsxsrc/components/RenderModal/OptionExplainer.tsxsrc/components/RenderModal/OptionExplainerBubble.tsxsrc/components/RenderModal/out-name-checker.tssrc/components/RenderModal/RenderModal.tsxsrc/components/RenderModal/RenderModalAdvanced.tsxsrc/components/RenderModal/RenderModalAudio.tsxsrc/components/RenderModal/RenderModalBasic.tsxsrc/components/RenderModal/RenderModalEnvironmentVariables.tsxsrc/components/RenderModal/RenderModalGif.tsxsrc/components/RenderModal/RenderModalHr.tsxsrc/components/RenderModal/RenderModalJSONPropsEditor.tsxsrc/components/RenderModal/RenderModalOutputName.tsxsrc/components/RenderModal/RenderModalPicture.tsxsrc/components/RenderModal/RenderStatusModal.tsxsrc/components/RenderModal/ResolveCompositionBeforeModal.tsxsrc/components/RenderModal/ScaleSetting.tsxsrc/components/RenderModal/SchemaEditor/create-zod-values.tssrc/components/RenderModal/SchemaEditor/deep-equal.tssrc/components/RenderModal/SchemaEditor/extract-enum-json-paths.tssrc/components/RenderModal/SchemaEditor/Fieldset.tsxsrc/components/RenderModal/SchemaEditor/get-schema-label.tssrc/components/RenderModal/SchemaEditor/local-state.tsxsrc/components/RenderModal/SchemaEditor/SchemaEditor.tsxsrc/components/RenderModal/SchemaEditor/SchemaErrorMessages.tsxsrc/components/RenderModal/SchemaEditor/SchemaLabel.tsxsrc/components/RenderModal/SchemaEditor/SchemaResetButton.tsxsrc/components/RenderModal/SchemaEditor/SchemaSaveButton.tsxsrc/components/RenderModal/SchemaEditor/SchemaSeparationLine.tsxsrc/components/RenderModal/SchemaEditor/SchemaVerticalGuide.tsxsrc/components/RenderModal/SchemaEditor/scroll-to-default-props-path.tssrc/components/RenderModal/SchemaEditor/zod-types.tssrc/components/RenderModal/SchemaEditor/ZodArrayEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodArrayItemEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodBooleanEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodColorEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodDateEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodDefaultEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodDiscriminatedUnionEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodEffectEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodEnumEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodErrorMessages.tsxsrc/components/RenderModal/SchemaEditor/ZodFieldValidation.tsxsrc/components/RenderModal/SchemaEditor/ZodNonEditableValue.tsxsrc/components/RenderModal/SchemaEditor/ZodNullableEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodNumberEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodObjectEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodOptionalEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodOrNullishEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodStaticFileEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodStringEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodSwitch.tsxsrc/components/RenderModal/SchemaEditor/ZodTextareaEditor.tsxsrc/components/RenderModal/SchemaEditor/ZodUnionEditor.tsxsrc/components/RenderModal/SeparateAudioOption.tsxsrc/components/RenderModal/WarningIndicatorButton.tsxsrc/components/RenderPreview.tsxsrc/components/RenderQueue/actions.tssrc/components/RenderQueue/CircularProgress.tsxsrc/components/RenderQueue/context.tsxsrc/components/RenderQueue/index.tsxsrc/components/RenderQueue/item-style.tssrc/components/RenderQueue/RenderQueueCopyToClipboard.tsxsrc/components/RenderQueue/RenderQueueError.tsxsrc/components/RenderQueue/RenderQueueItem.tsxsrc/components/RenderQueue/RenderQueueItemCancelButton.tsxsrc/components/RenderQueue/RenderQueueItemStatus.tsxsrc/components/RenderQueue/RenderQueueOpenInFolder.tsxsrc/components/RenderQueue/RenderQueueOutputName.tsxsrc/components/RenderQueue/RenderQueueProgressMessage.tsxsrc/components/RenderQueue/RenderQueueRemoveItem.tsxsrc/components/RenderQueue/RenderQueueRepeat.tsxsrc/components/RenderQueue/SuccessIcon.tsxsrc/components/RendersTab.tsxsrc/components/ResetZoomButton.tsxsrc/components/RunningCalculateMetadata.tsxsrc/components/SegmentedControl.tsxsrc/components/SetTimelineInOutProvider.tsxsrc/components/ShowGuidesProvider.tsxsrc/components/ShowRulersProvider.tsxsrc/components/SidebarCollapserControls.tsxsrc/components/SidebarRenderButton.tsxsrc/components/SizeSelector.tsxsrc/components/Spinner.tsxsrc/components/Splitter/SplitterContainer.tsxsrc/components/Splitter/SplitterContext.tsxsrc/components/Splitter/SplitterElement.tsxsrc/components/Splitter/SplitterHandle.tsxsrc/components/StaticFilePreview.tsxsrc/components/Tabs/index.tsxsrc/components/Tabs/vertical.tsxsrc/components/TextViewer.tsxsrc/components/Timeline/imperative-state.tssrc/components/Timeline/is-collapsed.tssrc/components/Timeline/LoopedIndicator.tsxsrc/components/Timeline/LoopedTimelineIndicators.tsxsrc/components/Timeline/MaxTimelineTracks.tsxsrc/components/Timeline/timeline-refs.tssrc/components/Timeline/timeline-scroll-logic.tssrc/components/Timeline/Timeline.tsxsrc/components/Timeline/TimelineCollapseToggle.tsxsrc/components/Timeline/TimelineDragHandler.tsxsrc/components/Timeline/TimelineInOutPointer.tsxsrc/components/Timeline/TimelineInOutPointerHandle.tsxsrc/components/Timeline/TimelineLayerEye.tsxsrc/components/Timeline/TimelineList.tsxsrc/components/Timeline/TimelineListItem.tsxsrc/components/Timeline/TimelinePlayCursorSyncer.tsxsrc/components/Timeline/TimelineScrollable.tsxsrc/components/Timeline/TimelineSequence.tsxsrc/components/Timeline/TimelineSequenceFrame.tsxsrc/components/Timeline/TimelineSlider.tsxsrc/components/Timeline/TimelineSliderHandle.tsxsrc/components/Timeline/TimelineStack/get-stack.tssrc/components/Timeline/TimelineStack/index.tsxsrc/components/Timeline/TimelineStack/source-attribution.tssrc/components/Timeline/TimelineTimeIndicators.tsxsrc/components/Timeline/TimelineTracks.tsxsrc/components/Timeline/TimelineVideoInfo.tsxsrc/components/Timeline/TimelineWidthProvider.tsxsrc/components/Timeline/TimelineZoomControls.tsxsrc/components/TimelineInOutToggle.tsxsrc/components/TimeValue.tsxsrc/components/TopPanel.tsxsrc/components/UpdateCheck.tsxsrc/components/UpdateModal/OpenIssueButton.tsxsrc/components/UpdateModal/UpdateModal.tsxsrc/components/ZoomGesturesProvider.tsxsrc/components/ZoomPersistor.tsxsrc/error-overlay/entry-basic.tssrc/error-overlay/react-overlay/effects/format-warning.tssrc/error-overlay/react-overlay/effects/proxy-console.tssrc/error-overlay/react-overlay/effects/resolve-file-source.tssrc/error-overlay/react-overlay/effects/stack-trace-limit.tssrc/error-overlay/react-overlay/effects/unhandled-error.tssrc/error-overlay/react-overlay/effects/unhandled-rejection.tssrc/error-overlay/react-overlay/index.tssrc/error-overlay/react-overlay/listen-to-runtime-errors.tssrc/error-overlay/react-overlay/utils/get-lines-around.tssrc/error-overlay/react-overlay/utils/get-source-map.tssrc/error-overlay/react-overlay/utils/get-stack-frames.tssrc/error-overlay/react-overlay/utils/make-stack-frame.tssrc/error-overlay/react-overlay/utils/parser.tssrc/error-overlay/react-overlay/utils/unmapper.tssrc/error-overlay/remotion-overlay/AskOnDiscord.tsxsrc/error-overlay/remotion-overlay/CalculateMetadataErrorExplainer.tsxsrc/error-overlay/remotion-overlay/carets.tsxsrc/error-overlay/remotion-overlay/CodeFrame.tsxsrc/error-overlay/remotion-overlay/DismissButton.tsxsrc/error-overlay/remotion-overlay/ErrorDisplay.tsxsrc/error-overlay/remotion-overlay/ErrorLoader.tsxsrc/error-overlay/remotion-overlay/ErrorMessage.tsxsrc/error-overlay/remotion-overlay/ErrorTitle.tsxsrc/error-overlay/remotion-overlay/format-location.tssrc/error-overlay/remotion-overlay/get-help-link.tssrc/error-overlay/remotion-overlay/HelpLink.tsxsrc/error-overlay/remotion-overlay/index.tsxsrc/error-overlay/remotion-overlay/OpenInEditor.tsxsrc/error-overlay/remotion-overlay/Overlay.tsxsrc/error-overlay/remotion-overlay/Retry.tsxsrc/error-overlay/remotion-overlay/SearchGitHubIssues.tsxsrc/error-overlay/remotion-overlay/ShortcutHint.tsxsrc/error-overlay/remotion-overlay/StackFrame.tsxsrc/error-overlay/remotion-overlay/Symbolicating.tsxsrc/helpers/calculate-timeline.tssrc/helpers/check-fullscreen-support.tssrc/helpers/checkerboard-background.tssrc/helpers/client-id.tsxsrc/helpers/color-math.tssrc/helpers/colors.tssrc/helpers/convert-env-variables.tssrc/helpers/copy-text.tssrc/helpers/create-folder-tree.tssrc/helpers/document-title.tssrc/helpers/editor-ruler.tssrc/helpers/get-asset-metadata.tssrc/helpers/get-effective-translation.tssrc/helpers/get-git-menu-item.tssrc/helpers/get-left-of-timeline-slider.tssrc/helpers/get-location-of-sequence.tssrc/helpers/get-sequence-visible-range.tssrc/helpers/get-timeline-nestedness.tssrc/helpers/get-timeline-sequence-hash.tssrc/helpers/get-timeline-sequence-layout.tssrc/helpers/get-timeline-sequence-sort-key.tssrc/helpers/inject-css.tssrc/helpers/is-composition-still.tssrc/helpers/is-current-selected-still.tssrc/helpers/mobile-layout.tssrc/helpers/noop.tssrc/helpers/open-in-editor.tssrc/helpers/persist-open-folders.tssrc/helpers/pick-color.tsxsrc/helpers/presets-labels.tssrc/helpers/prores-labels.tssrc/helpers/render-modal-sections.tssrc/helpers/retry-payload.tssrc/helpers/smooth-zoom.tssrc/helpers/timeline-layout.tssrc/helpers/url-state.tssrc/helpers/use-asset-drag-events.tssrc/helpers/use-breakpoint.tssrc/helpers/use-file-existence.tssrc/helpers/use-keybinding.tssrc/helpers/use-menu-structure.tsxsrc/helpers/use-studio-canvas-dimensions.tssrc/helpers/validate-new-comp-data.tssrc/hot-middleware-client/client.tssrc/hot-middleware-client/process-update.tssrc/icons/audio.tsxsrc/icons/caret.tsxsrc/icons/Checkmark.tsxsrc/icons/clipboard.tsxsrc/icons/data.tsxsrc/icons/ellipsis.tsxsrc/icons/file.tsxsrc/icons/folder.tsxsrc/icons/frame.tsxsrc/icons/gear.tsxsrc/icons/gif.tsxsrc/icons/jump-to-start.tsxsrc/icons/keys.tsxsrc/icons/media-volume.tsxsrc/icons/minus.tsxsrc/icons/pause.tsxsrc/icons/play.tsxsrc/icons/plus.tsxsrc/icons/render.tsxsrc/icons/step-back.tsxsrc/icons/step-forward.tsxsrc/icons/still.tsxsrc/icons/timelineInOutPointer.tsxsrc/icons/video.tsxsrc/index.tssrc/internals.tssrc/previewEntry.tsxsrc/state/canvas-ref.tssrc/state/checkerboard.tssrc/state/editor-guides.tssrc/state/editor-rulers.tssrc/state/editor-zoom-gestures.tssrc/state/folders.tsxsrc/state/highest-z-index.tsxsrc/state/in-out.tssrc/state/input-dragger-click-lock.tssrc/state/keybindings.tsxsrc/state/loop.tssrc/state/marks.tssrc/state/modals.tssrc/state/mute.tssrc/state/playbackrate.tssrc/state/preview-size.tsxsrc/state/render-frame.tssrc/state/sidebar.tsxsrc/state/timeline-ref.tssrc/state/timeline-zoom.tsxsrc/state/timeline.tssrc/state/z-index.tsxsrc/Studio.tsxsrc/test/big-timeline.test.tssrc/test/color-math.test.tssrc/test/create-zod-values.test.tssrc/test/extract-zod-enums.test.tssrc/test/folder-tree.test.tssrc/test/format-time.test.tssrc/test/sequenced-timeline.test.tssrc/test/smooth-zoom.test.tssrc/test/stringify-default-props.test.tssrc/test/timeline-sequence-layout.test.tssrc/test/timeline.test.tssrc/test/validate-gui-output-filename.test.tsAll matched files use Prettier code style!

package/.turbo/turbo-lint.log

@@ -0,0 +1,15 @@
+
+
+> @remotion/studio@4.0.235 lint /Users/jonathanburger/remotion/packages/studio
+> eslint src
+
+
+/Users/jonathanburger/remotion/packages/studio/src/components/QuickSwitcher/fuzzy-search.ts
+  23:3  warning  Unused eslint-disable directive (no problems were reported from 'no-bitwise')
+
+/Users/jonathanburger/remotion/packages/studio/src/error-overlay/react-overlay/utils/get-source-map.ts
+  54:1  warning  Unexpected 'todo' comment: 'TODO: Can import this from...'  no-warning-comments
+
+✖ 2 problems (0 errors, 2 warnings)
+  0 errors and 1 warning potentially fixable with the `--fix` option.
+

package/.turbo/turbo-make.log

@@ -1,5 +1,5 @@
 
 
-> @remotion/studio@4.0.232 make /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.236 make /Users/jonathanburger/remotion/packages/studio
 > tsc -d && bun --env-file=../.env.bundle bundle.ts
 

package/.turbo/turbo-test.log

@@ -0,0 +1,86 @@
+
+
+> @remotion/studio@4.0.235 test /Users/jonathanburger/remotion/packages/studio
+> bun test src
+
+bun test v1.1.38 (bf2f153f)
+
+src/test/stringify-default-props.test.ts:
+✓ Should stringify default props correctly [0.67ms]
+✓ Should stringify default props correctly [0.81ms]
+
+src/test/sequenced-timeline.test.ts:
+✓ Should calculate sequences correctly [1.97ms]
+
+src/test/create-zod-values.test.ts:
+✓ Should be able to create a string [2.43ms]
+✓ Should be able to create a number [0.09ms]
+✓ Should be able to create an object [0.09ms]
+✓ Should be able to create an array [0.07ms]
+✓ Should be able to create a union [0.08ms]
+✓ Zod literal [0.06ms]
+✓ Should be able to create a discriminated union [0.39ms]
+✓ Zod instanceof [0.09ms]
+✓ Zod intersection [0.18ms]
+✓ Zod tuples [0.09ms]
+✓ Zod record [0.07ms]
+✓ Zod map [0.08ms]
+✓ Zod lazy [0.03ms]
+✓ Zod set [0.09ms]
+✓ Zod function [0.09ms]
+✓ Zod undefined [0.04ms]
+✓ Zod null [0.05ms]
+✓ Zod enum [0.05ms]
+✓ Zod nativeEnum [0.05ms]
+✓ Zod optional [0.06ms]
+✓ Zod nullable [0.06ms]
+✓ Zod undefined [0.05ms]
+✓ Zod catch [0.05ms]
+✓ Zod promise [0.05ms]
+✓ Zod transform [0.04ms]
+✓ Zod branded [0.05ms]
+✓ Zod lazy [0.05ms]
+✓ Zod coerce [0.05ms]
+✓ Zod strict [0.05ms]
+✓ Should create a color [0.06ms]
+✓ Should create a textarea [0.04ms]
+
+src/test/folder-tree.test.ts:
+✓ Should create a good folder tree with 1 item inside and 1 item outside
+✓ Should handle nested folders well [0.52ms]
+✓ Should throw if two folders with the same name [0.16ms]
+
+src/test/big-timeline.test.ts:
+✓ Should calculate timeline as expected [1.77ms]
+
+src/test/smooth-zoom.test.ts:
+✓ Smoothen zoom
+✓ Unsmoothen zoom [0.02ms]
+
+src/test/validate-gui-output-filename.test.ts:
+✓ Should catch dot after slash [0.29ms]
+✓ Should catch dot in front  [0.09ms]
+
+src/test/timeline-sequence-layout.test.ts:
+✓ Should test timeline sequence layout without max media duration [0.32ms]
+✓ Should test timeline sequence layout with max media duration [0.07ms]
+
+src/test/extract-zod-enums.test.ts:
+✓ Extract Zod enums [0.19ms]
+✓ Extract Zod enums #2 [0.82ms]
+
+src/test/color-math.test.ts:
+✓ Color math [0.46ms]
+
+src/test/format-time.test.ts:
+✓ Format time [0.10ms]
+
+src/test/timeline.test.ts:
+✓ Should calculate timeline with no sequences [0.03ms]
+✓ Should calculate a basic timeline [0.07ms]
+✓ Should follow order of nesting [0.10ms]
+
+ 51 pass
+ 0 fail
+ 67 expect() calls
+Ran 51 tests across 12 files. [57.00ms]

package/dist/components/CompositionSelector.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export declare const getKeysToExpand: (initialFolderName: string, parentFolderName: string | null, initial?: string[]) => string[];
 export declare const compositionSelectorRef: React.RefObject<{
     expandComposition: (compName: string) => void;
-}>;
+} | null>;
 export declare const CompositionSelector: React.FC;

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

@@ -6,5 +6,5 @@ export declare const EditorRulers: React.FC<{
     readonly canvasSize: Size;
     readonly contentDimensions: Dimensions | 'none' | null;
     readonly assetMetadata: AssetMetadata | null;
-    readonly containerRef: React.RefObject<HTMLDivElement>;
+    readonly containerRef: React.RefObject<HTMLDivElement | null>;
 }>;

package/dist/components/ExplorerPanel.d.ts

@@ -1,7 +1,7 @@
 export declare const explorerSidebarTabs: import("react").RefObject<{
     selectAssetsPanel: () => void;
     selectCompositionPanel: () => void;
-}>;
+} | null>;
 export declare const ExplorerPanel: React.FC<{
     readOnlyStudio: boolean;
 }>;

package/dist/components/OptionsPanel.d.ts

@@ -3,7 +3,7 @@ type OptionsSidebarPanel = 'input-props' | 'renders';
 export declare const persistSelectedOptionsSidebarPanel: (panel: OptionsSidebarPanel) => void;
 export declare const optionsSidebarTabs: React.RefObject<{
     selectRendersPanel: () => void;
-}>;
+} | null>;
 export declare const OptionsPanel: React.FC<{
     readonly readOnlyStudio: boolean;
 }>;

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

@@ -6,5 +6,6 @@ export declare const SchemaArrayItemSeparationLine: React.FC<{
     readonly onChange: (updater: (oldV: unknown[]) => unknown[], forceApply: boolean, increment: boolean) => void;
     readonly index: number;
     readonly schema: z.ZodTypeAny;
+    readonly showAddButton: boolean;
     readonly isLast: boolean;
 }>;

package/dist/components/RenderModal/SchemaEditor/SchemaSeparationLine.js

@@ -22,8 +22,9 @@ const arraySeparationLine = {
     marginTop: -exports.VERTICAL_GUIDE_HEIGHT / 2,
     pointerEvents: 'none',
     width: '100%',
+    flexBasis: '100%',
 };
-const SchemaArrayItemSeparationLine = ({ onChange, index, schema, isLast }) => {
+const SchemaArrayItemSeparationLine = ({ onChange, index, schema, isLast, showAddButton }) => {
     const [outerHovered, setOuterHovered] = (0, react_1.useState)(false);
     const [innerHovered, setInnerHovered] = (0, react_1.useState)(false);
     const zodTypes = (0, get_zod_if_possible_1.useZodTypesIfPossible)();
@@ -47,8 +48,10 @@ const SchemaArrayItemSeparationLine = ({ onChange, index, schema, isLast }) => {
             justifyContent: 'center',
             height: exports.VERTICAL_GUIDE_HEIGHT,
             opacity: outerHovered || isLast ? 1 : 0,
-            position: 'relative',
-            marginTop: -4,
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
         };
     }, [isLast, outerHovered]);
     const inner = (0, react_1.useMemo)(() => {
@@ -70,7 +73,17 @@ const SchemaArrayItemSeparationLine = ({ onChange, index, schema, isLast }) => {
     const onInnerMouseLeave = (0, react_1.useCallback)(() => {
         setInnerHovered(false);
     }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { flex: 1 }, children: [(0, jsx_runtime_1.jsx)("div", { style: dynamicAddButtonStyle, onMouseEnter: onOuterMouseEnter, onMouseLeave: onOuterMouseLeave, children: (0, jsx_runtime_1.jsx)("div", { onClick: onAdd, style: inner, onMouseEnter: onInnerMouseEnter, onMouseLeave: onInnerMouseLeave, children: (0, jsx_runtime_1.jsx)(plus_1.Plus, { color: innerHovered ? 'white' : colors_1.LIGHT_TEXT, style: { height: exports.VERTICAL_GUIDE_HEIGHT / 2 } }) }) }), (0, jsx_runtime_1.jsx)("div", { style: arraySeparationLine })] }), isLast ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: 'flex',
+            flexDirection: 'row',
+            height: exports.VERTICAL_GUIDE_HEIGHT,
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    flex: 1,
+                    position: 'relative',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-end',
+                }, children: [showAddButton && ((0, jsx_runtime_1.jsx)("div", { style: dynamicAddButtonStyle, onMouseEnter: onOuterMouseEnter, onMouseLeave: onOuterMouseLeave, children: (0, jsx_runtime_1.jsx)("div", { onClick: onAdd, style: inner, onMouseEnter: onInnerMouseEnter, onMouseLeave: onInnerMouseLeave, children: (0, jsx_runtime_1.jsx)(plus_1.Plus, { color: innerHovered ? 'white' : colors_1.LIGHT_TEXT, style: { height: exports.VERTICAL_GUIDE_HEIGHT / 2 } }) }) })), (0, jsx_runtime_1.jsx)("div", { style: arraySeparationLine })] }), isLast ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("div", { style: {
                             ...layout_2.fieldSetText,
                             alignItems: 'center',
                             display: 'flex',

package/dist/components/RenderModal/SchemaEditor/ZodArrayEditor.js

@@ -69,7 +69,7 @@ const ZodArrayEditor = ({ schema, jsonPath, setValue, defaultValue, value, onSav
                             var _a;
                             return (
                             // eslint-disable-next-line react/no-array-index-key
-                            (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ZodArrayItemEditor_1.ZodArrayItemEditor, { onChange: onChange, value: child, def: def, index: i, jsonPath: jsonPath, defaultValue: (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[i]) !== null && _a !== void 0 ? _a : (0, create_zod_values_1.createZodValues)(def.type, z, zodTypes), onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }), (0, jsx_runtime_1.jsx)(SchemaSeparationLine_1.SchemaArrayItemSeparationLine, { schema: schema, index: i, onChange: onChange, isLast: i === localValue.value.length - 1 })] }, `${i}${localValue.keyStabilityRevision}`));
-                        }), value.length === 0 ? ((0, jsx_runtime_1.jsx)(SchemaSeparationLine_1.SchemaArrayItemSeparationLine, { schema: schema, index: 0, onChange: onChange, isLast: true })) : null] }) })) : null, (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] }));
+                            (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ZodArrayItemEditor_1.ZodArrayItemEditor, { onChange: onChange, value: child, def: def, index: i, jsonPath: jsonPath, defaultValue: (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[i]) !== null && _a !== void 0 ? _a : (0, create_zod_values_1.createZodValues)(def.type, z, zodTypes), onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }), (0, jsx_runtime_1.jsx)(SchemaSeparationLine_1.SchemaArrayItemSeparationLine, { schema: schema, index: i, onChange: onChange, isLast: i === localValue.value.length - 1, showAddButton: true })] }, `${i}${localValue.keyStabilityRevision}`));
+                        }), value.length === 0 ? ((0, jsx_runtime_1.jsx)(SchemaSeparationLine_1.SchemaArrayItemSeparationLine, { schema: schema, index: 0, onChange: onChange, isLast: true, showAddButton: true })) : null] }) })) : null, (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] }));
 };
 exports.ZodArrayEditor = ZodArrayEditor;

package/dist/components/RenderModal/SchemaEditor/ZodSwitch.js

@@ -19,6 +19,7 @@ const ZodOptionalEditor_1 = require("./ZodOptionalEditor");
 const ZodStaticFileEditor_1 = require("./ZodStaticFileEditor");
 const ZodStringEditor_1 = require("./ZodStringEditor");
 const ZodTextareaEditor_1 = require("./ZodTextareaEditor");
+const ZodTupleEditor_1 = require("./ZodTupleEditor");
 const ZodUnionEditor_1 = require("./ZodUnionEditor");
 const ZodSwitch = ({ schema, jsonPath, value, setValue, defaultValue, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
     const def = schema._def;
@@ -96,6 +97,9 @@ const ZodSwitch = ({ schema, jsonPath, value, setValue, defaultValue, onSave, sh
     if (typeName === z.ZodFirstPartyTypeKind.ZodDiscriminatedUnion) {
         return ((0, jsx_runtime_1.jsx)(ZodDiscriminatedUnionEditor_1.ZodDiscriminatedUnionEditor, { defaultValue: defaultValue, mayPad: mayPad, schema: schema, setValue: setValue, value: value, jsonPath: jsonPath, onRemove: onRemove, onSave: onSave, saving: saving, saveDisabledByParent: saveDisabledByParent, showSaveButton: showSaveButton }));
     }
+    if (typeName === z.ZodFirstPartyTypeKind.ZodTuple) {
+        return ((0, jsx_runtime_1.jsx)(ZodTupleEditor_1.ZodTupleEditor, { setValue: setValue, value: value, jsonPath: jsonPath, schema: schema, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }));
+    }
     return ((0, jsx_runtime_1.jsx)(ZodNonEditableValue_1.ZonNonEditableValue, { jsonPath: jsonPath, showSaveButton: showSaveButton, label: `${typeName} (not editable)`, saving: saving, mayPad: mayPad }));
 };
 exports.ZodSwitch = ZodSwitch;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { z } from 'zod';
+import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
+export declare const ZodTupleEditor: React.FC<{
+    readonly schema: z.ZodTypeAny;
+    readonly jsonPath: JSONPath;
+    readonly value: unknown[];
+    readonly defaultValue: unknown[];
+    readonly setValue: UpdaterFunction<unknown[]>;
+    readonly onSave: UpdaterFunction<unknown[]>;
+    readonly showSaveButton: boolean;
+    readonly onRemove: null | (() => void);
+    readonly saving: boolean;
+    readonly saveDisabledByParent: boolean;
+    readonly mayPad: boolean;
+}>;

package/dist/components/RenderModal/SchemaEditor/ZodTupleEditor.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodTupleEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const create_zod_values_1 = require("./create-zod-values");
+const deep_equal_1 = require("./deep-equal");
+const Fieldset_1 = require("./Fieldset");
+const local_state_1 = require("./local-state");
+const SchemaLabel_1 = require("./SchemaLabel");
+const SchemaSeparationLine_1 = require("./SchemaSeparationLine");
+const SchemaVerticalGuide_1 = require("./SchemaVerticalGuide");
+const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const ZodTupleItemEditor_1 = require("./ZodTupleItemEditor");
+const ZodTupleEditor = ({ schema, jsonPath, setValue, defaultValue, value, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
+    const { localValue, onChange, RevisionContextProvider, reset } = (0, local_state_1.useLocalState)({
+        unsavedValue: value,
+        schema,
+        setValue,
+        savedValue: defaultValue,
+    });
+    const [expanded, setExpanded] = (0, react_1.useState)(true);
+    const def = schema._def;
+    const suffix = (0, react_1.useMemo)(() => {
+        return expanded ? ' [' : ' [...] ';
+    }, [expanded]);
+    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
+    if (!z) {
+        throw new Error('expected zod');
+    }
+    const zodTypes = (0, get_zod_if_possible_1.useZodTypesIfPossible)();
+    const typeName = def.typeName;
+    if (typeName !== z.ZodFirstPartyTypeKind.ZodTuple) {
+        throw new Error('expected object');
+    }
+    const isDefaultValue = (0, react_1.useMemo)(() => {
+        return (0, deep_equal_1.deepEqual)(localValue.value, defaultValue);
+    }, [defaultValue, localValue]);
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                }, children: (0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { onReset: reset, isDefaultValue: isDefaultValue, jsonPath: jsonPath, onRemove: onRemove, suffix: suffix, onSave: () => {
+                        onSave(() => localValue.value, false, false);
+                    }, saveDisabledByParent: saveDisabledByParent, saving: saving, showSaveButton: showSaveButton, valid: localValue.zodValidation.success, handleClick: () => setExpanded(!expanded) }) }), expanded ? ((0, jsx_runtime_1.jsx)(RevisionContextProvider, { children: (0, jsx_runtime_1.jsxs)(SchemaVerticalGuide_1.SchemaVerticalGuide, { isRoot: false, children: [localValue.value.map((child, i) => {
+                            var _a;
+                            return (
+                            // eslint-disable-next-line react/no-array-index-key
+                            (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ZodTupleItemEditor_1.ZodTupleItemEditor, { onChange: onChange, value: child, def: def, index: i, jsonPath: jsonPath, defaultValue: (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[i]) !== null && _a !== void 0 ? _a : (0, create_zod_values_1.createZodValues)(def.items[i], z, zodTypes), onSave: onSave, showSaveButton: showSaveButton, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }), (0, jsx_runtime_1.jsx)(SchemaSeparationLine_1.SchemaArrayItemSeparationLine, { schema: schema, index: i, onChange: onChange, isLast: i === localValue.value.length - 1, showAddButton: false })] }, `${i}${localValue.keyStabilityRevision}`));
+                        }), value.length === 0 ? ((0, jsx_runtime_1.jsx)(SchemaSeparationLine_1.SchemaArrayItemSeparationLine, { schema: schema, index: 0, onChange: onChange, isLast: true, showAddButton: false })) : null] }) })) : null, (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] }));
+};
+exports.ZodTupleEditor = ZodTupleEditor;

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

@@ -0,0 +1,15 @@
+import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
+export declare const ZodTupleItemEditor: React.FC<{
+    jsonPath: JSONPath;
+    onChange: UpdaterFunction<unknown[]>;
+    def: any;
+    index: number;
+    value: unknown;
+    defaultValue: unknown;
+    onSave: UpdaterFunction<unknown[]>;
+    showSaveButton: boolean;
+    saving: boolean;
+    saveDisabledByParent: boolean;
+    mayPad: boolean;
+}>;

package/dist/components/RenderModal/SchemaEditor/ZodTupleItemEditor.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodTupleItemEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const ZodSwitch_1 = require("./ZodSwitch");
+const ZodTupleItemEditor = ({ def, onChange, jsonPath, index, value, defaultValue, onSave: onSaveObject, showSaveButton, saving, saveDisabledByParent, mayPad, }) => {
+    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
+    if (!z) {
+        throw new Error('expected zod');
+    }
+    const setValue = (0, react_1.useCallback)((val) => {
+        onChange((oldV) => [
+            ...oldV.slice(0, index),
+            typeof val === 'function' ? val(oldV[index]) : val,
+            ...oldV.slice(index + 1),
+        ], false, false);
+    }, [index, onChange]);
+    const newJsonPath = (0, react_1.useMemo)(() => [...jsonPath, index], [index, jsonPath]);
+    const onSave = (0, react_1.useCallback)((updater) => {
+        onSaveObject((oldV) => [
+            ...oldV.slice(0, index),
+            updater(oldV[index]),
+            ...oldV.slice(index + 1),
+        ], false, false);
+    }, [index, onSaveObject]);
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { jsonPath: newJsonPath, schema: def.items[index], value: value, setValue: setValue, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: null, saving: saving, saveDisabledByParent: saveDisabledByParent, mayPad: mayPad }) }));
+};
+exports.ZodTupleItemEditor = ZodTupleItemEditor;

package/dist/components/RenderModal/SchemaEditor/scroll-to-default-props-path.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const DEFAULT_PROPS_PATH_CLASSNAME = "__remotion-default-props-editor-label";
 export declare const DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME = "__remotion-default-props-editor-label-active";
-export declare const defaultPropsEditorScrollableAreaRef: React.RefObject<HTMLDivElement>;
+export declare const defaultPropsEditorScrollableAreaRef: React.RefObject<HTMLDivElement | null>;

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

@@ -11,7 +11,7 @@ type RenderQueueContextType = {
 export declare const RenderQueueContext: React.Context<RenderQueueContextType>;
 export declare const renderJobsRef: React.RefObject<{
     updateRenderJobs: (jobs: RenderJob[]) => void;
-}>;
+} | null>;
 export declare const RenderQueueContextProvider: React.FC<{
     readonly children: React.ReactNode;
 }>;

package/dist/components/Splitter/SplitterContext.d.ts

@@ -8,7 +8,7 @@ export type TSplitterContext = {
     flexValue: number;
     setFlexValue: React.Dispatch<React.SetStateAction<number>>;
     orientation: SplitterOrientation;
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
     maxFlex: number;
     minFlex: number;
     defaultFlex: number;

package/dist/components/TimeValue.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const timeValueRef: React.RefObject<{
     goToFrame: () => void;
-}>;
+} | null>;
 export declare const TimeValue: React.FC;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const inMarkerAreaRef: React.RefObject<HTMLDivElement>;
-export declare const outMarkerAreaRef: React.RefObject<HTMLDivElement>;
+export declare const inMarkerAreaRef: React.RefObject<HTMLDivElement | null>;
+export declare const outMarkerAreaRef: React.RefObject<HTMLDivElement | null>;
 export declare const TimelineInOutPointer: React.FC;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare const inPointerHandle: React.RefObject<HTMLDivElement>;
-export declare const outPointerHandle: React.RefObject<HTMLDivElement>;
+export declare const inPointerHandle: React.RefObject<HTMLDivElement | null>;
+export declare const outPointerHandle: React.RefObject<HTMLDivElement | null>;
 type Props = {
     readonly dragging: boolean;
     readonly type: 'in' | 'out';

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

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const redrawTimelineSliderFast: React.RefObject<{
     draw: (frame: number, width?: number) => void;
-}>;
+} | null>;
 export declare const TimelineSlider: React.FC;

package/dist/components/Timeline/timeline-refs.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const sliderAreaRef: React.RefObject<HTMLDivElement>;
-export declare const scrollableRef: React.RefObject<HTMLDivElement>;
-export declare const timelineVerticalScroll: React.RefObject<HTMLDivElement>;
+export declare const sliderAreaRef: React.RefObject<HTMLDivElement | null>;
+export declare const scrollableRef: React.RefObject<HTMLDivElement | null>;
+export declare const timelineVerticalScroll: React.RefObject<HTMLDivElement | null>;

package/dist/components/TimelineInOutToggle.d.ts

@@ -4,6 +4,6 @@ export declare const inOutHandles: React.RefObject<{
     inMarkClick: (e: KeyboardEvent | null) => void;
     outMarkClick: (e: KeyboardEvent | null) => void;
     clearMarks: () => void;
-}>;
+} | null>;
 export declare const defaultInOutValue: InOutValue;
 export declare const TimelineInOutPointToggle: React.FC;

package/dist/components/TopPanel.d.ts

@@ -3,6 +3,6 @@ export declare const useResponsiveSidebarStatus: () => "collapsed" | "expanded";
 export declare const TopPanel: React.FC<{
     readonly readOnlyStudio: boolean;
     readonly onMounted: () => void;
-    readonly drawRef: React.RefObject<HTMLDivElement>;
+    readonly drawRef: React.RefObject<HTMLDivElement | null>;
     readonly bufferStateDelayInMilliseconds: number;
 }>;

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

@@ -3,7 +3,7 @@ type SetErrors = {
     setErrors: (errs: State) => void;
     addError: (err: Error) => void;
 };
-export declare const setErrorsRef: React.RefObject<SetErrors>;
+export declare const setErrorsRef: React.RefObject<SetErrors | null>;
 type State = {
     type: 'clear';
 } | {

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

@@ -5,6 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mountRemotionOverlay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+// In React 18, you should use createRoot() from "react-dom/client".
+// In React 18, you should use render from "react-dom".
+// We support both, but Webpack chooses both of them and normalizes them to "react-dom/client",
+// hence why we import the right thing all the time but need to differentiate here
 const client_1 = __importDefault(require("react-dom/client"));
 const Overlay_1 = require("./Overlay");
 const mountRemotionOverlay = () => {
@@ -12,6 +16,7 @@ const mountRemotionOverlay = () => {
         client_1.default.createRoot(document.getElementById('remotion-error-overlay')).render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}));
     }
     else {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         client_1.default.render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}), document.getElementById('remotion-error-overlay'));
     }
 };