@remotion/promo-pages 4.0.376 → 4.0.378

package/dist/Homepage.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12970,7 +12974,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13491,7 +13497,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18250,12 +18256,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })
@@ -28623,6 +28640,7 @@ var VideoAppsShowcase = () => {
       }),
       /* @__PURE__ */ jsx118("div", {
         className: "card flex p-0 overflow-hidden",
+        "data-nosnippet": true,
         children: /* @__PURE__ */ jsxs49("div", {
           className: "flex-1 flex flex-col lg:flex-row justify-center",
           children: [

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12970,7 +12974,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13491,7 +13497,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18250,12 +18256,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })
@@ -28623,6 +28640,7 @@ var VideoAppsShowcase = () => {
       }),
       /* @__PURE__ */ jsx118("div", {
         className: "card flex p-0 overflow-hidden",
+        "data-nosnippet": true,
         children: /* @__PURE__ */ jsxs49("div", {
           className: "flex-1 flex flex-col lg:flex-row justify-center",
           children: [

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/design.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12794,7 +12798,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13315,7 +13321,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18074,12 +18080,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })
@@ -18422,6 +18439,15 @@ var DesignPage = () => {
         }),
         /* @__PURE__ */ jsx40("br", {}),
         /* @__PURE__ */ jsx40("br", {}),
+        /* @__PURE__ */ jsx40("h2", {
+          className: "text-brand",
+          children: "<Textarea />"
+        }),
+        /* @__PURE__ */ jsx40(Textarea, {
+          placeholder: "Enter your message"
+        }),
+        /* @__PURE__ */ jsx40("br", {}),
+        /* @__PURE__ */ jsx40("br", {}),
         /* @__PURE__ */ jsx40("br", {}),
         /* @__PURE__ */ jsx40("h1", {
           children: "Example form set"

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/homepage/Pricing.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12794,7 +12798,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13315,7 +13321,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18074,12 +18080,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/template-modal-content.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12794,7 +12798,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13315,7 +13321,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18074,12 +18080,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/templates.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12794,7 +12798,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13315,7 +13321,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18074,12 +18080,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })

package/dist/design.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12794,7 +12798,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13315,7 +13321,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18074,12 +18080,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })
@@ -18422,6 +18439,15 @@ var DesignPage = () => {
         }),
         /* @__PURE__ */ jsx40("br", {}),
         /* @__PURE__ */ jsx40("br", {}),
+        /* @__PURE__ */ jsx40("h2", {
+          className: "text-brand",
+          children: "<Textarea />"
+        }),
+        /* @__PURE__ */ jsx40(Textarea, {
+          placeholder: "Enter your message"
+        }),
+        /* @__PURE__ */ jsx40("br", {}),
+        /* @__PURE__ */ jsx40("br", {}),
         /* @__PURE__ */ jsx40("br", {}),
         /* @__PURE__ */ jsx40("h1", {
           children: "Example form set"

package/dist/homepage/Pricing.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12794,7 +12798,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13315,7 +13321,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18074,12 +18080,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })

package/dist/tailwind.css

@@ -360,6 +360,9 @@
   .table {
     display: table;
   }
+  .field-sizing-content {
+    field-sizing: content;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -431,6 +434,9 @@
   .min-h-\[80px\] {
     min-height: 80px;
   }
+  .min-h-\[90px\] {
+    min-height: 90px;
+  }
   .min-h-\[500px\] {
     min-height: 500px;
   }

package/dist/template-modal-content.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12794,7 +12798,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13315,7 +13321,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18074,12 +18080,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })

package/dist/templates.js

@@ -756,7 +756,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.376", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.378", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -3024,7 +3024,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
     Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
+  const env = useRemotionEnvironment();
   const audioContext = useMemo14(() => {
+    if (env.isRendering) {
+      return null;
+    }
     if (typeof AudioContext === "undefined") {
       warnOnce(logLevel);
       return null;
@@ -3032,7 +3036,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return new AudioContext({
       latencyHint
     });
-  }, [logLevel, latencyHint]);
+  }, [logLevel, latencyHint, env.isRendering]);
   return audioContext;
 }, EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV", compareProps = (obj1, obj2) => {
   const keysA = Object.keys(obj1).sort();
@@ -12794,7 +12798,9 @@ import { forwardRef as forwardRef122, createElement as createElement6 } from "re
 import * as React35 from "react";
 import { jsx as jsx223, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx232 } from "react/jsx-runtime";
+import React362 from "react";
 import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "react/jsx-runtime";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13315,7 +13321,7 @@ var Counter = ({
 var Input = React52.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx83("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -18074,12 +18080,23 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
+var Textarea = React362.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx242("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx242("svg", {
+  return /* @__PURE__ */ jsx252("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx242("path", {
+    children: /* @__PURE__ */ jsx252("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/promo-pages",
-	"version": "4.0.376",
+	"version": "4.0.378",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -11,23 +11,23 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@remotion/animated-emoji": "4.0.376",
-		"@remotion/design": "4.0.376",
-		"@remotion/lambda": "4.0.376",
-		"@remotion/lottie": "4.0.376",
-		"@remotion/paths": "4.0.376",
-		"@remotion/player": "4.0.376",
-		"@remotion/shapes": "4.0.376",
-		"@remotion/svg-3d-engine": "4.0.376",
-		"create-video": "4.0.376",
+		"@remotion/animated-emoji": "4.0.378",
+		"@remotion/design": "4.0.378",
+		"@remotion/lambda": "4.0.378",
+		"@remotion/lottie": "4.0.378",
+		"@remotion/paths": "4.0.378",
+		"@remotion/player": "4.0.378",
+		"@remotion/shapes": "4.0.378",
+		"@remotion/svg-3d-engine": "4.0.378",
+		"create-video": "4.0.378",
 		"hls.js": "1.5.19",
 		"polished": "4.3.1",
-		"remotion": "4.0.376",
+		"remotion": "4.0.378",
 		"zod": "3.22.3",
 		"bun-plugin-tailwind": "0.1.2"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.376",
+		"@remotion/eslint-config-internal": "4.0.378",
 		"@eslint/eslintrc": "3.1.0",
 		"@types/react": "19.0.0",
 		"@types/react-dom": "19.0.0",