@remotion/studio 4.0.213 → 4.0.215

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)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)" | "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: import("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;

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

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

package/dist/state/editor-zoom-gestures.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TimelineRef = {
     collapseAll: () => void;
     expandAll: () => void;

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.213",
+  "version": "4.0.215",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -18,18 +18,18 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.213",
-    "@remotion/player": "4.0.213",
-    "@remotion/renderer": "4.0.213",
-    "@remotion/studio-shared": "4.0.213",
-    "@remotion/media-utils": "4.0.213"
+    "remotion": "4.0.215",
+    "@remotion/player": "4.0.215",
+    "@remotion/studio-shared": "4.0.215",
+    "@remotion/media-utils": "4.0.215",
+    "@remotion/renderer": "4.0.215"
   },
   "devDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "@types/semver": "^7.3.4",
     "zod": "3.22.3",
-    "@remotion/zod-types": "4.0.213"
+    "@remotion/zod-types": "4.0.215"
   },
   "publishConfig": {
     "access": "public"
@@ -53,7 +53,7 @@
   "homepage": "https://www.remotion.dev/docs/studio/api",
   "scripts": {
     "lint": "eslint src --ext ts,tsx",
-    "build": "bun --env-file=../.env.bundle bundle.ts",
+    "make": "bun --env-file=../.env.bundle bundle.ts",
     "test": "bun test src",
     "formatting": "prettier src --check"
   }