@remotion/studio 4.0.172 → 4.0.173

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 
-> @remotion/studio@4.0.171 build /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.172 build /Users/jonathanburger/remotion/packages/studio
 > bun --env-file=../.env.bundle bundle.ts
 

package/dist/components/AssetSelectorItem.js

@@ -67,6 +67,7 @@ const itemStyle = {
     backgroundColor: colors_1.BACKGROUND,
     height: ASSET_ITEM_HEIGHT,
     userSelect: 'none',
+    WebkitUserSelect: 'none',
 };
 const labelStyle = {
     textAlign: 'left',

package/dist/components/Menu/MenuItem.d.ts

@@ -9,14 +9,14 @@ export type Menu = {
     leaveLeftPadding: boolean;
 };
 export declare const MenuItem: React.FC<{
-    label: React.ReactNode;
-    id: MenuId;
-    selected: boolean;
-    onItemSelected: (s: SetStateAction<string | null>) => void;
-    onItemHovered: (id: MenuId) => void;
-    onItemQuit: () => void;
-    onPreviousMenu: () => void;
-    onNextMenu: () => void;
-    menu: Menu;
-    leaveLeftPadding: boolean;
+    readonly label: React.ReactNode;
+    readonly id: MenuId;
+    readonly selected: boolean;
+    readonly onItemSelected: (s: SetStateAction<string | null>) => void;
+    readonly onItemHovered: (id: MenuId) => void;
+    readonly onItemQuit: () => void;
+    readonly onPreviousMenu: () => void;
+    readonly onNextMenu: () => void;
+    readonly menu: Menu;
+    readonly leaveLeftPadding: boolean;
 }>;

package/dist/components/Menu/MenuItem.js

@@ -23,6 +23,7 @@ const container = {
     paddingTop: 8,
     paddingBottom: 8,
     userSelect: 'none',
+    WebkitUserSelect: 'none',
     border: 'none',
 };
 const MenuItem = ({ label: itemName, selected, id, onItemSelected, onItemHovered, onItemQuit, onPreviousMenu, onNextMenu, menu, }) => {

package/dist/components/Menu/styles.js

@@ -11,6 +11,7 @@ const menuContainer = {
     position: 'fixed',
     color: 'white',
     userSelect: 'none',
+    WebkitUserSelect: 'none',
 };
 exports.SHADOW_TOWARDS_BOTTOM = '0 2px 8px rgba(0, 0, 0, 0.5)';
 exports.SHADOW_TOWARDS_TOP = '0 -2px 8px rgba(0, 0, 0, 0.5)';

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

@@ -21,9 +21,9 @@ export type SelectionItem = {
 };
 export type ComboboxValue = DividerItem | SelectionItem;
 export declare const Combobox: React.FC<{
-    values: ComboboxValue[];
-    selectedId: string | number;
-    style?: React.CSSProperties;
-    title: string;
+    readonly values: ComboboxValue[];
+    readonly selectedId: string | number;
+    readonly style?: React.CSSProperties;
+    readonly title: string;
 }>;
 export {};

package/dist/components/NewComposition/ComboBox.js

@@ -150,6 +150,7 @@ const Combobox = ({ values, selectedId, style: customStyle, title }) => {
             ...container,
             ...(customStyle !== null && customStyle !== void 0 ? customStyle : {}),
             userSelect: 'none',
+            WebkitUserSelect: 'none',
             color: 'white',
             display: 'inline-flex',
             flexDirection: 'row',

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

@@ -2,9 +2,9 @@ import type { InputHTMLAttributes } from 'react';
 import React from 'react';
 import type { RemInputStatus } from './RemInput';
 export declare const InputDragger: React.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
-    onValueChange: (newVal: number) => void;
-    onTextChange: (newVal: string) => void;
-    status: RemInputStatus;
-    formatter?: ((str: number | string) => string) | undefined;
-    rightAlign: boolean;
+    readonly onValueChange: (newVal: number) => void;
+    readonly onTextChange: (newVal: string) => void;
+    readonly status: RemInputStatus;
+    readonly formatter?: ((str: number | string) => string) | undefined;
+    readonly rightAlign: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/NewComposition/InputDragger.js

@@ -51,6 +51,7 @@ const InputDraggerForwardRefFn = ({ onValueChange, min: _min, max: _max, step: _
         color: colors_1.BLUE,
         cursor: 'ew-resize',
         userSelect: 'none',
+        WebkitUserSelect: 'none',
         fontSize: 13,
         fontVariantNumeric: 'tabular-nums',
     }), []);

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

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const InfoBubble: React.FC<{
-    title: string;
-    children: React.ReactNode;
+    readonly title: string;
+    readonly children: React.ReactNode;
 }>;

package/dist/components/RenderModal/InfoBubble.js

@@ -102,6 +102,7 @@ const InfoBubble = ({ title, children }) => {
         return {
             ...container,
             userSelect: 'none',
+            WebkitUserSelect: 'none',
             color: 'white',
             display: 'inline-flex',
             flexDirection: 'row',

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

@@ -1,6 +1,6 @@
 import type { RenderJob } from '@remotion/studio-shared';
 import React from 'react';
 export declare const RenderQueueItem: React.FC<{
-    job: RenderJob;
-    selected: boolean;
+    readonly job: RenderJob;
+    readonly selected: boolean;
 }>;

package/dist/components/RenderQueue/RenderQueueItem.js

@@ -58,6 +58,7 @@ const RenderQueueItem = ({ job, selected }) => {
                 selected,
             }),
             userSelect: 'none',
+            WebkitUserSelect: 'none',
         };
     }, [hovered, isHoverable, selected]);
     const scrollCurrentIntoView = (0, react_1.useCallback)(() => {

package/dist/components/TimeValue.js

@@ -43,6 +43,7 @@ const text = {
     lineHeight: 1,
     width: '100%',
     userSelect: 'none',
+    WebkitUserSelect: 'none',
 };
 const time = {
     display: 'inline-block',

package/dist/components/Timeline/TimelineDragHandler.js

@@ -25,6 +25,7 @@ const inner = {
 };
 const container = {
     userSelect: 'none',
+    WebkitUserSelect: 'none',
     position: 'absolute',
     height: '100%',
     top: 0,

package/dist/components/Timeline/TimelineStack/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TSequence } from 'remotion';
 export declare const TimelineStack: React.FC<{
-    isCompact: boolean;
-    sequence: TSequence;
+    readonly isCompact: boolean;
+    readonly sequence: TSequence;
 }>;

package/dist/components/Timeline/TimelineStack/index.js

@@ -164,6 +164,7 @@ const TimelineStack = ({ isCompact, sequence }) => {
             lineHeight: 1,
             color: opening && isCompact ? colors_1.VERY_LIGHT_TEXT : colors_1.LIGHT_COLOR,
             userSelect: 'none',
+            WebkitUserSelect: 'none',
             borderBottom: hoverEffect ? '1px solid #fff' : 'none',
             cursor: hoverEffect ? 'pointer' : undefined,
         };

package/dist/esm/internals.mjs

@@ -1656,7 +1656,8 @@ var menuContainer = {
   backgroundColor: BACKGROUND,
   position: "fixed",
   color: "white",
-  userSelect: "none"
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var SHADOW_TOWARDS_BOTTOM = "0 2px 8px rgba(0, 0, 0, 0.5)";
 var SHADOW_TOWARDS_TOP = "0 -2px 8px rgba(0, 0, 0, 0.5)";
@@ -3539,7 +3540,8 @@ var itemStyle2 = {
   textAlign: "left",
   backgroundColor: BACKGROUND,
   height: ASSET_ITEM_HEIGHT,
-  userSelect: "none"
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var labelStyle3 = {
   textAlign: "left",
@@ -4404,6 +4406,7 @@ var Combobox = ({ values, selectedId, style: customStyle, title: title2 }) => {
       ...container10,
       ...customStyle ?? {},
       userSelect: "none",
+      WebkitUserSelect: "none",
       color: "white",
       display: "inline-flex",
       flexDirection: "row",
@@ -5382,6 +5385,7 @@ var InputDraggerForwardRefFn = ({
     color: BLUE,
     cursor: "ew-resize",
     userSelect: "none",
+    WebkitUserSelect: "none",
     fontSize: 13,
     fontVariantNumeric: "tabular-nums"
   }), []);
@@ -5512,7 +5516,8 @@ var text = {
   fontVariantNumeric: "tabular-nums",
   lineHeight: 1,
   width: "100%",
-  userSelect: "none"
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var time = {
   display: "inline-block",
@@ -6953,6 +6958,7 @@ var container13 = {
   paddingTop: 8,
   paddingBottom: 8,
   userSelect: "none",
+  WebkitUserSelect: "none",
   border: "none"
 };
 var MenuItem = ({
@@ -11927,6 +11933,7 @@ var InfoBubble = ({ title: title3, children }) => {
     return {
       ...container25,
       userSelect: "none",
+      WebkitUserSelect: "none",
       color: "white",
       display: "inline-flex",
       flexDirection: "row",
@@ -15358,7 +15365,8 @@ var RenderQueueItem = ({ job, selected }) => {
         hovered: isHoverable && hovered,
         selected
       }),
-      userSelect: "none"
+      userSelect: "none",
+      WebkitUserSelect: "none"
     };
   }, [hovered, isHoverable, selected]);
   const scrollCurrentIntoView = useCallback72(() => {
@@ -18041,6 +18049,7 @@ var inner = {
 };
 var container34 = {
   userSelect: "none",
+  WebkitUserSelect: "none",
   position: "absolute",
   height: "100%",
   top: 0
@@ -18781,6 +18790,7 @@ var TimelineStack = ({ isCompact, sequence }) => {
       lineHeight: 1,
       color: opening && isCompact ? VERY_LIGHT_TEXT : LIGHT_COLOR,
       userSelect: "none",
+      WebkitUserSelect: "none",
       borderBottom: hoverEffect ? "1px solid #fff" : "none",
       cursor: hoverEffect ? "pointer" : undefined
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/studio",
-  "version": "4.0.172",
+  "version": "4.0.173",
   "description": "Remotion Editor",
   "main": "dist",
   "sideEffects": false,
@@ -18,11 +18,11 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.172",
-    "@remotion/media-utils": "4.0.172",
-    "@remotion/renderer": "4.0.172",
-    "@remotion/player": "4.0.172",
-    "@remotion/studio-shared": "4.0.172"
+    "remotion": "4.0.173",
+    "@remotion/player": "4.0.173",
+    "@remotion/renderer": "4.0.173",
+    "@remotion/media-utils": "4.0.173",
+    "@remotion/studio-shared": "4.0.173"
   },
   "devDependencies": {
     "react": "18.3.1",
@@ -39,7 +39,7 @@
     "@types/semver": "^7.3.4",
     "prettier-plugin-organize-imports": "3.2.4",
     "zod": "3.22.3",
-    "@remotion/zod-types": "4.0.172"
+    "@remotion/zod-types": "4.0.173"
   },
   "publishConfig": {
     "access": "public"