@remotion/studio 4.0.523 → 4.0.525

package/dist/esm/{index-xhe2m2qr.mjs → index-0x13f28h.mjs}

@@ -15,7 +15,7 @@ import {
   WHITE,
   WHITE_ALPHA_20,
   getBackgroundFromHoverState
-} from "./index-jg13hf2g.mjs";
+} from "./index-k426ye99.mjs";
 
 // src/components/layout.tsx
 import { useMemo } from "react";
@@ -163,6 +163,12 @@ import {
 } from "react";
 
 // src/helpers/pointer-session.ts
+var isPointerSessionRelease = (reason, event) => {
+  if (event === null) {
+    return false;
+  }
+  return reason === "pointerup" || reason === "buttons-released" || reason === "lostpointercapture" && event.buttons === 0;
+};
 var getButtonMask = (button) => {
   if (button === 0) {
     return 1;
@@ -305,11 +311,13 @@ var shortcut = (action, actionId) => ({ action, actionId });
 var fixedShortcut = (action, fixedChords, fixedReason) => ({ action, actionId: null, fixedChords, fixedReason });
 var defaultKeyboardShortcuts = {
   playPause: [{ key: "Space" }],
+  toggleMute: [{ key: "m", shift: false }],
+  toggleLoop: [{ key: "l", shift: true }],
   jumpToBeginning: [{ key: "a" }],
   jumpToEnd: [{ key: "e" }],
   reversePlayback: [{ key: "j" }],
   pausePlayback: [{ key: "k" }],
-  playForward: [{ key: "l" }],
+  playForward: [{ key: "l", shift: false }],
   goToFrame: [{ key: "g" }],
   pauseAndReturnToPlaybackStart: [{ key: "Enter" }],
   toggleLeftSidebar: [{ key: "b", commandOrControl: true }],
@@ -317,14 +325,16 @@ var defaultKeyboardShortcuts = {
   toggleBothSidebars: [{ key: "g", commandOrControl: true }],
   enterFullscreen: [{ key: "f" }],
   toggleSnapping: [{ key: "m", shift: true }],
+  toggleOutlines: [{ key: "o", shift: true }],
+  toggleRulersAndGuides: [{ key: "r", shift: true }],
   previousComposition: [{ key: "PageUp" }],
   nextComposition: [{ key: "PageDown" }],
   showKeyboardShortcuts: [{ key: "?", shift: true }],
   quickSwitcher: [{ key: "k", commandOrControl: true }],
-  render: [{ key: "r" }],
+  render: [{ key: "r", shift: false }],
   toggleCheckerboard: [{ key: "t" }],
   setInPoint: [{ key: "i" }],
-  setOutPoint: [{ key: "o" }],
+  setOutPoint: [{ key: "o", shift: false }],
   clearInOutPoints: [{ key: "x" }],
   zoomIn: [{ key: "+", shift: true }, { key: "+" }],
   zoomOut: [{ key: "-" }],
@@ -337,13 +347,14 @@ var defaultKeyboardShortcuts = {
   selectAllSequenceRows: [{ key: "a", commandOrControl: true }],
   selectTranslateProp: [{ key: "p" }],
   selectOpacityProp: [{ key: "t" }],
-  selectRotateProp: [{ key: "r" }],
+  selectRotateProp: [{ key: "r", shift: false }],
   selectScaleProp: [{ key: "s" }],
   duplicateSequences: [{ key: "d", commandOrControl: true }],
   copyEffectsAndValues: [{ key: "c", commandOrControl: true }],
   cutEffects: [{ key: "x", commandOrControl: true }],
   deleteSelection: [{ key: "Backspace" }, { key: "Delete" }],
-  askAI: [{ key: "i", commandOrControl: true }]
+  askAI: [{ key: "i", commandOrControl: true }],
+  pickColor: [{ key: "c", shift: true }]
 };
 var keyboardShortcutGroups = [
   {
@@ -352,6 +363,8 @@ var keyboardShortcutGroups = [
       fixedShortcut("1 second back", [["Shift", "←"]], "Context-sensitive timeline control"),
       fixedShortcut("Previous frame", [["←"]], "Context-sensitive timeline control"),
       shortcut("Play / Pause", "playPause"),
+      shortcut("Mute / Unmute", "toggleMute"),
+      shortcut("Loop", "toggleLoop"),
       fixedShortcut("Next frame", [["→"]], "Context-sensitive timeline control"),
       fixedShortcut("1 second forward", [["Shift", "→"]], "Context-sensitive timeline control"),
       shortcut("Jump to beginning", "jumpToBeginning"),
@@ -376,7 +389,9 @@ var keyboardShortcutGroups = [
     shortcuts: [
       shortcut("Enter fullscreen", "enterFullscreen"),
       fixedShortcut("Exit fullscreen", [["Esc"]], "Handled by the browser"),
-      shortcut("Enable snapping", "toggleSnapping")
+      shortcut("Enable snapping", "toggleSnapping"),
+      shortcut("Outlines", "toggleOutlines"),
+      shortcut("Rulers and guides", "toggleRulersAndGuides")
     ]
   },
   {
@@ -406,6 +421,10 @@ var keyboardShortcutGroups = [
       shortcut("Reset zoom", "resetZoom")
     ]
   },
+  {
+    name: "Tools",
+    shortcuts: [shortcut("Color Picker", "pickColor")]
+  },
   {
     name: "Props Editor",
     shortcuts: [shortcut("Undo", "undo"), shortcut("Redo", "redo")]
@@ -450,9 +469,9 @@ var keyboardEventMatchesShortcut = ({
   shortcut: value
 }) => {
   const commandOrControl = isMac ? event.metaKey : event.ctrlKey;
-  return event.key.toLowerCase() === normalizeKey(value.key).toLowerCase() && commandOrControl === (value.commandOrControl ?? false) && (isMac ? !event.ctrlKey : !event.metaKey) && (!value.shift || event.shiftKey) && (!value.alt || event.altKey);
+  return event.key.toLowerCase() === normalizeKey(value.key).toLowerCase() && commandOrControl === (value.commandOrControl ?? false) && (isMac ? !event.ctrlKey : !event.metaKey) && (value.shift === undefined || event.shiftKey === value.shift) && (value.alt === undefined || event.altKey === value.alt);
 };
-var keyboardShortcutsOverlap = (first, second) => first.key.toLowerCase() === second.key.toLowerCase() && (first.commandOrControl ?? false) === (second.commandOrControl ?? false);
+var keyboardShortcutsOverlap = (first, second) => first.key.toLowerCase() === second.key.toLowerCase() && (first.commandOrControl ?? false) === (second.commandOrControl ?? false) && (first.shift === undefined || second.shift === undefined || first.shift === second.shift) && (first.alt === undefined || second.alt === undefined || first.alt === second.alt);
 var keyboardEventMatchesAction = (event, action) => getKeyboardShortcutsForAction(action).some((value) => keyboardEventMatchesShortcut({ event, shortcut: value }));
 var displayKey = (keyboardKey) => {
   if (keyboardKey === "ArrowLeft")
@@ -491,8 +510,8 @@ var shortcutFromKeyboardEvent = (event) => {
   return {
     key: event.key === " " ? "Space" : event.key,
     ...(isMac ? event.metaKey : event.ctrlKey) ? { commandOrControl: true } : {},
-    ...event.shiftKey ? { shift: true } : {},
-    ...event.altKey ? { alt: true } : {}
+    shift: event.shiftKey,
+    alt: event.altKey
   };
 };
 
@@ -725,7 +744,7 @@ var HigherZIndex = ({
         event: downEvent,
         onEnd: (reason, upEvent) => {
           endPointerSession = null;
-          if ((reason === "pointerup" || reason === "buttons-released") && upEvent && !getClickLock()) {
+          if (isPointerSessionRelease(reason, upEvent) && !getClickLock()) {
             const target = document.elementFromPoint(upEvent.clientX, upEvent.clientY) ?? upEvent.target;
             if (document.contains(target)) {
               upEvent.stopPropagation();
@@ -1013,9 +1032,12 @@ var horizontalLayout = {
 };
 var leftSidebar = {
   flexShrink: 0,
+  display: "flex",
+  flexDirection: "column",
   padding: 6
 };
 var horizontalTab = {
+  flex: "none",
   width: 150,
   display: "flex",
   flexDirection: "row",
@@ -1143,4 +1165,4 @@ var CheckCircleFilled = (props) => /* @__PURE__ */ jsx11("svg", {
   })
 });
 
-export { startCapturedPointerSession, startDeferredCapturedPointerSession, isMac, defaultKeyboardShortcuts, keyboardShortcutGroups, askAIKeyboardShortcutGroup, getKeyboardShortcutsForAction, keyboardShortcutsOverlap, formatKeyboardShortcut, getKeyboardShortcutLabel, getKeyboardShortcutAriaKeyShortcuts, shortcutFromKeyboardEvent, KeybindingContextProvider, areKeyboardShortcutsDisabled, useKeybinding, HighestZIndexProvider, getClickLock, setClickLock, HigherZIndex, useZIndex, getMaxModalWidth, getMaxModalHeight, ModalContainer, SPACING_UNIT, COMPACT_CONTROL_ROW_HEIGHT, COMPACT_INLINE_ROW_HEIGHT, Spacing, Flex, Row, Column, HOVERABLE_CLASS_NAME, HOVER_GROUP_CLASS_NAME, HOVER_GROUP_REVEAL_CLASS_NAME, FOCUS_VISIBLE_ONLY_CLASS_NAME, NO_HOVER_BACKGROUND_STYLE, hoverableStyle, makeHoverableCSS, InlineAction, MENU_INITIATOR_CLASSNAME, MENU_ITEM_CLASSNAME, HORIZONTAL_SCROLLBAR_CLASSNAME, VERTICAL_SCROLLBAR_CLASSNAME, isMenuItem, Spinner, TrashIcon, WarningTriangle, ValidationMessage, CloudDownloadIcon, outerModalStyle, container2 as container, optionsPanel, horizontalLayout, leftSidebar, horizontalTab, iconContainer, icon, buttonStyle, flexer, CheckCircleFilled };
+export { isPointerSessionRelease, startCapturedPointerSession, startDeferredCapturedPointerSession, isMac, defaultKeyboardShortcuts, keyboardShortcutGroups, askAIKeyboardShortcutGroup, getKeyboardShortcutsForAction, keyboardShortcutsOverlap, formatKeyboardShortcut, getKeyboardShortcutLabel, getKeyboardShortcutAriaKeyShortcuts, shortcutFromKeyboardEvent, KeybindingContextProvider, areKeyboardShortcutsDisabled, useKeybinding, HighestZIndexProvider, getClickLock, setClickLock, HigherZIndex, useZIndex, SPACING_UNIT, COMPACT_CONTROL_ROW_HEIGHT, COMPACT_INLINE_ROW_HEIGHT, Spacing, Flex, Row, Column, getMaxModalWidth, getMaxModalHeight, ModalContainer, HOVERABLE_CLASS_NAME, HOVER_GROUP_CLASS_NAME, HOVER_GROUP_REVEAL_CLASS_NAME, FOCUS_VISIBLE_ONLY_CLASS_NAME, NO_HOVER_BACKGROUND_STYLE, hoverableStyle, makeHoverableCSS, InlineAction, MENU_INITIATOR_CLASSNAME, MENU_ITEM_CLASSNAME, HORIZONTAL_SCROLLBAR_CLASSNAME, VERTICAL_SCROLLBAR_CLASSNAME, isMenuItem, Spinner, TrashIcon, WarningTriangle, ValidationMessage, CloudDownloadIcon, outerModalStyle, container2 as container, optionsPanel, horizontalLayout, leftSidebar, horizontalTab, iconContainer, icon, buttonStyle, flexer, CheckCircleFilled };

package/dist/esm/{index-sgtmgc4h.mjs → index-1089795y.mjs}

@@ -11,17 +11,17 @@ import {
   showNotification,
   useCopyFeedback,
   validatePublicOutputName
-} from "./index-6cvm9a65.mjs";
+} from "./index-ggqpre9v.mjs";
 import {
   Spacing
-} from "./index-xhe2m2qr.mjs";
+} from "./index-0x13f28h.mjs";
 import {
   BLUE,
   CURRENT_COLOR_LOWERCASE,
   INPUT_BACKGROUND,
   LIGHT_TEXT,
   WHITE
-} from "./index-jg13hf2g.mjs";
+} from "./index-k426ye99.mjs";
 
 // src/icons/gear.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/esm/{index-hy4xcgty.mjs → index-41kqns5c.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   CURRENT_COLOR,
   CURRENT_COLOR_LOWERCASE
-} from "./index-jg13hf2g.mjs";
+} from "./index-k426ye99.mjs";
 import {
   __require,
   __toESM
@@ -652,12 +652,14 @@ var applyCodemod = ({
   codemod,
   dryRun,
   symbolicatedStack,
-  signal
+  signal,
+  undoRedoNavigation
 }) => {
   const body = {
     codemod,
     dryRun,
-    symbolicatedStack
+    symbolicatedStack,
+    undoRedoNavigation
   };
   const browserStudioOperations = getBrowserStudioOperations();
   if (browserStudioOperations !== null) {