remotion 4.0.438 → 4.0.439

package/dist/cjs/Composition.js

@@ -93,13 +93,6 @@ const InnerComposition = ({ width, height, fps, durationInFrames, id, defaultPro
         registerComposition,
         unregisterComposition,
     ]);
-    (0, react_1.useEffect)(() => {
-        window.dispatchEvent(new CustomEvent(ResolveCompositionConfig_js_1.PROPS_UPDATED_EXTERNALLY, {
-            detail: {
-                resetUnsaved: id,
-            },
-        }));
-    }, [defaultProps, id]);
     const resolved = (0, ResolveCompositionConfig_js_1.useResolvedVideoConfig)(id);
     if (environment.isStudio &&
         video &&

package/dist/cjs/CompositionManagerContext.d.ts

@@ -28,7 +28,6 @@ export type CompositionManagerSetters = {
     registerFolder: (name: string, parent: string | null, nonce: NonceHistory) => void;
     unregisterFolder: (name: string, parent: string | null) => void;
     setCanvasContent: React.Dispatch<React.SetStateAction<CanvasContent | null>>;
-    updateCompositionDefaultProps: (id: string, newDefaultProps: Record<string, unknown>) => void;
     onlyRenderComposition: string | null;
 };
 export type CompositionManagerContext = {

package/dist/cjs/CompositionManagerContext.js

@@ -14,6 +14,5 @@ exports.CompositionSetters = (0, react_1.createContext)({
     registerFolder: () => undefined,
     unregisterFolder: () => undefined,
     setCanvasContent: () => undefined,
-    updateCompositionDefaultProps: () => undefined,
     onlyRenderComposition: null,
 });

package/dist/cjs/CompositionManagerProvider.js

@@ -53,20 +53,6 @@ const CompositionManagerProvider = ({ children, onlyRenderComposition, currentCo
             getCompositions: () => currentcompositionsRef.current,
         };
     }, []);
-    const updateCompositionDefaultProps = (0, react_1.useCallback)((id, newDefaultProps) => {
-        setCompositions((comps) => {
-            const updated = comps.map((c) => {
-                if (c.id === id) {
-                    return {
-                        ...c,
-                        defaultProps: newDefaultProps,
-                    };
-                }
-                return c;
-            });
-            return updated;
-        });
-    }, []);
     const compositionManagerSetters = (0, react_1.useMemo)(() => {
         return {
             registerComposition,
@@ -74,7 +60,6 @@ const CompositionManagerProvider = ({ children, onlyRenderComposition, currentCo
             registerFolder,
             unregisterFolder,
             setCanvasContent,
-            updateCompositionDefaultProps,
             onlyRenderComposition,
         };
     }, [
@@ -82,7 +67,6 @@ const CompositionManagerProvider = ({ children, onlyRenderComposition, currentCo
         registerFolder,
         unregisterComposition,
         unregisterFolder,
-        updateCompositionDefaultProps,
         onlyRenderComposition,
     ]);
     const compositionManagerContextValue = (0, react_1.useMemo)(() => {

package/dist/cjs/EditorProps.d.ts

@@ -8,13 +8,8 @@ export type EditorPropsContextType = {
         defaultProps: Record<string, unknown>;
         newProps: Record<string, unknown> | ((oldProps: Record<string, unknown>) => Record<string, unknown>);
     }) => void;
-    resetUnsaved: (compositionId: string) => void;
 };
 export declare const EditorPropsContext: React.Context<EditorPropsContextType>;
-export declare const editorPropsProviderRef: React.RefObject<{
-    getProps: () => Props;
-    setProps: React.Dispatch<React.SetStateAction<Props>>;
-} | null>;
 export declare const timeValueRef: React.RefObject<{
     goToFrame: () => void;
     seek: (newFrame: number) => void;

package/dist/cjs/EditorProps.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorPropsProvider = exports.timeValueRef = exports.editorPropsProviderRef = exports.EditorPropsContext = void 0;
+exports.EditorPropsProvider = exports.timeValueRef = exports.EditorPropsContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 exports.EditorPropsContext = (0, react_1.createContext)({
@@ -41,11 +41,7 @@ exports.EditorPropsContext = (0, react_1.createContext)({
     updateProps: () => {
         throw new Error('Not implemented');
     },
-    resetUnsaved: () => {
-        throw new Error('Not implemented');
-    },
 });
-exports.editorPropsProviderRef = react_1.default.createRef();
 exports.timeValueRef = react_1.default.createRef();
 const EditorPropsProvider = ({ children }) => {
     const [props, setProps] = react_1.default.useState({});
@@ -60,25 +56,9 @@ const EditorPropsProvider = ({ children }) => {
             };
         });
     }, []);
-    const resetUnsaved = (0, react_1.useCallback)((compositionId) => {
-        setProps((prev) => {
-            if (prev[compositionId]) {
-                const newProps = { ...prev };
-                delete newProps[compositionId];
-                return newProps;
-            }
-            return prev;
-        });
-    }, []);
-    (0, react_1.useImperativeHandle)(exports.editorPropsProviderRef, () => {
-        return {
-            getProps: () => props,
-            setProps,
-        };
-    }, [props]);
     const ctx = (0, react_1.useMemo)(() => {
-        return { props, updateProps, resetUnsaved };
-    }, [props, resetUnsaved, updateProps]);
+        return { props, updateProps };
+    }, [props, updateProps]);
     return ((0, jsx_runtime_1.jsx)(exports.EditorPropsContext.Provider, { value: ctx, children: children }));
 };
 exports.EditorPropsProvider = EditorPropsProvider;

package/dist/cjs/ResolveCompositionConfig.d.ts

@@ -19,6 +19,5 @@ type VideoConfigState = {
     error: Error;
 };
 export declare const needsResolution: (composition: AnyComposition) => boolean;
-export declare const PROPS_UPDATED_EXTERNALLY = "remotion.propsUpdatedExternally";
 export declare const useResolvedVideoConfig: (preferredCompositionId: string | null) => VideoConfigState | null;
 export {};

package/dist/cjs/ResolveCompositionConfig.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResolvedVideoConfig = exports.PROPS_UPDATED_EXTERNALLY = exports.needsResolution = exports.resolveCompositionsRef = exports.ResolveCompositionContext = void 0;
+exports.useResolvedVideoConfig = exports.needsResolution = exports.resolveCompositionsRef = exports.ResolveCompositionContext = void 0;
 const react_1 = require("react");
 const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
 const input_props_js_1 = require("./config/input-props.js");
@@ -15,7 +15,6 @@ const needsResolution = (composition) => {
     return Boolean(composition.calculateMetadata);
 };
 exports.needsResolution = needsResolution;
-exports.PROPS_UPDATED_EXTERNALLY = 'remotion.propsUpdatedExternally';
 const useResolvedVideoConfig = (preferredCompositionId) => {
     const context = (0, react_1.useContext)(exports.ResolveCompositionContext);
     const { props: allEditorProps } = (0, react_1.useContext)(EditorProps_js_1.EditorPropsContext);

package/dist/cjs/index.d.ts

@@ -39,7 +39,7 @@ declare global {
         remotion_ignoreFastRefreshUpdate: number | null;
         remotion_numberOfAudioTags: number;
         remotion_audioLatencyHint: AudioContextLatencyCategory | undefined;
-        remotion_logLevel: LogLevel;
+        remotion_logLevel: LogLevel | undefined;
         remotion_projectName: string;
         remotion_cwd: string;
         remotion_studioServerCommand: string;
@@ -65,7 +65,6 @@ declare global {
         siteVersion: '11';
         remotion_version: string;
         remotion_imported: string | boolean;
-        remotion_unsavedProps: boolean | undefined;
     }
 }
 export type BundleCompositionState = {

package/dist/cjs/internals.d.ts

@@ -315,15 +315,6 @@ export declare const Internals: {
             height: number;
         };
     }) => number;
-    readonly editorPropsProviderRef: import("react").RefObject<{
-        getProps: () => {
-            [x: string]: Record<string, unknown>;
-        };
-        setProps: React.Dispatch<React.SetStateAction<{
-            [x: string]: Record<string, unknown>;
-        }>>;
-    } | null>;
-    readonly PROPS_UPDATED_EXTERNALLY: "remotion.propsUpdatedExternally";
     readonly validateRenderAsset: (artifact: TRenderAsset) => void;
     readonly Log: {
         trace: (options: {

package/dist/cjs/internals.js

@@ -184,8 +184,6 @@ exports.Internals = {
     CurrentScaleContext: use_current_scale_js_1.CurrentScaleContext,
     PreviewSizeContext: use_current_scale_js_1.PreviewSizeContext,
     calculateScale: use_current_scale_js_1.calculateScale,
-    editorPropsProviderRef: EditorProps_js_1.editorPropsProviderRef,
-    PROPS_UPDATED_EXTERNALLY: ResolveCompositionConfig_js_1.PROPS_UPDATED_EXTERNALLY,
     validateRenderAsset: validate_artifact_js_1.validateRenderAsset,
     Log: log_js_1.Log,
     LogLevelContext: log_level_context_js_1.LogLevelContext,

package/dist/cjs/interpolate-colors.js

@@ -13,6 +13,20 @@ const PERCENTAGE = NUMBER + '%';
 function call(...args) {
     return '\\(\\s*(' + args.join(')\\s*,\\s*(') + ')\\s*\\)';
 }
+// Modern CSS Color Level 4 syntax: space-separated values with optional / alpha
+const MODERN_VALUE = '(?:none|[-+]?\\d*\\.?\\d+(?:%|deg|rad|grad|turn)?)';
+function modernColorCall(name) {
+    return new RegExp(name +
+        '\\(\\s*(' +
+        MODERN_VALUE +
+        ')\\s+(' +
+        MODERN_VALUE +
+        ')\\s+(' +
+        MODERN_VALUE +
+        ')(?:\\s*\\/\\s*(' +
+        MODERN_VALUE +
+        '))?\\s*\\)');
+}
 function getMatchers() {
     const cachedMatchers = {
         rgb: undefined,
@@ -24,6 +38,11 @@ function getMatchers() {
         hex5: undefined,
         hex6: undefined,
         hex8: undefined,
+        oklch: undefined,
+        oklab: undefined,
+        lab: undefined,
+        lch: undefined,
+        hwb: undefined,
     };
     if (cachedMatchers.rgb === undefined) {
         cachedMatchers.rgb = new RegExp('rgb' + call(NUMBER, NUMBER, NUMBER));
@@ -35,6 +54,11 @@ function getMatchers() {
             /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;
         cachedMatchers.hex6 = /^#([0-9a-fA-F]{6})$/;
         cachedMatchers.hex8 = /^#([0-9a-fA-F]{8})$/;
+        cachedMatchers.oklch = modernColorCall('oklch');
+        cachedMatchers.oklab = modernColorCall('oklab');
+        cachedMatchers.lab = modernColorCall('lab');
+        cachedMatchers.lch = modernColorCall('lch');
+        cachedMatchers.hwb = modernColorCall('hwb');
     }
     return cachedMatchers;
 }
@@ -101,6 +125,106 @@ function parsePercentage(str) {
     }
     return int / 100;
 }
+// Modern CSS Color Level 4 parsing helpers
+function parseModernComponent(str, percentScale) {
+    if (str === 'none')
+        return 0;
+    if (str.endsWith('%')) {
+        return (Number.parseFloat(str) / 100) * percentScale;
+    }
+    return Number.parseFloat(str);
+}
+function parseHueAngle(str) {
+    if (str === 'none')
+        return 0;
+    if (str.endsWith('rad')) {
+        return (Number.parseFloat(str) * 180) / Math.PI;
+    }
+    if (str.endsWith('grad'))
+        return Number.parseFloat(str) * 0.9;
+    if (str.endsWith('turn'))
+        return Number.parseFloat(str) * 360;
+    // 'deg' suffix or plain number = degrees
+    return Number.parseFloat(str);
+}
+function parseModernAlpha(str) {
+    if (str === undefined || str === 'none')
+        return 1;
+    if (str.endsWith('%')) {
+        return Math.max(0, Math.min(1, Number.parseFloat(str) / 100));
+    }
+    return Math.max(0, Math.min(1, Number.parseFloat(str)));
+}
+// sRGB gamma correction
+function linearToSrgb(c) {
+    if (c <= 0.0031308)
+        return 12.92 * c;
+    return 1.055 * c ** (1 / 2.4) - 0.055;
+}
+function clamp01(v) {
+    return Math.max(0, Math.min(1, v));
+}
+function rgbFloatToInt(r, g, b, alpha) {
+    const ri = Math.round(clamp01(r) * 255);
+    const gi = Math.round(clamp01(g) * 255);
+    const bi = Math.round(clamp01(b) * 255);
+    const ai = Math.round(clamp01(alpha) * 255);
+    return ((ri << 24) | (gi << 16) | (bi << 8) | ai) >>> 0;
+}
+// OKLab to sRGB conversion
+function oklabToSrgb(L, a, b) {
+    const l_ = L + 0.3963377774 * a + 0.2158037573 * b;
+    const m_ = L - 0.1055613458 * a - 0.0638541728 * b;
+    const s_ = L - 0.0894841775 * a - 1.291485548 * b;
+    const l = l_ * l_ * l_;
+    const m = m_ * m_ * m_;
+    const s = s_ * s_ * s_;
+    const rLin = 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s;
+    const gLin = -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s;
+    const bLin = -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s;
+    return [linearToSrgb(rLin), linearToSrgb(gLin), linearToSrgb(bLin)];
+}
+// CIE Lab to sRGB conversion (D65 illuminant)
+function labToSrgb(L, a, b) {
+    const epsilon = 216 / 24389;
+    const kappa = 24389 / 27;
+    // D65 white point
+    const Xn = 0.95047;
+    const Yn = 1.0;
+    const Zn = 1.08883;
+    const fy = (L + 16) / 116;
+    const fx = a / 500 + fy;
+    const fz = fy - b / 200;
+    const fx3 = fx * fx * fx;
+    const fz3 = fz * fz * fz;
+    const xr = fx3 > epsilon ? fx3 : (116 * fx - 16) / kappa;
+    const yr = L > kappa * epsilon ? ((L + 16) / 116) ** 3 : L / kappa;
+    const zr = fz3 > epsilon ? fz3 : (116 * fz - 16) / kappa;
+    const X = xr * Xn;
+    const Y = yr * Yn;
+    const Z = zr * Zn;
+    // XYZ to linear sRGB (D65)
+    const rLin = 3.2404542 * X - 1.5371385 * Y - 0.4985314 * Z;
+    const gLin = -0.969266 * X + 1.8760108 * Y + 0.041556 * Z;
+    const bLin = 0.0556434 * X - 0.2040259 * Y + 1.0572252 * Z;
+    return [linearToSrgb(rLin), linearToSrgb(gLin), linearToSrgb(bLin)];
+}
+// HWB to sRGB conversion
+function hwbToSrgb(h, w, bk) {
+    // h is 0-1 (hue as fraction of 360), w and bk are 0-1
+    if (w + bk >= 1) {
+        const gray = w / (w + bk);
+        return [gray, gray, gray];
+    }
+    // Get pure hue RGB (HSL with S=100%, L=50%)
+    const q = 1; // l=0.5, s=1: q = 0.5*(1+1) = 1
+    const p = 0; // 2*0.5 - 1 = 0
+    const r = hue2rgb(p, q, h + 1 / 3);
+    const g = hue2rgb(p, q, h);
+    const bl = hue2rgb(p, q, h - 1 / 3);
+    const factor = 1 - w - bk;
+    return [r * factor + w, g * factor + w, bl * factor + w];
+}
 exports.colorNames = {
     transparent: 0x00000000,
     // http://www.w3.org/TR/css3-color/#svg-color
@@ -339,6 +463,58 @@ function normalizeColor(color) {
                 0);
         }
     }
+    if (matchers.oklch) {
+        if ((match = matchers.oklch.exec(color))) {
+            const L = parseModernComponent(match[1], 1); // 100% = 1
+            const C = parseModernComponent(match[2], 0.4); // 100% = 0.4
+            const H = parseHueAngle(match[3]);
+            const alpha = parseModernAlpha(match[4]);
+            const hRad = (H * Math.PI) / 180;
+            const [r, g, b] = oklabToSrgb(L, C * Math.cos(hRad), C * Math.sin(hRad));
+            return rgbFloatToInt(r, g, b, alpha);
+        }
+    }
+    if (matchers.oklab) {
+        if ((match = matchers.oklab.exec(color))) {
+            const L = parseModernComponent(match[1], 1);
+            const a = parseModernComponent(match[2], 0.4);
+            const b = parseModernComponent(match[3], 0.4);
+            const alpha = parseModernAlpha(match[4]);
+            const [r, g, bl] = oklabToSrgb(L, a, b);
+            return rgbFloatToInt(r, g, bl, alpha);
+        }
+    }
+    if (matchers.lab) {
+        if ((match = matchers.lab.exec(color))) {
+            const L = parseModernComponent(match[1], 100); // 100% = 100
+            const a = parseModernComponent(match[2], 125); // 100% = 125
+            const b = parseModernComponent(match[3], 125);
+            const alpha = parseModernAlpha(match[4]);
+            const [r, g, bl] = labToSrgb(L, a, b);
+            return rgbFloatToInt(r, g, bl, alpha);
+        }
+    }
+    if (matchers.lch) {
+        if ((match = matchers.lch.exec(color))) {
+            const L = parseModernComponent(match[1], 100);
+            const C = parseModernComponent(match[2], 150); // 100% = 150
+            const H = parseHueAngle(match[3]);
+            const alpha = parseModernAlpha(match[4]);
+            const hRad = (H * Math.PI) / 180;
+            const [r, g, bl] = labToSrgb(L, C * Math.cos(hRad), C * Math.sin(hRad));
+            return rgbFloatToInt(r, g, bl, alpha);
+        }
+    }
+    if (matchers.hwb) {
+        if ((match = matchers.hwb.exec(color))) {
+            const H = parseHueAngle(match[1]);
+            const W = parseModernComponent(match[2], 1); // 100% = 1
+            const B = parseModernComponent(match[3], 1);
+            const alpha = parseModernAlpha(match[4]);
+            const [r, g, bl] = hwbToSrgb(H / 360, W, B);
+            return rgbFloatToInt(r, g, bl, alpha);
+        }
+    }
     throw new Error(`invalid color string ${color} provided`);
 }
 const opacity = (c) => {

package/dist/cjs/use-schema.js

@@ -50,7 +50,7 @@ const useSchema = (schema, currentValue) => {
         const overrideValues = (_a = overrides[overrideId]) !== null && _a !== void 0 ? _a : {};
         const propStatus = codeValues[overrideId];
         const currentValueKeys = Object.keys(currentValue);
-        const keysToUpdate = new Set(currentValueKeys).values();
+        const keysToUpdate = [...new Set(currentValueKeys)];
         const merged = {};
         // Apply code values over runtime values, falling back to schema default
         for (const key of keysToUpdate) {

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.438";
+export declare const VERSION = "4.0.439";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.438';
+exports.VERSION = '4.0.439';

package/dist/esm/index.mjs

@@ -61,7 +61,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.438";
+var VERSION = "4.0.439";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -678,9 +678,6 @@ var CompositionSetters = createContext7({
   setCanvasContent: () => {
     return;
   },
-  updateCompositionDefaultProps: () => {
-    return;
-  },
   onlyRenderComposition: null
 });
 
@@ -807,23 +804,14 @@ var getInputProps = () => {
 };
 
 // src/EditorProps.tsx
-import React5, {
-  createContext as createContext8,
-  useCallback as useCallback2,
-  useImperativeHandle,
-  useMemo as useMemo3
-} from "react";
+import React5, { createContext as createContext8, useCallback as useCallback2, useMemo as useMemo3 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var EditorPropsContext = createContext8({
   props: {},
   updateProps: () => {
     throw new Error("Not implemented");
-  },
-  resetUnsaved: () => {
-    throw new Error("Not implemented");
   }
 });
-var editorPropsProviderRef = React5.createRef();
 var timeValueRef = React5.createRef();
 var EditorPropsProvider = ({ children }) => {
   const [props, setProps] = React5.useState({});
@@ -839,25 +827,9 @@ var EditorPropsProvider = ({ children }) => {
       };
     });
   }, []);
-  const resetUnsaved = useCallback2((compositionId) => {
-    setProps((prev) => {
-      if (prev[compositionId]) {
-        const newProps = { ...prev };
-        delete newProps[compositionId];
-        return newProps;
-      }
-      return prev;
-    });
-  }, []);
-  useImperativeHandle(editorPropsProviderRef, () => {
-    return {
-      getProps: () => props,
-      setProps
-    };
-  }, [props]);
   const ctx = useMemo3(() => {
-    return { props, updateProps, resetUnsaved };
-  }, [props, resetUnsaved, updateProps]);
+    return { props, updateProps };
+  }, [props, updateProps]);
   return /* @__PURE__ */ jsx4(EditorPropsContext.Provider, {
     value: ctx,
     children
@@ -928,7 +900,6 @@ var resolveCompositionsRef = createRef();
 var needsResolution = (composition) => {
   return Boolean(composition.calculateMetadata);
 };
-var PROPS_UPDATED_EXTERNALLY = "remotion.propsUpdatedExternally";
 var useResolvedVideoConfig = (preferredCompositionId) => {
   const context = useContext5(ResolveCompositionContext);
   const { props: allEditorProps } = useContext5(EditorPropsContext);
@@ -1671,14 +1642,14 @@ var Sequence = forwardRef2(SequenceRefForwardingFunction);
 import {
   forwardRef as forwardRef3,
   useEffect as useEffect2,
-  useImperativeHandle as useImperativeHandle3,
+  useImperativeHandle as useImperativeHandle2,
   useLayoutEffect as useLayoutEffect2,
   useRef as useRef5,
   useState as useState5
 } from "react";
 
 // src/animated-image/canvas.tsx
-import React10, { useCallback as useCallback5, useImperativeHandle as useImperativeHandle2, useRef as useRef4 } from "react";
+import React10, { useCallback as useCallback5, useImperativeHandle, useRef as useRef4 } from "react";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var calcArgs = (fit, frameSize, canvasSize) => {
   switch (fit) {
@@ -1751,7 +1722,7 @@ var CanvasRefForwardingFunction = ({ width, height, fit, className, style }, ref
       height: canvasHeight
     }));
   }, [fit, height, width]);
-  useImperativeHandle2(ref, () => {
+  useImperativeHandle(ref, () => {
     return {
       draw,
       getCanvas: () => {
@@ -1957,7 +1928,7 @@ var AnimatedImage = forwardRef3(({
   const currentTimeRef = useRef5(currentTime);
   currentTimeRef.current = currentTime;
   const ref = useRef5(null);
-  useImperativeHandle3(canvasRef, () => {
+  useImperativeHandle2(canvasRef, () => {
     const c = ref.current?.getCanvas();
     if (!c) {
       throw new Error("Canvas ref is not set");
@@ -2043,7 +2014,7 @@ import { useContext as useContext14, useLayoutEffect as useLayoutEffect4, useSta
 import {
   createContext as createContext13,
   useCallback as useCallback6,
-  useImperativeHandle as useImperativeHandle4,
+  useImperativeHandle as useImperativeHandle3,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo12,
   useRef as useRef6,
@@ -2101,7 +2072,7 @@ var RenderAssetManagerProvider = ({ children, collectAssets }) => {
     setRenderAssets(renderAssetsRef.current);
   }, []);
   if (collectAssets) {
-    useImperativeHandle4(collectAssets, () => {
+    useImperativeHandle3(collectAssets, () => {
       return {
         collectAssets: () => {
           const assets = renderAssetsRef.current;
@@ -2661,7 +2632,7 @@ import React17, {
   forwardRef as forwardRef4,
   useContext as useContext24,
   useEffect as useEffect10,
-  useImperativeHandle as useImperativeHandle5,
+  useImperativeHandle as useImperativeHandle4,
   useMemo as useMemo22,
   useRef as useRef14,
   useState as useState13
@@ -4680,7 +4651,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
       });
     };
   }, [cleanupOnMediaTagUnmount]);
-  useImperativeHandle5(ref, () => {
+  useImperativeHandle4(ref, () => {
     return audioRef.current;
   }, [audioRef]);
   const currentOnDurationCallback = useRef14(onDuration);
@@ -4719,7 +4690,7 @@ import {
   forwardRef as forwardRef5,
   useContext as useContext25,
   useEffect as useEffect11,
-  useImperativeHandle as useImperativeHandle6,
+  useImperativeHandle as useImperativeHandle5,
   useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo23,
   useRef as useRef15
@@ -4763,7 +4734,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
     mediaVolume: 1
   });
   warnAboutTooHighVolume(volume);
-  useImperativeHandle6(ref, () => {
+  useImperativeHandle5(ref, () => {
     return audioRef.current;
   }, []);
   useEffect11(() => {
@@ -5264,13 +5235,6 @@ var InnerComposition = ({
     registerComposition,
     unregisterComposition
   ]);
-  useEffect13(() => {
-    window.dispatchEvent(new CustomEvent(PROPS_UPDATED_EXTERNALLY, {
-      detail: {
-        resetUnsaved: id
-      }
-    }));
-  }, [defaultProps, id]);
   const resolved = useResolvedVideoConfig(id);
   if (environment.isStudio && video && video.component === lazy && video.id === id) {
     const Comp = lazy;
@@ -5562,7 +5526,7 @@ import {
   forwardRef as forwardRef8,
   useCallback as useCallback13,
   useContext as useContext29,
-  useImperativeHandle as useImperativeHandle7,
+  useImperativeHandle as useImperativeHandle6,
   useLayoutEffect as useLayoutEffect9,
   useRef as useRef17
 } from "react";
@@ -5592,7 +5556,7 @@ var ImgRefForwarding = ({
   if (!_propsValid) {
     throw new Error("typecheck error");
   }
-  useImperativeHandle7(ref, () => {
+  useImperativeHandle6(ref, () => {
     return imageRef.current;
   }, []);
   const actualSrc = usePreload(src);
@@ -5727,7 +5691,7 @@ var compositionsRef = React24.createRef();
 // src/CompositionManagerProvider.tsx
 import {
   useCallback as useCallback14,
-  useImperativeHandle as useImperativeHandle8,
+  useImperativeHandle as useImperativeHandle7,
   useMemo as useMemo26,
   useRef as useRef18,
   useState as useState15
@@ -5781,25 +5745,11 @@ var CompositionManagerProvider = ({
       return prevFolders.filter((p) => !(p.name === name && p.parent === parent));
     });
   }, []);
-  useImperativeHandle8(compositionsRef, () => {
+  useImperativeHandle7(compositionsRef, () => {
     return {
       getCompositions: () => currentcompositionsRef.current
     };
   }, []);
-  const updateCompositionDefaultProps = useCallback14((id, newDefaultProps) => {
-    setCompositions((comps) => {
-      const updated = comps.map((c2) => {
-        if (c2.id === id) {
-          return {
-            ...c2,
-            defaultProps: newDefaultProps
-          };
-        }
-        return c2;
-      });
-      return updated;
-    });
-  }, []);
   const compositionManagerSetters = useMemo26(() => {
     return {
       registerComposition,
@@ -5807,7 +5757,6 @@ var CompositionManagerProvider = ({
       registerFolder,
       unregisterFolder,
       setCanvasContent,
-      updateCompositionDefaultProps,
       onlyRenderComposition
     };
   }, [
@@ -5815,7 +5764,6 @@ var CompositionManagerProvider = ({
     registerFolder,
     unregisterComposition,
     unregisterFolder,
-    updateCompositionDefaultProps,
     onlyRenderComposition
   ]);
   const compositionManagerContextValue = useMemo26(() => {
@@ -6354,7 +6302,7 @@ var useSchema = (schema, currentValue) => {
     const overrideValues = overrides[overrideId] ?? {};
     const propStatus = codeValues[overrideId];
     const currentValueKeys = Object.keys(currentValue);
-    const keysToUpdate = new Set(currentValueKeys).values();
+    const keysToUpdate = [...new Set(currentValueKeys)];
     const merged = {};
     for (const key of keysToUpdate) {
       const codeValueStatus = propStatus?.[key] ?? null;
@@ -6624,7 +6572,7 @@ import React30, {
   forwardRef as forwardRef9,
   useContext as useContext34,
   useEffect as useEffect16,
-  useImperativeHandle as useImperativeHandle9,
+  useImperativeHandle as useImperativeHandle8,
   useMemo as useMemo31,
   useRef as useRef19,
   useState as useState18
@@ -6785,7 +6733,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     duration,
     fps
   });
-  useImperativeHandle9(ref, () => {
+  useImperativeHandle8(ref, () => {
     return videoRef.current;
   }, []);
   useState18(() => playbackLogging({
@@ -7306,8 +7254,6 @@ var Internals = {
   CurrentScaleContext,
   PreviewSizeContext,
   calculateScale,
-  editorPropsProviderRef,
-  PROPS_UPDATED_EXTERNALLY,
   validateRenderAsset,
   Log,
   LogLevelContext,
@@ -7339,6 +7285,10 @@ var PERCENTAGE = NUMBER + "%";
 function call(...args) {
   return "\\(\\s*(" + args.join(")\\s*,\\s*(") + ")\\s*\\)";
 }
+var MODERN_VALUE = "(?:none|[-+]?\\d*\\.?\\d+(?:%|deg|rad|grad|turn)?)";
+function modernColorCall(name) {
+  return new RegExp(name + "\\(\\s*(" + MODERN_VALUE + ")\\s+(" + MODERN_VALUE + ")\\s+(" + MODERN_VALUE + ")(?:\\s*\\/\\s*(" + MODERN_VALUE + "))?\\s*\\)");
+}
 function getMatchers() {
   const cachedMatchers = {
     rgb: undefined,
@@ -7349,7 +7299,12 @@ function getMatchers() {
     hex4: undefined,
     hex5: undefined,
     hex6: undefined,
-    hex8: undefined
+    hex8: undefined,
+    oklch: undefined,
+    oklab: undefined,
+    lab: undefined,
+    lch: undefined,
+    hwb: undefined
   };
   if (cachedMatchers.rgb === undefined) {
     cachedMatchers.rgb = new RegExp("rgb" + call(NUMBER, NUMBER, NUMBER));
@@ -7360,6 +7315,11 @@ function getMatchers() {
     cachedMatchers.hex4 = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;
     cachedMatchers.hex6 = /^#([0-9a-fA-F]{6})$/;
     cachedMatchers.hex8 = /^#([0-9a-fA-F]{8})$/;
+    cachedMatchers.oklch = modernColorCall("oklch");
+    cachedMatchers.oklab = modernColorCall("oklab");
+    cachedMatchers.lab = modernColorCall("lab");
+    cachedMatchers.lch = modernColorCall("lch");
+    cachedMatchers.hwb = modernColorCall("hwb");
   }
   return cachedMatchers;
 }
@@ -7423,6 +7383,96 @@ function parsePercentage(str) {
   }
   return int / 100;
 }
+function parseModernComponent(str, percentScale) {
+  if (str === "none")
+    return 0;
+  if (str.endsWith("%")) {
+    return Number.parseFloat(str) / 100 * percentScale;
+  }
+  return Number.parseFloat(str);
+}
+function parseHueAngle(str) {
+  if (str === "none")
+    return 0;
+  if (str.endsWith("rad")) {
+    return Number.parseFloat(str) * 180 / Math.PI;
+  }
+  if (str.endsWith("grad"))
+    return Number.parseFloat(str) * 0.9;
+  if (str.endsWith("turn"))
+    return Number.parseFloat(str) * 360;
+  return Number.parseFloat(str);
+}
+function parseModernAlpha(str) {
+  if (str === undefined || str === "none")
+    return 1;
+  if (str.endsWith("%")) {
+    return Math.max(0, Math.min(1, Number.parseFloat(str) / 100));
+  }
+  return Math.max(0, Math.min(1, Number.parseFloat(str)));
+}
+function linearToSrgb(c2) {
+  if (c2 <= 0.0031308)
+    return 12.92 * c2;
+  return 1.055 * c2 ** (1 / 2.4) - 0.055;
+}
+function clamp01(v) {
+  return Math.max(0, Math.min(1, v));
+}
+function rgbFloatToInt(r, g, b2, alpha) {
+  const ri = Math.round(clamp01(r) * 255);
+  const gi = Math.round(clamp01(g) * 255);
+  const bi = Math.round(clamp01(b2) * 255);
+  const ai = Math.round(clamp01(alpha) * 255);
+  return (ri << 24 | gi << 16 | bi << 8 | ai) >>> 0;
+}
+function oklabToSrgb(L, a2, b2) {
+  const l_ = L + 0.3963377774 * a2 + 0.2158037573 * b2;
+  const m_ = L - 0.1055613458 * a2 - 0.0638541728 * b2;
+  const s_ = L - 0.0894841775 * a2 - 1.291485548 * b2;
+  const l = l_ * l_ * l_;
+  const m = m_ * m_ * m_;
+  const s = s_ * s_ * s_;
+  const rLin = 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s;
+  const gLin = -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s;
+  const bLin = -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s;
+  return [linearToSrgb(rLin), linearToSrgb(gLin), linearToSrgb(bLin)];
+}
+function labToSrgb(L, a2, b2) {
+  const epsilon = 216 / 24389;
+  const kappa = 24389 / 27;
+  const Xn = 0.95047;
+  const Yn = 1;
+  const Zn = 1.08883;
+  const fy = (L + 16) / 116;
+  const fx = a2 / 500 + fy;
+  const fz = fy - b2 / 200;
+  const fx3 = fx * fx * fx;
+  const fz3 = fz * fz * fz;
+  const xr = fx3 > epsilon ? fx3 : (116 * fx - 16) / kappa;
+  const yr = L > kappa * epsilon ? ((L + 16) / 116) ** 3 : L / kappa;
+  const zr = fz3 > epsilon ? fz3 : (116 * fz - 16) / kappa;
+  const X = xr * Xn;
+  const Y = yr * Yn;
+  const Z = zr * Zn;
+  const rLin = 3.2404542 * X - 1.5371385 * Y - 0.4985314 * Z;
+  const gLin = -0.969266 * X + 1.8760108 * Y + 0.041556 * Z;
+  const bLin = 0.0556434 * X - 0.2040259 * Y + 1.0572252 * Z;
+  return [linearToSrgb(rLin), linearToSrgb(gLin), linearToSrgb(bLin)];
+}
+function hwbToSrgb(h, w, bk) {
+  if (w + bk >= 1) {
+    const gray = w / (w + bk);
+    return [gray, gray, gray];
+  }
+  const q = 1;
+  const p = 0;
+  const r = hue2rgb(p, q, h + 1 / 3);
+  const g = hue2rgb(p, q, h);
+  const bl = hue2rgb(p, q, h - 1 / 3);
+  const factor = 1 - w - bk;
+  return [r * factor + w, g * factor + w, bl * factor + w];
+}
 var colorNames = {
   transparent: 0,
   aliceblue: 4042850303,
@@ -7621,6 +7671,58 @@ function normalizeColor(color) {
       return (hslToRgb(parse360(match[1]), parsePercentage(match[2]), parsePercentage(match[3])) | parse1(match[4])) >>> 0;
     }
   }
+  if (matchers.oklch) {
+    if (match = matchers.oklch.exec(color)) {
+      const L = parseModernComponent(match[1], 1);
+      const C = parseModernComponent(match[2], 0.4);
+      const H = parseHueAngle(match[3]);
+      const alpha = parseModernAlpha(match[4]);
+      const hRad = H * Math.PI / 180;
+      const [r, g, b2] = oklabToSrgb(L, C * Math.cos(hRad), C * Math.sin(hRad));
+      return rgbFloatToInt(r, g, b2, alpha);
+    }
+  }
+  if (matchers.oklab) {
+    if (match = matchers.oklab.exec(color)) {
+      const L = parseModernComponent(match[1], 1);
+      const a2 = parseModernComponent(match[2], 0.4);
+      const b2 = parseModernComponent(match[3], 0.4);
+      const alpha = parseModernAlpha(match[4]);
+      const [r, g, bl] = oklabToSrgb(L, a2, b2);
+      return rgbFloatToInt(r, g, bl, alpha);
+    }
+  }
+  if (matchers.lab) {
+    if (match = matchers.lab.exec(color)) {
+      const L = parseModernComponent(match[1], 100);
+      const a2 = parseModernComponent(match[2], 125);
+      const b2 = parseModernComponent(match[3], 125);
+      const alpha = parseModernAlpha(match[4]);
+      const [r, g, bl] = labToSrgb(L, a2, b2);
+      return rgbFloatToInt(r, g, bl, alpha);
+    }
+  }
+  if (matchers.lch) {
+    if (match = matchers.lch.exec(color)) {
+      const L = parseModernComponent(match[1], 100);
+      const C = parseModernComponent(match[2], 150);
+      const H = parseHueAngle(match[3]);
+      const alpha = parseModernAlpha(match[4]);
+      const hRad = H * Math.PI / 180;
+      const [r, g, bl] = labToSrgb(L, C * Math.cos(hRad), C * Math.sin(hRad));
+      return rgbFloatToInt(r, g, bl, alpha);
+    }
+  }
+  if (matchers.hwb) {
+    if (match = matchers.hwb.exec(color)) {
+      const H = parseHueAngle(match[1]);
+      const W = parseModernComponent(match[2], 1);
+      const B = parseModernComponent(match[3], 1);
+      const alpha = parseModernAlpha(match[4]);
+      const [r, g, bl] = hwbToSrgb(H / 360, W, B);
+      return rgbFloatToInt(r, g, bl, alpha);
+    }
+  }
   throw new Error(`invalid color string ${color} provided`);
 }
 var opacity = (c2) => {
@@ -8161,7 +8263,7 @@ import {
   forwardRef as forwardRef12,
   useContext as useContext35,
   useEffect as useEffect17,
-  useImperativeHandle as useImperativeHandle10,
+  useImperativeHandle as useImperativeHandle9,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo35,
   useRef as useRef20
@@ -8376,7 +8478,7 @@ var VideoForRenderingForwardFunction = ({
     sequenceContext?.relativeFrom,
     audioStreamIndex
   ]);
-  useImperativeHandle10(ref, () => {
+  useImperativeHandle9(ref, () => {
     return videoRef.current;
   }, []);
   useEffect17(() => {

package/dist/esm/no-react.mjs

@@ -205,6 +205,10 @@ var PERCENTAGE = NUMBER + "%";
 function call(...args) {
   return "\\(\\s*(" + args.join(")\\s*,\\s*(") + ")\\s*\\)";
 }
+var MODERN_VALUE = "(?:none|[-+]?\\d*\\.?\\d+(?:%|deg|rad|grad|turn)?)";
+function modernColorCall(name) {
+  return new RegExp(name + "\\(\\s*(" + MODERN_VALUE + ")\\s+(" + MODERN_VALUE + ")\\s+(" + MODERN_VALUE + ")(?:\\s*\\/\\s*(" + MODERN_VALUE + "))?\\s*\\)");
+}
 function getMatchers() {
   const cachedMatchers = {
     rgb: undefined,
@@ -215,7 +219,12 @@ function getMatchers() {
     hex4: undefined,
     hex5: undefined,
     hex6: undefined,
-    hex8: undefined
+    hex8: undefined,
+    oklch: undefined,
+    oklab: undefined,
+    lab: undefined,
+    lch: undefined,
+    hwb: undefined
   };
   if (cachedMatchers.rgb === undefined) {
     cachedMatchers.rgb = new RegExp("rgb" + call(NUMBER, NUMBER, NUMBER));
@@ -226,6 +235,11 @@ function getMatchers() {
     cachedMatchers.hex4 = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;
     cachedMatchers.hex6 = /^#([0-9a-fA-F]{6})$/;
     cachedMatchers.hex8 = /^#([0-9a-fA-F]{8})$/;
+    cachedMatchers.oklch = modernColorCall("oklch");
+    cachedMatchers.oklab = modernColorCall("oklab");
+    cachedMatchers.lab = modernColorCall("lab");
+    cachedMatchers.lch = modernColorCall("lch");
+    cachedMatchers.hwb = modernColorCall("hwb");
   }
   return cachedMatchers;
 }
@@ -289,6 +303,96 @@ function parsePercentage(str) {
   }
   return int / 100;
 }
+function parseModernComponent(str, percentScale) {
+  if (str === "none")
+    return 0;
+  if (str.endsWith("%")) {
+    return Number.parseFloat(str) / 100 * percentScale;
+  }
+  return Number.parseFloat(str);
+}
+function parseHueAngle(str) {
+  if (str === "none")
+    return 0;
+  if (str.endsWith("rad")) {
+    return Number.parseFloat(str) * 180 / Math.PI;
+  }
+  if (str.endsWith("grad"))
+    return Number.parseFloat(str) * 0.9;
+  if (str.endsWith("turn"))
+    return Number.parseFloat(str) * 360;
+  return Number.parseFloat(str);
+}
+function parseModernAlpha(str) {
+  if (str === undefined || str === "none")
+    return 1;
+  if (str.endsWith("%")) {
+    return Math.max(0, Math.min(1, Number.parseFloat(str) / 100));
+  }
+  return Math.max(0, Math.min(1, Number.parseFloat(str)));
+}
+function linearToSrgb(c) {
+  if (c <= 0.0031308)
+    return 12.92 * c;
+  return 1.055 * c ** (1 / 2.4) - 0.055;
+}
+function clamp01(v) {
+  return Math.max(0, Math.min(1, v));
+}
+function rgbFloatToInt(r, g, b, alpha) {
+  const ri = Math.round(clamp01(r) * 255);
+  const gi = Math.round(clamp01(g) * 255);
+  const bi = Math.round(clamp01(b) * 255);
+  const ai = Math.round(clamp01(alpha) * 255);
+  return (ri << 24 | gi << 16 | bi << 8 | ai) >>> 0;
+}
+function oklabToSrgb(L, a, b) {
+  const l_ = L + 0.3963377774 * a + 0.2158037573 * b;
+  const m_ = L - 0.1055613458 * a - 0.0638541728 * b;
+  const s_ = L - 0.0894841775 * a - 1.291485548 * b;
+  const l = l_ * l_ * l_;
+  const m = m_ * m_ * m_;
+  const s = s_ * s_ * s_;
+  const rLin = 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s;
+  const gLin = -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s;
+  const bLin = -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s;
+  return [linearToSrgb(rLin), linearToSrgb(gLin), linearToSrgb(bLin)];
+}
+function labToSrgb(L, a, b) {
+  const epsilon = 216 / 24389;
+  const kappa = 24389 / 27;
+  const Xn = 0.95047;
+  const Yn = 1;
+  const Zn = 1.08883;
+  const fy = (L + 16) / 116;
+  const fx = a / 500 + fy;
+  const fz = fy - b / 200;
+  const fx3 = fx * fx * fx;
+  const fz3 = fz * fz * fz;
+  const xr = fx3 > epsilon ? fx3 : (116 * fx - 16) / kappa;
+  const yr = L > kappa * epsilon ? ((L + 16) / 116) ** 3 : L / kappa;
+  const zr = fz3 > epsilon ? fz3 : (116 * fz - 16) / kappa;
+  const X = xr * Xn;
+  const Y = yr * Yn;
+  const Z = zr * Zn;
+  const rLin = 3.2404542 * X - 1.5371385 * Y - 0.4985314 * Z;
+  const gLin = -0.969266 * X + 1.8760108 * Y + 0.041556 * Z;
+  const bLin = 0.0556434 * X - 0.2040259 * Y + 1.0572252 * Z;
+  return [linearToSrgb(rLin), linearToSrgb(gLin), linearToSrgb(bLin)];
+}
+function hwbToSrgb(h, w, bk) {
+  if (w + bk >= 1) {
+    const gray = w / (w + bk);
+    return [gray, gray, gray];
+  }
+  const q = 1;
+  const p = 0;
+  const r = hue2rgb(p, q, h + 1 / 3);
+  const g = hue2rgb(p, q, h);
+  const bl = hue2rgb(p, q, h - 1 / 3);
+  const factor = 1 - w - bk;
+  return [r * factor + w, g * factor + w, bl * factor + w];
+}
 var colorNames = {
   transparent: 0,
   aliceblue: 4042850303,
@@ -487,6 +591,58 @@ function normalizeColor(color) {
       return (hslToRgb(parse360(match[1]), parsePercentage(match[2]), parsePercentage(match[3])) | parse1(match[4])) >>> 0;
     }
   }
+  if (matchers.oklch) {
+    if (match = matchers.oklch.exec(color)) {
+      const L = parseModernComponent(match[1], 1);
+      const C = parseModernComponent(match[2], 0.4);
+      const H = parseHueAngle(match[3]);
+      const alpha = parseModernAlpha(match[4]);
+      const hRad = H * Math.PI / 180;
+      const [r, g, b] = oklabToSrgb(L, C * Math.cos(hRad), C * Math.sin(hRad));
+      return rgbFloatToInt(r, g, b, alpha);
+    }
+  }
+  if (matchers.oklab) {
+    if (match = matchers.oklab.exec(color)) {
+      const L = parseModernComponent(match[1], 1);
+      const a = parseModernComponent(match[2], 0.4);
+      const b = parseModernComponent(match[3], 0.4);
+      const alpha = parseModernAlpha(match[4]);
+      const [r, g, bl] = oklabToSrgb(L, a, b);
+      return rgbFloatToInt(r, g, bl, alpha);
+    }
+  }
+  if (matchers.lab) {
+    if (match = matchers.lab.exec(color)) {
+      const L = parseModernComponent(match[1], 100);
+      const a = parseModernComponent(match[2], 125);
+      const b = parseModernComponent(match[3], 125);
+      const alpha = parseModernAlpha(match[4]);
+      const [r, g, bl] = labToSrgb(L, a, b);
+      return rgbFloatToInt(r, g, bl, alpha);
+    }
+  }
+  if (matchers.lch) {
+    if (match = matchers.lch.exec(color)) {
+      const L = parseModernComponent(match[1], 100);
+      const C = parseModernComponent(match[2], 150);
+      const H = parseHueAngle(match[3]);
+      const alpha = parseModernAlpha(match[4]);
+      const hRad = H * Math.PI / 180;
+      const [r, g, bl] = labToSrgb(L, C * Math.cos(hRad), C * Math.sin(hRad));
+      return rgbFloatToInt(r, g, bl, alpha);
+    }
+  }
+  if (matchers.hwb) {
+    if (match = matchers.hwb.exec(color)) {
+      const H = parseHueAngle(match[1]);
+      const W = parseModernComponent(match[2], 1);
+      const B = parseModernComponent(match[3], 1);
+      const alpha = parseModernAlpha(match[4]);
+      const [r, g, bl] = hwbToSrgb(H / 360, W, B);
+      return rgbFloatToInt(r, g, bl, alpha);
+    }
+  }
   throw new Error(`invalid color string ${color} provided`);
 }
 function processColor(color) {

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.438";
+var VERSION = "4.0.439";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
 	},
 	"name": "remotion",
-	"version": "4.0.438",
+	"version": "4.0.439",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -35,7 +35,7 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
 		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.438",
+		"@remotion/eslint-config-internal": "4.0.439",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},