@remotion/promo-pages 4.0.458 → 4.0.459

package/dist/prompts/PromptsShow.js

@@ -18712,7 +18712,7 @@ var getDefaultConfig = () => {
 var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 
 // ../design/dist/esm/index.mjs
-import React33, { useEffect as useEffect21, useMemo as useMemo38, useState as useState23 } from "react";
+import React33, { useEffect as useEffect20, useMemo as useMemo38, useState as useState23 } from "react";
 
 // ../paths/dist/esm/index.mjs
 var cutLInstruction = ({
@@ -23152,7 +23152,7 @@ import { jsx as jsx19 } from "react/jsx-runtime";
 import React23, {
   forwardRef as forwardRef6,
   useContext as useContext28,
-  useEffect as useEffect15,
+  useEffect as useEffect14,
   useImperativeHandle as useImperativeHandle4,
   useMemo as useMemo28,
   useRef as useRef18,
@@ -23168,15 +23168,15 @@ import React20, {
   useRef as useRef11,
   useState as useState12
 } from "react";
-import { useEffect as useEffect8, useMemo as useMemo21 } from "react";
+import { useMemo as useMemo21 } from "react";
 import { jsx as jsx20, jsxs as jsxs22 } from "react/jsx-runtime";
 import { useRef as useRef12 } from "react";
-import { useContext as useContext23, useEffect as useEffect9, useMemo as useMemo23, useState as useState13 } from "react";
+import { useContext as useContext23, useEffect as useEffect8, useMemo as useMemo23, useState as useState13 } from "react";
 import { useContext as useContext22 } from "react";
 import {
   useCallback as useCallback12,
   useContext as useContext26,
-  useEffect as useEffect13,
+  useEffect as useEffect12,
   useLayoutEffect as useLayoutEffect8,
   useRef as useRef17
 } from "react";
@@ -23185,7 +23185,7 @@ import { useContext as useContext25, useMemo as useMemo25 } from "react";
 import React21, {
   useCallback as useCallback10,
   useContext as useContext24,
-  useEffect as useEffect10,
+  useEffect as useEffect9,
   useLayoutEffect as useLayoutEffect7,
   useMemo as useMemo24,
   useRef as useRef14,
@@ -23193,15 +23193,15 @@ import React21, {
 } from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
 import React22 from "react";
-import { useEffect as useEffect11, useState as useState15 } from "react";
-import { useEffect as useEffect12, useRef as useRef16 } from "react";
-import { useEffect as useEffect14 } from "react";
+import { useEffect as useEffect10, useState as useState15 } from "react";
+import { useEffect as useEffect11, useRef as useRef16 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { createContext as createContext21, useContext as useContext27, useMemo as useMemo27 } from "react";
 import { jsx as jsx222 } from "react/jsx-runtime";
 import {
   forwardRef as forwardRef7,
   useContext as useContext29,
-  useEffect as useEffect16,
+  useEffect as useEffect15,
   useImperativeHandle as useImperativeHandle5,
   useLayoutEffect as useLayoutEffect9,
   useMemo as useMemo29,
@@ -23242,7 +23242,7 @@ import { useCallback as useCallback18 } from "react";
 import {
   useCallback as useCallback17,
   useContext as useContext34,
-  useEffect as useEffect17,
+  useEffect as useEffect16,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo33,
   useState as useState20
@@ -23251,13 +23251,13 @@ import { jsx as jsx30 } from "react/jsx-runtime";
 import React34, {
   forwardRef as forwardRef10,
   useContext as useContext35,
-  useEffect as useEffect19,
+  useEffect as useEffect18,
   useImperativeHandle as useImperativeHandle8,
   useMemo as useMemo34,
   useRef as useRef22,
   useState as useState21
 } from "react";
-import { useEffect as useEffect18 } from "react";
+import { useEffect as useEffect17 } from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
 import { jsx as jsx322 } from "react/jsx-runtime";
 import React36, { useMemo as useMemo35 } from "react";
@@ -23272,7 +23272,7 @@ import { forwardRef as forwardRef13, useCallback as useCallback19, useContext as
 import {
   forwardRef as forwardRef12,
   useContext as useContext36,
-  useEffect as useEffect20,
+  useEffect as useEffect19,
   useImperativeHandle as useImperativeHandle9,
   useLayoutEffect as useLayoutEffect12,
   useMemo as useMemo37,
@@ -24809,7 +24809,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.458";
+var VERSION = "4.0.459";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -26908,11 +26908,6 @@ var useSingletonAudioContext = ({
       gainNode
     };
   }, [logLevel, latencyHint, env.isRendering, audioEnabled]);
-  useEffect8(() => {
-    return () => {
-      context?.audioContext?.close();
-    };
-  }, [context]);
   return context;
 };
 var waitUntilActuallyResumed = (audioContext, logLevel) => {
@@ -27643,7 +27638,7 @@ var useBasicMediaInTimeline = ({
       });
     }).join(",");
   }, [duration, mediaStartsAt, volume, mediaVolume]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (typeof volume === "number" && volume !== initialVolume) {
       warnOnce2(`Remotion: The ${mediaType} with src ${src} has changed it's volume. Prefer the callback syntax for setting volume to get better timeline display: https://www.remotion.dev/docs/audio/volume`);
     }
@@ -27706,7 +27701,7 @@ var useImageInTimeline = ({
     loop: false
   });
   const { isStudio } = useRemotionEnvironment();
-  useEffect9(() => {
+  useEffect8(() => {
     if (!src) {
       throw new Error("No src passed");
     }
@@ -27789,7 +27784,7 @@ var useMediaInTimeline = ({
     loop: false
   });
   const { isStudio } = useRemotionEnvironment();
-  useEffect9(() => {
+  useEffect8(() => {
     if (!src) {
       throw new Error("No src passed");
     }
@@ -27891,7 +27886,7 @@ var useBufferManager = (logLevel, mountTime) => {
       }
     };
   }, []);
-  useEffect10(() => {
+  useEffect9(() => {
     if (rendering) {
       return;
     }
@@ -27936,7 +27931,7 @@ var BufferingProvider = ({ children }) => {
 };
 var useIsPlayerBuffering = (bufferManager) => {
   const [isBuffering, setIsBuffering] = useState14(bufferManager.buffering.current);
-  useEffect10(() => {
+  useEffect9(() => {
     const onBuffer = () => {
       setIsBuffering(true);
     };
@@ -28105,7 +28100,7 @@ var useMediaBuffering = ({
 }) => {
   const buffer = useBufferState();
   const [isBuffering, setIsBuffering] = useState15(false);
-  useEffect11(() => {
+  useEffect10(() => {
     let cleanupFns = [];
     const { current } = element;
     if (!current) {
@@ -28238,7 +28233,7 @@ var useRequestVideoCallbackTime = ({
   onVariableFpsVideoDetected
 }) => {
   const currentTime = useRef16(null);
-  useEffect12(() => {
+  useEffect11(() => {
     const { current } = mediaRef;
     if (current) {
       currentTime.current = {
@@ -28524,7 +28519,7 @@ var useMediaPlayback = ({
     return acceptableTimeshift ?? defaultAcceptableTimeshift;
   })();
   const isPlayerBuffering = useIsPlayerBuffering(buffering);
-  useEffect13(() => {
+  useEffect12(() => {
     if (mediaRef.current?.paused) {
       return;
     }
@@ -28569,7 +28564,7 @@ var useMediaPlayback = ({
       mediaRef.current.playbackRate = playbackRateToSet;
     }
   }, [mediaRef, playbackRate]);
-  useEffect13(() => {
+  useEffect12(() => {
     const tagName = mediaType === "audio" ? "<Html5Audio>" : "<Html5Video>";
     if (!mediaRef.current) {
       throw new Error(`No ${mediaType} ref found`);
@@ -28698,7 +28693,7 @@ var useMediaTag = ({
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   const env = useRemotionEnvironment();
-  useEffect14(() => {
+  useEffect13(() => {
     const tag = {
       id,
       play: (reason) => {
@@ -28917,7 +28912,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   }, [audioRef]);
   const currentOnDurationCallback = useRef18(onDuration);
   currentOnDurationCallback.current = onDuration;
-  useEffect15(() => {
+  useEffect14(() => {
     const { current } = audioRef;
     if (!current) {
       return;
@@ -28986,7 +28981,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
   useImperativeHandle5(ref, () => {
     return audioRef.current;
   }, []);
-  useEffect16(() => {
+  useEffect15(() => {
     if (!props.src) {
       throw new Error("No src passed");
     }
@@ -29940,7 +29935,7 @@ var OffthreadVideoForRendering = ({
     mediaVolume: 1
   });
   warnAboutTooHighVolume(volume);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!src) {
       throw new Error("No src passed");
     }
@@ -30101,7 +30096,7 @@ var useEmitVideoFrame = ({
   ref,
   onVideoFrame
 }) => {
-  useEffect18(() => {
+  useEffect17(() => {
     const { current } = ref;
     if (!current) {
       return;
@@ -30265,7 +30260,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     tag: "video",
     mountTime
   }));
-  useEffect19(() => {
+  useEffect18(() => {
     const { current } = videoRef;
     if (!current) {
       return;
@@ -30308,7 +30303,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   const currentOnDurationCallback = useRef22(onDuration);
   currentOnDurationCallback.current = onDuration;
   useEmitVideoFrame({ ref: videoRef, onVideoFrame });
-  useEffect19(() => {
+  useEffect18(() => {
     const { current } = videoRef;
     if (!current) {
       return;
@@ -30325,7 +30320,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
       current.removeEventListener("loadedmetadata", onLoadedMetadata);
     };
   }, [src]);
-  useEffect19(() => {
+  useEffect18(() => {
     const { current } = videoRef;
     if (!current) {
       return;
@@ -31336,7 +31331,7 @@ var VideoForRenderingForwardFunction = ({
     mediaVolume: 1
   });
   warnAboutTooHighVolume(volume);
-  useEffect20(() => {
+  useEffect19(() => {
     if (!props2.src) {
       throw new Error("No src passed");
     }
@@ -31379,7 +31374,7 @@ var VideoForRenderingForwardFunction = ({
   useImperativeHandle9(ref, () => {
     return videoRef.current;
   }, []);
-  useEffect20(() => {
+  useEffect19(() => {
     if (!window.remotion_videoEnabled) {
       return;
     }
@@ -31900,7 +31895,7 @@ var useHoverTransforms = (ref, disabled) => {
     isActive: false
   });
   const eventTarget = useMemo38(() => new EventTarget, []);
-  useEffect21(() => {
+  useEffect20(() => {
     if (disabled) {
       eventTarget.dispatchEvent(new Event("disabled"));
     } else {
@@ -32047,7 +32042,7 @@ var getAngle = (ref, coordinates) => {
 var lastCoordinates = null;
 var useMousePosition = (ref) => {
   const [angle, setAngle] = useState23(getAngle(ref.current, lastCoordinates));
-  useEffect21(() => {
+  useEffect20(() => {
     const element = ref.current;
     if (!element) {
       return;
@@ -38396,7 +38391,7 @@ var CopyPromptButton = ({ prompt }) => {
 };
 
 // src/components/prompts/LikeButton.tsx
-import { useCallback as useCallback35, useEffect as useEffect40, useState as useState42 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect41, useState as useState42 } from "react";
 
 // src/components/prompts/config.ts
 var REMOTION_PRO_ORIGIN = "https://www.remotion.pro";
@@ -38507,7 +38502,7 @@ var LikeButton = ({ submissionId, initialLikeCount }) => {
   const [liked, setLiked] = useState42(false);
   const [likeCount, setLikeCount] = useState42(initialLikeCount);
   const { scale, roundness, animate } = useHeartAnimation();
-  useEffect40(() => {
+  useEffect41(() => {
     setLiked(getLikedIds().has(submissionId));
   }, [submissionId]);
   const onClick = useCallback35(async () => {

package/dist/prompts/PromptsSubmit.js

@@ -18712,7 +18712,7 @@ var getDefaultConfig = () => {
 var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 
 // ../design/dist/esm/index.mjs
-import React33, { useEffect as useEffect21, useMemo as useMemo38, useState as useState23 } from "react";
+import React33, { useEffect as useEffect20, useMemo as useMemo38, useState as useState23 } from "react";
 
 // ../paths/dist/esm/index.mjs
 var cutLInstruction = ({
@@ -23152,7 +23152,7 @@ import { jsx as jsx19 } from "react/jsx-runtime";
 import React23, {
   forwardRef as forwardRef6,
   useContext as useContext28,
-  useEffect as useEffect15,
+  useEffect as useEffect14,
   useImperativeHandle as useImperativeHandle4,
   useMemo as useMemo28,
   useRef as useRef18,
@@ -23168,15 +23168,15 @@ import React20, {
   useRef as useRef11,
   useState as useState12
 } from "react";
-import { useEffect as useEffect8, useMemo as useMemo21 } from "react";
+import { useMemo as useMemo21 } from "react";
 import { jsx as jsx20, jsxs as jsxs22 } from "react/jsx-runtime";
 import { useRef as useRef12 } from "react";
-import { useContext as useContext23, useEffect as useEffect9, useMemo as useMemo23, useState as useState13 } from "react";
+import { useContext as useContext23, useEffect as useEffect8, useMemo as useMemo23, useState as useState13 } from "react";
 import { useContext as useContext22 } from "react";
 import {
   useCallback as useCallback12,
   useContext as useContext26,
-  useEffect as useEffect13,
+  useEffect as useEffect12,
   useLayoutEffect as useLayoutEffect8,
   useRef as useRef17
 } from "react";
@@ -23185,7 +23185,7 @@ import { useContext as useContext25, useMemo as useMemo25 } from "react";
 import React21, {
   useCallback as useCallback10,
   useContext as useContext24,
-  useEffect as useEffect10,
+  useEffect as useEffect9,
   useLayoutEffect as useLayoutEffect7,
   useMemo as useMemo24,
   useRef as useRef14,
@@ -23193,15 +23193,15 @@ import React21, {
 } from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
 import React22 from "react";
-import { useEffect as useEffect11, useState as useState15 } from "react";
-import { useEffect as useEffect12, useRef as useRef16 } from "react";
-import { useEffect as useEffect14 } from "react";
+import { useEffect as useEffect10, useState as useState15 } from "react";
+import { useEffect as useEffect11, useRef as useRef16 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { createContext as createContext21, useContext as useContext27, useMemo as useMemo27 } from "react";
 import { jsx as jsx222 } from "react/jsx-runtime";
 import {
   forwardRef as forwardRef7,
   useContext as useContext29,
-  useEffect as useEffect16,
+  useEffect as useEffect15,
   useImperativeHandle as useImperativeHandle5,
   useLayoutEffect as useLayoutEffect9,
   useMemo as useMemo29,
@@ -23242,7 +23242,7 @@ import { useCallback as useCallback18 } from "react";
 import {
   useCallback as useCallback17,
   useContext as useContext34,
-  useEffect as useEffect17,
+  useEffect as useEffect16,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo33,
   useState as useState20
@@ -23251,13 +23251,13 @@ import { jsx as jsx30 } from "react/jsx-runtime";
 import React34, {
   forwardRef as forwardRef10,
   useContext as useContext35,
-  useEffect as useEffect19,
+  useEffect as useEffect18,
   useImperativeHandle as useImperativeHandle8,
   useMemo as useMemo34,
   useRef as useRef22,
   useState as useState21
 } from "react";
-import { useEffect as useEffect18 } from "react";
+import { useEffect as useEffect17 } from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
 import { jsx as jsx322 } from "react/jsx-runtime";
 import React36, { useMemo as useMemo35 } from "react";
@@ -23272,7 +23272,7 @@ import { forwardRef as forwardRef13, useCallback as useCallback19, useContext as
 import {
   forwardRef as forwardRef12,
   useContext as useContext36,
-  useEffect as useEffect20,
+  useEffect as useEffect19,
   useImperativeHandle as useImperativeHandle9,
   useLayoutEffect as useLayoutEffect12,
   useMemo as useMemo37,
@@ -24809,7 +24809,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.458";
+var VERSION = "4.0.459";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -26908,11 +26908,6 @@ var useSingletonAudioContext = ({
       gainNode
     };
   }, [logLevel, latencyHint, env.isRendering, audioEnabled]);
-  useEffect8(() => {
-    return () => {
-      context?.audioContext?.close();
-    };
-  }, [context]);
   return context;
 };
 var waitUntilActuallyResumed = (audioContext, logLevel) => {
@@ -27643,7 +27638,7 @@ var useBasicMediaInTimeline = ({
       });
     }).join(",");
   }, [duration, mediaStartsAt, volume, mediaVolume]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (typeof volume === "number" && volume !== initialVolume) {
       warnOnce2(`Remotion: The ${mediaType} with src ${src} has changed it's volume. Prefer the callback syntax for setting volume to get better timeline display: https://www.remotion.dev/docs/audio/volume`);
     }
@@ -27706,7 +27701,7 @@ var useImageInTimeline = ({
     loop: false
   });
   const { isStudio } = useRemotionEnvironment();
-  useEffect9(() => {
+  useEffect8(() => {
     if (!src) {
       throw new Error("No src passed");
     }
@@ -27789,7 +27784,7 @@ var useMediaInTimeline = ({
     loop: false
   });
   const { isStudio } = useRemotionEnvironment();
-  useEffect9(() => {
+  useEffect8(() => {
     if (!src) {
       throw new Error("No src passed");
     }
@@ -27891,7 +27886,7 @@ var useBufferManager = (logLevel, mountTime) => {
       }
     };
   }, []);
-  useEffect10(() => {
+  useEffect9(() => {
     if (rendering) {
       return;
     }
@@ -27936,7 +27931,7 @@ var BufferingProvider = ({ children }) => {
 };
 var useIsPlayerBuffering = (bufferManager) => {
   const [isBuffering, setIsBuffering] = useState14(bufferManager.buffering.current);
-  useEffect10(() => {
+  useEffect9(() => {
     const onBuffer = () => {
       setIsBuffering(true);
     };
@@ -28105,7 +28100,7 @@ var useMediaBuffering = ({
 }) => {
   const buffer = useBufferState();
   const [isBuffering, setIsBuffering] = useState15(false);
-  useEffect11(() => {
+  useEffect10(() => {
     let cleanupFns = [];
     const { current } = element;
     if (!current) {
@@ -28238,7 +28233,7 @@ var useRequestVideoCallbackTime = ({
   onVariableFpsVideoDetected
 }) => {
   const currentTime = useRef16(null);
-  useEffect12(() => {
+  useEffect11(() => {
     const { current } = mediaRef;
     if (current) {
       currentTime.current = {
@@ -28524,7 +28519,7 @@ var useMediaPlayback = ({
     return acceptableTimeshift ?? defaultAcceptableTimeshift;
   })();
   const isPlayerBuffering = useIsPlayerBuffering(buffering);
-  useEffect13(() => {
+  useEffect12(() => {
     if (mediaRef.current?.paused) {
       return;
     }
@@ -28569,7 +28564,7 @@ var useMediaPlayback = ({
       mediaRef.current.playbackRate = playbackRateToSet;
     }
   }, [mediaRef, playbackRate]);
-  useEffect13(() => {
+  useEffect12(() => {
     const tagName = mediaType === "audio" ? "<Html5Audio>" : "<Html5Video>";
     if (!mediaRef.current) {
       throw new Error(`No ${mediaType} ref found`);
@@ -28698,7 +28693,7 @@ var useMediaTag = ({
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   const env = useRemotionEnvironment();
-  useEffect14(() => {
+  useEffect13(() => {
     const tag = {
       id,
       play: (reason) => {
@@ -28917,7 +28912,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   }, [audioRef]);
   const currentOnDurationCallback = useRef18(onDuration);
   currentOnDurationCallback.current = onDuration;
-  useEffect15(() => {
+  useEffect14(() => {
     const { current } = audioRef;
     if (!current) {
       return;
@@ -28986,7 +28981,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
   useImperativeHandle5(ref, () => {
     return audioRef.current;
   }, []);
-  useEffect16(() => {
+  useEffect15(() => {
     if (!props.src) {
       throw new Error("No src passed");
     }
@@ -29940,7 +29935,7 @@ var OffthreadVideoForRendering = ({
     mediaVolume: 1
   });
   warnAboutTooHighVolume(volume);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!src) {
       throw new Error("No src passed");
     }
@@ -30101,7 +30096,7 @@ var useEmitVideoFrame = ({
   ref,
   onVideoFrame
 }) => {
-  useEffect18(() => {
+  useEffect17(() => {
     const { current } = ref;
     if (!current) {
       return;
@@ -30265,7 +30260,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     tag: "video",
     mountTime
   }));
-  useEffect19(() => {
+  useEffect18(() => {
     const { current } = videoRef;
     if (!current) {
       return;
@@ -30308,7 +30303,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   const currentOnDurationCallback = useRef22(onDuration);
   currentOnDurationCallback.current = onDuration;
   useEmitVideoFrame({ ref: videoRef, onVideoFrame });
-  useEffect19(() => {
+  useEffect18(() => {
     const { current } = videoRef;
     if (!current) {
       return;
@@ -30325,7 +30320,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
       current.removeEventListener("loadedmetadata", onLoadedMetadata);
     };
   }, [src]);
-  useEffect19(() => {
+  useEffect18(() => {
     const { current } = videoRef;
     if (!current) {
       return;
@@ -31336,7 +31331,7 @@ var VideoForRenderingForwardFunction = ({
     mediaVolume: 1
   });
   warnAboutTooHighVolume(volume);
-  useEffect20(() => {
+  useEffect19(() => {
     if (!props2.src) {
       throw new Error("No src passed");
     }
@@ -31379,7 +31374,7 @@ var VideoForRenderingForwardFunction = ({
   useImperativeHandle9(ref, () => {
     return videoRef.current;
   }, []);
-  useEffect20(() => {
+  useEffect19(() => {
     if (!window.remotion_videoEnabled) {
       return;
     }
@@ -31900,7 +31895,7 @@ var useHoverTransforms = (ref, disabled) => {
     isActive: false
   });
   const eventTarget = useMemo38(() => new EventTarget, []);
-  useEffect21(() => {
+  useEffect20(() => {
     if (disabled) {
       eventTarget.dispatchEvent(new Event("disabled"));
     } else {
@@ -32047,7 +32042,7 @@ var getAngle = (ref, coordinates) => {
 var lastCoordinates = null;
 var useMousePosition = (ref) => {
   const [angle, setAngle] = useState23(getAngle(ref.current, lastCoordinates));
-  useEffect21(() => {
+  useEffect20(() => {
     const element = ref.current;
     if (!element) {
       return;
@@ -38346,7 +38341,7 @@ var Triangle2 = (props) => {
 };
 
 // src/components/prompts/PromptsSubmit.tsx
-import { useCallback as useCallback35, useEffect as useEffect46, useRef as useRef45, useState as useState47 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect47, useRef as useRef45, useState as useState47 } from "react";
 
 // src/components/prompts/config.ts
 var REMOTION_PRO_ORIGIN = "https://www.remotion.pro";
@@ -40915,7 +40910,7 @@ var PromptsSubmitPage = () => {
   });
   const [isDragging, setIsDragging] = useState47(false);
   const pollRef = useRef45(null);
-  useEffect46(() => {
+  useEffect47(() => {
     return () => {
       if (pollRef.current)
         clearInterval(pollRef.current);

package/dist/prompts-show.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/dist/prompts-show.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { PromptsShowPage } from './components/prompts/PromptsShow';
+import './index.css';
+const mockPromptSubmission = {
+    id: 'mock-id',
+    slug: 'mock-prompt',
+    title: 'Mock Prompt',
+    prompt: 'Create a video with a bouncing ball',
+    muxPlaybackId: 'mock-playback-id',
+    likeCount: 42,
+    createdAt: new Date().toISOString(),
+    githubUsername: 'remotion-dev',
+    xUsername: null,
+    customAvatarUrl: null,
+    toolUsed: 'Claude Code',
+    modelUsed: 'claude-sonnet-4-20250514',
+};
+createRoot(document.getElementById('root')).render(_jsx(StrictMode, { children: _jsx("div", { "data-theme": "light", children: _jsx(PromptsShowPage, { promptSubmission: mockPromptSubmission }) }) }));

package/dist/prompts-submit.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/dist/prompts-submit.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { PromptsSubmitPage } from './components/prompts/PromptsSubmit';
+import './index.css';
+createRoot(document.getElementById('root')).render(_jsx(StrictMode, { children: _jsx("div", { "data-theme": "light", children: _jsx(PromptsSubmitPage, {}) }) }));

package/dist/prompts.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/dist/prompts.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { PromptsGalleryPage } from './components/prompts/PromptsGallery';
+import './index.css';
+createRoot(document.getElementById('root')).render(_jsx(StrictMode, { children: _jsx("div", { "data-theme": "light", children: _jsx(PromptsGalleryPage, { promptSubmissions: [], currentPage: 1, totalPages: 1 }) }) }));

package/dist/team.d.ts

@@ -0,0 +1 @@
+import './index.css';