@useupup/preact 3.3.0

package/dist/ScreenCaptureUploader-WKDO4S75-3TT6GNEN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../react/src/components/ScreenCaptureUploader.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react'\r\nimport {\r\n    useUploaderFiles,\r\n    useUploaderSource,\r\n    useUploaderTheme,\r\n} from '../context/UploaderContext'\r\nimport { cn } from '@useupup/core/internal'\r\nimport SourceViewContainer from './shared/SourceViewContainer'\r\n\r\ntype RecordingState = 'idle' | 'recording' | 'recorded'\r\n\r\nexport default function ScreenCaptureUploader(): React.ReactElement | null {\r\n    const { setFiles } = useUploaderFiles()\r\n    const { setActiveSource } = useUploaderSource()\r\n    const { isDark: dark } = useUploaderTheme()\r\n\r\n    const [state, setState] = useState<RecordingState>('idle')\r\n    const [duration, setDuration] = useState(0)\r\n    const [videoUrl, setVideoUrl] = useState<string | null>(null)\r\n    const [error, setError] = useState<string | null>(null)\r\n\r\n    const mediaRecorder = useRef<MediaRecorder | null>(null)\r\n    const chunks = useRef<Blob[]>([])\r\n    const timerRef = useRef<ReturnType<typeof setInterval> | null>(null)\r\n    const streamRef = useRef<MediaStream | null>(null)\r\n    const videoRef = useRef<HTMLVideoElement>(null)\r\n    const previewRef = useRef<HTMLVideoElement>(null)\r\n\r\n    useEffect(() => {\r\n        return () => {\r\n            if (timerRef.current) clearInterval(timerRef.current)\r\n            if (videoUrl) URL.revokeObjectURL(videoUrl)\r\n            streamRef.current?.getTracks().forEach(t => {\r\n                t.stop()\r\n            })\r\n        }\r\n    }, [videoUrl])\r\n\r\n    const bindPreview = useCallback((el: HTMLVideoElement | null) => {\r\n        previewRef.current = el\r\n        if (el && streamRef.current) {\r\n            el.srcObject = streamRef.current\r\n            el.play()?.catch(() => {})\r\n        }\r\n    }, [])\r\n\r\n    const startRecording = useCallback(async () => {\r\n        try {\r\n            const stream = await navigator.mediaDevices.getDisplayMedia({\r\n                video: true,\r\n                audio: true,\r\n            })\r\n            streamRef.current = stream\r\n            chunks.current = []\r\n\r\n            const videoTrack = stream.getVideoTracks()[0]\r\n            if (videoTrack) {\r\n                videoTrack.onended = () => {\r\n                    if (\r\n                        mediaRecorder.current &&\r\n                        mediaRecorder.current.state !== 'inactive'\r\n                    ) {\r\n                        mediaRecorder.current.stop()\r\n                    }\r\n                    if (timerRef.current) clearInterval(timerRef.current)\r\n                    setState('recorded')\r\n                }\r\n            }\r\n\r\n            const recorder = new MediaRecorder(stream)\r\n            mediaRecorder.current = recorder\r\n\r\n            recorder.ondataavailable = e => {\r\n                if (e.data.size > 0) chunks.current.push(e.data)\r\n            }\r\n\r\n            recorder.onstop = () => {\r\n                const blob = new Blob(chunks.current, {\r\n                    type: recorder.mimeType || 'video/webm',\r\n                })\r\n                setVideoUrl(URL.createObjectURL(blob))\r\n                stream.getTracks().forEach(t => {\r\n                    t.stop()\r\n                })\r\n                if (previewRef.current) previewRef.current.srcObject = null\r\n            }\r\n\r\n            recorder.start()\r\n            setState('recording')\r\n            setDuration(0)\r\n            timerRef.current = setInterval(() => {\r\n                setDuration(d => d + 1)\r\n            }, 1000)\r\n        } catch {\r\n            // upup-catch: getDisplayMedia rejection (user cancelled / denied) is surfaced to the user via setError\r\n            setError(\r\n                'Screen sharing was cancelled or denied. Please try again.',\r\n            )\r\n        }\r\n    }, [])\r\n\r\n    const stopRecording = useCallback(() => {\r\n        mediaRecorder.current?.stop()\r\n        if (timerRef.current) clearInterval(timerRef.current)\r\n        setState('recorded')\r\n    }, [])\r\n\r\n    const discardRecording = useCallback(() => {\r\n        if (videoUrl) URL.revokeObjectURL(videoUrl)\r\n        setVideoUrl(null)\r\n        setDuration(0)\r\n        setState('idle')\r\n    }, [videoUrl])\r\n\r\n    const addRecording = useCallback(() => {\r\n        if (!videoUrl) return\r\n        void fetch(videoUrl)\r\n            .then(r => r.blob())\r\n            .then(blob => {\r\n                const file = new File(\r\n                    [blob],\r\n                    `screen-recording-${Date.now()}.webm`,\r\n                    { type: blob.type },\r\n                )\r\n                setFiles([file])\r\n                setActiveSource(undefined)\r\n            })\r\n            .catch(() => {\r\n                // upup-catch: replaying an in-memory object URL cannot fail in practice; ignore\r\n            })\r\n    }, [videoUrl, setFiles, setActiveSource])\r\n\r\n    const formatTime = (s: number) => {\r\n        const m = Math.floor(s / 60)\r\n        const sec = s % 60\r\n        return `${m}:${sec.toString().padStart(2, '0')}`\r\n    }\r\n\r\n    if (error) {\r\n        return (\r\n            <SourceViewContainer data-upup-slot=\"screen-capture-uploader\">\r\n                <div className=\"upup-flex upup-flex-col upup-items-center upup-gap-3 upup-p-6 upup-text-center\">\r\n                    <p\r\n                        className={cn('upup-text-sm upup-text-red-500', {\r\n                            'upup-text-red-400': dark,\r\n                        })}\r\n                    >\r\n                        {error}\r\n                    </p>\r\n                    <button\r\n                        type=\"button\"\r\n                        className={cn(\r\n                            'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white',\r\n                            {\r\n                                'upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]':\r\n                                    dark,\r\n                            },\r\n                        )}\r\n                        onClick={() => {\r\n                            setError(null)\r\n                            void startRecording()\r\n                        }}\r\n                    >\r\n                        Try Again\r\n                    </button>\r\n                </div>\r\n            </SourceViewContainer>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <SourceViewContainer data-upup-slot=\"screen-capture-uploader\">\r\n            <div className=\"upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-4\">\r\n                {state === 'idle' && (\r\n                    <div className=\"upup-flex upup-flex-col upup-items-center upup-gap-4\">\r\n                        <div\r\n                            className={cn(\r\n                                'upup-flex upup-h-20 upup-w-20 upup-items-center upup-justify-center upup-rounded-full upup-bg-[#0ea5e9]/20',\r\n                            )}\r\n                        >\r\n                            <svg\r\n                                xmlns=\"http://www.w3.org/2000/svg\"\r\n                                width=\"32\"\r\n                                height=\"32\"\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\"\r\n                                stroke={dark ? '#38bdf8' : '#0284c7'}\r\n                                strokeWidth=\"2\"\r\n                                strokeLinecap=\"round\"\r\n                                strokeLinejoin=\"round\"\r\n                            >\r\n                                <rect\r\n                                    width=\"20\"\r\n                                    height=\"15\"\r\n                                    x=\"2\"\r\n                                    y=\"3\"\r\n                                    rx=\"2\"\r\n                                />\r\n                                <polyline points=\"8 21 16 21\" />\r\n                                <line x1=\"12\" x2=\"12\" y1=\"18\" y2=\"21\" />\r\n                            </svg>\r\n                        </div>\r\n                        <button\r\n                            type=\"button\"\r\n                            className={cn(\r\n                                'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]',\r\n                                {\r\n                                    'upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]':\r\n                                        dark,\r\n                                },\r\n                            )}\r\n                            onClick={() => {\r\n                                void startRecording()\r\n                            }}\r\n                        >\r\n                            Share Screen\r\n                        </button>\r\n                    </div>\r\n                )}\r\n\r\n                {state === 'recording' && (\r\n                    <>\r\n                        <div className=\"upup-relative upup-flex upup-min-h-0 upup-w-full upup-max-w-md upup-flex-1\">\r\n                            <video\r\n                                ref={bindPreview}\r\n                                muted\r\n                                className=\"upup-min-h-0 upup-w-full upup-flex-1 upup-rounded-lg upup-object-contain\"\r\n                            />\r\n                            {/* REC chip (states-tour-3 state E): red dot + label +\r\n                                timer. The dot's pulse is fx-gated (upup-animate-fx-\r\n                                substring) — under motion-off the dot stays static so\r\n                                the recording status remains visible. */}\r\n                            <div\r\n                                data-upup-slot=\"screen-rec-chip\"\r\n                                className=\"upup-absolute upup-left-2.5 upup-top-2.5 upup-flex upup-items-center upup-gap-1.5 upup-rounded-md upup-bg-[#04080f]/60 upup-px-2 upup-py-1 upup-font-mono upup-text-[11px] upup-tabular-nums upup-text-[#fecdd3]\"\r\n                            >\r\n                                <span className=\"upup-animate-fx-rec-pulse upup-h-2 upup-w-2 upup-rounded-full upup-bg-red-500\" />\r\n                                REC {formatTime(duration)}\r\n                            </div>\r\n                        </div>\r\n                        <button\r\n                            type=\"button\"\r\n                            className=\"upup-fx-press upup-rounded-lg upup-bg-red-500 upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-red-600\"\r\n                            onClick={stopRecording}\r\n                        >\r\n                            Stop Recording\r\n                        </button>\r\n                    </>\r\n                )}\r\n\r\n                {state === 'recorded' && videoUrl && (\r\n                    <>\r\n                        <video\r\n                            ref={videoRef}\r\n                            controls\r\n                            src={videoUrl}\r\n                            className=\"upup-w-full upup-max-w-md upup-min-h-0 upup-flex-1 upup-rounded-lg upup-object-contain\"\r\n                        />\r\n                        <div className=\"upup-flex upup-gap-3\">\r\n                            <button\r\n                                type=\"button\"\r\n                                className=\"upup-rounded-lg upup-bg-gray-500 upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-gray-600\"\r\n                                onClick={discardRecording}\r\n                            >\r\n                                Discard\r\n                            </button>\r\n                            <button\r\n                                type=\"button\"\r\n                                className={cn(\r\n                                    'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]',\r\n                                    {\r\n                                        'upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]':\r\n                                            dark,\r\n                                    },\r\n                                )}\r\n                                onClick={addRecording}\r\n                            >\r\n                                Add Recording\r\n                            </button>\r\n                        </div>\r\n                    </>\r\n                )}\r\n            </div>\r\n        </SourceViewContainer>\r\n    )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/ScreenCaptureUploader-WKDO4S75-G7ADH264.cjs

@@ -0,0 +1,286 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkETIJATY7cjs = require('./chunk-ETIJATY7.cjs');
+
+
+
+
+
+
+var _chunk2XFVSPFNcjs = require('./chunk-2XFVSPFN.cjs');
+
+
+
+var _chunkGKMTOOTQcjs = require('./chunk-GKMTOOTQ.cjs');
+
+// ../react/dist/ScreenCaptureUploader-WKDO4S75.js
+_chunkGKMTOOTQcjs.init_compat_module.call(void 0, );
+var _internal = require('@useupup/core/internal');
+function ScreenCaptureUploader() {
+  const { setFiles } = _chunk2XFVSPFNcjs.useUploaderFiles.call(void 0, );
+  const { setActiveSource } = _chunk2XFVSPFNcjs.useUploaderSource.call(void 0, );
+  const { isDark: dark } = _chunk2XFVSPFNcjs.useUploaderTheme.call(void 0, );
+  const [state, setState] = (0, _chunkGKMTOOTQcjs.compat_module_exports.useState)("idle");
+  const [duration, setDuration] = (0, _chunkGKMTOOTQcjs.compat_module_exports.useState)(0);
+  const [videoUrl, setVideoUrl] = (0, _chunkGKMTOOTQcjs.compat_module_exports.useState)(null);
+  const [error, setError] = (0, _chunkGKMTOOTQcjs.compat_module_exports.useState)(null);
+  const mediaRecorder = (0, _chunkGKMTOOTQcjs.compat_module_exports.useRef)(null);
+  const chunks = (0, _chunkGKMTOOTQcjs.compat_module_exports.useRef)([]);
+  const timerRef = (0, _chunkGKMTOOTQcjs.compat_module_exports.useRef)(null);
+  const streamRef = (0, _chunkGKMTOOTQcjs.compat_module_exports.useRef)(null);
+  const videoRef = (0, _chunkGKMTOOTQcjs.compat_module_exports.useRef)(null);
+  const previewRef = (0, _chunkGKMTOOTQcjs.compat_module_exports.useRef)(null);
+  (0, _chunkGKMTOOTQcjs.compat_module_exports.useEffect)(() => {
+    return () => {
+      var _a;
+      if (timerRef.current) clearInterval(timerRef.current);
+      if (videoUrl) URL.revokeObjectURL(videoUrl);
+      (_a = streamRef.current) == null ? void 0 : _a.getTracks().forEach((t) => {
+        t.stop();
+      });
+    };
+  }, [videoUrl]);
+  const bindPreview = (0, _chunkGKMTOOTQcjs.compat_module_exports.useCallback)((el) => {
+    var _a;
+    previewRef.current = el;
+    if (el && streamRef.current) {
+      el.srcObject = streamRef.current;
+      (_a = el.play()) == null ? void 0 : _a.catch(() => {
+      });
+    }
+  }, []);
+  const startRecording = (0, _chunkGKMTOOTQcjs.compat_module_exports.useCallback)(async () => {
+    try {
+      const stream = await navigator.mediaDevices.getDisplayMedia({
+        video: true,
+        audio: true
+      });
+      streamRef.current = stream;
+      chunks.current = [];
+      const videoTrack = stream.getVideoTracks()[0];
+      if (videoTrack) {
+        videoTrack.onended = () => {
+          if (mediaRecorder.current && mediaRecorder.current.state !== "inactive") {
+            mediaRecorder.current.stop();
+          }
+          if (timerRef.current) clearInterval(timerRef.current);
+          setState("recorded");
+        };
+      }
+      const recorder = new MediaRecorder(stream);
+      mediaRecorder.current = recorder;
+      recorder.ondataavailable = (e) => {
+        if (e.data.size > 0) chunks.current.push(e.data);
+      };
+      recorder.onstop = () => {
+        const blob = new Blob(chunks.current, {
+          type: recorder.mimeType || "video/webm"
+        });
+        setVideoUrl(URL.createObjectURL(blob));
+        stream.getTracks().forEach((t) => {
+          t.stop();
+        });
+        if (previewRef.current) previewRef.current.srcObject = null;
+      };
+      recorder.start();
+      setState("recording");
+      setDuration(0);
+      timerRef.current = setInterval(() => {
+        setDuration((d) => d + 1);
+      }, 1e3);
+    } catch (e2) {
+      setError(
+        "Screen sharing was cancelled or denied. Please try again."
+      );
+    }
+  }, []);
+  const stopRecording = (0, _chunkGKMTOOTQcjs.compat_module_exports.useCallback)(() => {
+    var _a;
+    (_a = mediaRecorder.current) == null ? void 0 : _a.stop();
+    if (timerRef.current) clearInterval(timerRef.current);
+    setState("recorded");
+  }, []);
+  const discardRecording = (0, _chunkGKMTOOTQcjs.compat_module_exports.useCallback)(() => {
+    if (videoUrl) URL.revokeObjectURL(videoUrl);
+    setVideoUrl(null);
+    setDuration(0);
+    setState("idle");
+  }, [videoUrl]);
+  const addRecording = (0, _chunkGKMTOOTQcjs.compat_module_exports.useCallback)(() => {
+    if (!videoUrl) return;
+    void fetch(videoUrl).then((r) => r.blob()).then((blob) => {
+      const file = new File(
+        [blob],
+        `screen-recording-${Date.now()}.webm`,
+        { type: blob.type }
+      );
+      setFiles([file]);
+      setActiveSource(void 0);
+    }).catch(() => {
+    });
+  }, [videoUrl, setFiles, setActiveSource]);
+  const formatTime = (s) => {
+    const m = Math.floor(s / 60);
+    const sec = s % 60;
+    return `${m}:${sec.toString().padStart(2, "0")}`;
+  };
+  if (error) {
+    return /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, _chunkETIJATY7cjs.SourceViewContainer, { "data-upup-slot": "screen-capture-uploader", children: /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, "div", { className: "upup-flex upup-flex-col upup-items-center upup-gap-3 upup-p-6 upup-text-center", children: [
+      /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+        "p",
+        {
+          className: _internal.cn.call(void 0, "upup-text-sm upup-text-red-500", {
+            "upup-text-red-400": dark
+          }),
+          children: error
+        }
+      ),
+      /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _internal.cn.call(void 0, 
+            "upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white",
+            {
+              "upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": dark
+            }
+          ),
+          onClick: () => {
+            setError(null);
+            void startRecording();
+          },
+          children: "Try Again"
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, _chunkETIJATY7cjs.SourceViewContainer, { "data-upup-slot": "screen-capture-uploader", children: /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, "div", { className: "upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-4", children: [
+    state === "idle" && /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, "div", { className: "upup-flex upup-flex-col upup-items-center upup-gap-4", children: [
+      /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+        "div",
+        {
+          className: _internal.cn.call(void 0, 
+            "upup-flex upup-h-20 upup-w-20 upup-items-center upup-justify-center upup-rounded-full upup-bg-[#0ea5e9]/20"
+          ),
+          children: /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "32",
+              height: "32",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: dark ? "#38bdf8" : "#0284c7",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+                  "rect",
+                  {
+                    width: "20",
+                    height: "15",
+                    x: "2",
+                    y: "3",
+                    rx: "2"
+                  }
+                ),
+                /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, "polyline", { points: "8 21 16 21" }),
+                /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, "line", { x1: "12", x2: "12", y1: "18", y2: "21" })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _internal.cn.call(void 0, 
+            "upup-rounded-lg upup-bg-[#0ea5e9] upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]",
+            {
+              "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]": dark
+            }
+          ),
+          onClick: () => {
+            void startRecording();
+          },
+          children: "Share Screen"
+        }
+      )
+    ] }),
+    state === "recording" && /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, _chunk2XFVSPFNcjs.Fragment, { children: [
+      /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, "div", { className: "upup-relative upup-flex upup-min-h-0 upup-w-full upup-max-w-md upup-flex-1", children: [
+        /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+          "video",
+          {
+            ref: bindPreview,
+            muted: true,
+            className: "upup-min-h-0 upup-w-full upup-flex-1 upup-rounded-lg upup-object-contain"
+          }
+        ),
+        /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+          "div",
+          {
+            "data-upup-slot": "screen-rec-chip",
+            className: "upup-absolute upup-left-2.5 upup-top-2.5 upup-flex upup-items-center upup-gap-1.5 upup-rounded-md upup-bg-[#04080f]/60 upup-px-2 upup-py-1 upup-font-mono upup-text-[11px] upup-tabular-nums upup-text-[#fecdd3]",
+            children: [
+              /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, "span", { className: "upup-animate-fx-rec-pulse upup-h-2 upup-w-2 upup-rounded-full upup-bg-red-500" }),
+              "REC ",
+              formatTime(duration)
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "upup-fx-press upup-rounded-lg upup-bg-red-500 upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-red-600",
+          onClick: stopRecording,
+          children: "Stop Recording"
+        }
+      )
+    ] }),
+    state === "recorded" && videoUrl && /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, _chunk2XFVSPFNcjs.Fragment, { children: [
+      /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+        "video",
+        {
+          ref: videoRef,
+          controls: true,
+          src: videoUrl,
+          className: "upup-w-full upup-max-w-md upup-min-h-0 upup-flex-1 upup-rounded-lg upup-object-contain"
+        }
+      ),
+      /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, "div", { className: "upup-flex upup-gap-3", children: [
+        /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "upup-rounded-lg upup-bg-gray-500 upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-gray-600",
+            onClick: discardRecording,
+            children: "Discard"
+          }
+        ),
+        /* @__PURE__ */ _chunk2XFVSPFNcjs.u.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: _internal.cn.call(void 0, 
+              "upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]",
+              {
+                "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]": dark
+              }
+            ),
+            onClick: addRecording,
+            children: "Add Recording"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+
+exports.default = ScreenCaptureUploader;
+//# sourceMappingURL=ScreenCaptureUploader-WKDO4S75-G7ADH264.cjs.map

package/dist/ScreenCaptureUploader-WKDO4S75-G7ADH264.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["c:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\preact\\dist\\ScreenCaptureUploader-WKDO4S75-G7ADH264.cjs"],"names":[],"mappings":"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AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,sBAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,sBAAA;AACA,wBAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,wBAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,8BAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,sBAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,sBAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,sBAAA;AACA,wBAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,wBAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA","file":"C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\preact\\dist\\ScreenCaptureUploader-WKDO4S75-G7ADH264.cjs","sourcesContent":[null]}

package/dist/chunk-2XFVSPFN.cjs

@@ -0,0 +1,293 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunkGKMTOOTQcjs = require('./chunk-GKMTOOTQ.cjs');
+
+// ../react/dist/chunk-LCMDDPUD.js
+_chunkGKMTOOTQcjs.init_compat_module.call(void 0, );
+var _core = require('@useupup/core');
+var UploaderContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var RuntimeContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var SourceContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var I18nContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var FilesContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var UploadControlsContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var ViewContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var EditorContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var OptionsContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+var ThemeContext = _chunkGKMTOOTQcjs.createContext.call(void 0, null);
+function useContextOrThrow(context, name) {
+  const value = (0, _chunkGKMTOOTQcjs.compat_module_exports.useContext)(context);
+  if (!value) {
+    throw new Error(`${name} must be used inside <UpupUploader />`);
+  }
+  return value;
+}
+function UploaderContextProvider({
+  value,
+  children
+}) {
+  const runtime = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => ({
+      core: value.core,
+      orchestrator: value.orchestrator,
+      mode: value.mode,
+      serverUrl: value.serverUrl,
+      // eslint-disable-next-line @typescript-eslint/no-deprecated -- runtime context must still expose inputRef for back-compat consumers; v3 removal tracked
+      inputRef: value.inputRef,
+      openFilePicker: value.openFilePicker,
+      isOnline: value.isOnline,
+      motionMode: value.motionMode
+    }),
+    [
+      value.core,
+      value.orchestrator,
+      // eslint-disable-next-line @typescript-eslint/no-deprecated -- see above
+      value.inputRef,
+      value.isOnline,
+      value.motionMode,
+      value.mode,
+      value.openFilePicker,
+      value.serverUrl
+    ]
+  );
+  const source = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => ({
+      activeSource: value.activeSource,
+      setActiveSource: value.setActiveSource,
+      cloudDrives: value.cloudDrives
+    }),
+    [value.activeSource, value.cloudDrives, value.setActiveSource]
+  );
+  const i18n = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => ({
+      translations: value.translations,
+      translator: value.translator,
+      lang: value.lang,
+      dir: value.dir
+    }),
+    [value.dir, value.lang, value.translations, value.translator]
+  );
+  const files = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => ({
+      files: value.files,
+      leavingFileIds: value.leavingFileIds,
+      setFiles: value.setFiles,
+      replaceFiles: value.replaceFiles,
+      resetState: value.resetState,
+      uploadFiles: value.uploadFiles,
+      handleFileRemove: value.handleFileRemove
+    }),
+    [
+      value.uploadFiles,
+      value.replaceFiles,
+      value.files,
+      value.leavingFileIds,
+      value.handleFileRemove,
+      value.resetState,
+      value.setFiles
+    ]
+  );
+  const uploadControls = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => ({
+      upload: value.upload,
+      handleDone: value.handleDone,
+      handleCancel: value.handleCancel,
+      handlePause: value.handlePause,
+      handleResume: value.handleResume
+    }),
+    [
+      value.handleCancel,
+      value.handleDone,
+      value.handlePause,
+      value.handleResume,
+      value.upload
+    ]
+  );
+  const view = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => ({
+      sourceOverlayOpen: value.sourceOverlayOpen,
+      sourceOverlayClosing: value.sourceOverlayClosing,
+      openSourceOverlay: value.openSourceOverlay,
+      closeSourceOverlay: value.closeSourceOverlay,
+      dropRejected: value.dropRejected,
+      flagDriveDropRejected: value.flagDriveDropRejected,
+      viewMode: value.viewMode,
+      setViewMode: value.setViewMode
+    }),
+    [
+      value.sourceOverlayOpen,
+      value.sourceOverlayClosing,
+      value.openSourceOverlay,
+      value.closeSourceOverlay,
+      value.dropRejected,
+      value.flagDriveDropRejected,
+      value.setViewMode,
+      value.viewMode
+    ]
+  );
+  const editor = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => ({
+      editingFile: value.editingFile,
+      openImageEditor: value.openImageEditor,
+      closeImageEditor: value.closeImageEditor,
+      saveImageEdit: value.saveImageEdit,
+      replaceFile: value.replaceFile
+    }),
+    [
+      value.closeImageEditor,
+      value.editingFile,
+      value.openImageEditor,
+      value.replaceFile,
+      value.saveImageEdit
+    ]
+  );
+  const options = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => value.props,
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional: memoize on granular prop fields, not the parent object identity (which changes every render)
+    [
+      value.props.allowedFileTypes,
+      value.props.allowPreview,
+      value.props.className,
+      value.props.disableDragDrop,
+      value.props.enablePaste,
+      value.props.folderPickerButtonVisible,
+      value.props.folderUploadAllowDrop,
+      value.props.icons,
+      value.props.imageEditor,
+      value.props.isProcessing,
+      value.props.limit,
+      value.props.maxFileSize,
+      value.props.maxRetries,
+      value.props.mini,
+      value.props.multiple,
+      value.props.onError,
+      value.props.onFileClick,
+      value.props.onFilesDragLeave,
+      value.props.onFilesDragOver,
+      value.props.onFilesDrop,
+      value.props.onWarn,
+      value.props.onIntegrationClick,
+      value.props.resumable,
+      value.props.showBranding,
+      value.props.quietCompletion,
+      value.props.sources,
+      value.props.style
+    ]
+  );
+  const theme = (0, _chunkGKMTOOTQcjs.compat_module_exports.useMemo)(
+    () => value.theme,
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional: memoize on granular theme fields, not the parent object identity (which changes every render)
+    [
+      value.theme.isDark,
+      value.theme.resolved,
+      value.theme.slotOverrides,
+      value.theme.slots,
+      value.theme.themeMode,
+      value.theme.tokens
+    ]
+  );
+  return _chunkGKMTOOTQcjs.createElement.call(void 0, 
+    UploaderContext.Provider,
+    { value },
+    _chunkGKMTOOTQcjs.createElement.call(void 0, 
+      RuntimeContext.Provider,
+      { value: runtime },
+      _chunkGKMTOOTQcjs.createElement.call(void 0, 
+        SourceContext.Provider,
+        { value: source },
+        _chunkGKMTOOTQcjs.createElement.call(void 0, 
+          I18nContext.Provider,
+          { value: i18n },
+          _chunkGKMTOOTQcjs.createElement.call(void 0, 
+            FilesContext.Provider,
+            { value: files },
+            _chunkGKMTOOTQcjs.createElement.call(void 0, 
+              UploadControlsContext.Provider,
+              { value: uploadControls },
+              _chunkGKMTOOTQcjs.createElement.call(void 0, 
+                ViewContext.Provider,
+                { value: view },
+                _chunkGKMTOOTQcjs.createElement.call(void 0, 
+                  EditorContext.Provider,
+                  { value: editor },
+                  _chunkGKMTOOTQcjs.createElement.call(void 0, 
+                    OptionsContext.Provider,
+                    { value: options },
+                    _chunkGKMTOOTQcjs.createElement.call(void 0, 
+                      ThemeContext.Provider,
+                      { value: theme },
+                      children
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  );
+}
+function useUploaderContext() {
+  return useContextOrThrow(UploaderContext, "useUploaderContext");
+}
+function useUploaderRuntime() {
+  return useContextOrThrow(RuntimeContext, "useUploaderRuntime");
+}
+function useUploaderSource() {
+  return useContextOrThrow(SourceContext, "useUploaderSource");
+}
+function useUploaderI18n() {
+  return useContextOrThrow(I18nContext, "useUploaderI18n");
+}
+function useUploaderFiles() {
+  return useContextOrThrow(FilesContext, "useUploaderFiles");
+}
+function useUploaderUploadControls() {
+  return useContextOrThrow(UploadControlsContext, "useUploaderUploadControls");
+}
+function useUploaderView() {
+  return useContextOrThrow(ViewContext, "useUploaderView");
+}
+function useUploaderEditor() {
+  return useContextOrThrow(EditorContext, "useUploaderEditor");
+}
+function useUploaderOptions() {
+  return useContextOrThrow(OptionsContext, "useUploaderOptions");
+}
+function useUploaderTheme() {
+  return useContextOrThrow(ThemeContext, "useUploaderTheme");
+}
+
+// ../../node_modules/.pnpm/preact@10.29.8_preact-render-to-string@6.7.0/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
+var _preact = require('preact');
+
+var f = 0;
+function u(e2, t, n, o, i, u2) {
+  t || (t = {});
+  var a, c, p = t;
+  if ("ref" in p) for (c in p = {}, t) "ref" == c ? a = t[c] : p[c] = t[c];
+  var l = { type: e2, props: p, key: n, ref: a, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f, __i: -1, __u: 0, __source: i, __self: u2 };
+  if ("function" == typeof e2 && (a = e2.defaultProps)) for (c in a) void 0 === p[c] && (p[c] = a[c]);
+  return _preact.options.vnode && _preact.options.vnode(l), l;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.UploaderContextProvider = UploaderContextProvider; exports.useUploaderContext = useUploaderContext; exports.useUploaderRuntime = useUploaderRuntime; exports.useUploaderSource = useUploaderSource; exports.useUploaderI18n = useUploaderI18n; exports.useUploaderFiles = useUploaderFiles; exports.useUploaderUploadControls = useUploaderUploadControls; exports.useUploaderView = useUploaderView; exports.useUploaderEditor = useUploaderEditor; exports.useUploaderOptions = useUploaderOptions; exports.useUploaderTheme = useUploaderTheme; exports.u = u; exports.Fragment = _preact.Fragment;
+//# sourceMappingURL=chunk-2XFVSPFN.cjs.map

package/dist/chunk-2XFVSPFN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["c:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\preact\\dist\\chunk-2XFVSPFN.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;AACA,kDAAkB,CAAE;AACpB,qCAA4C;AAC5C,IAAI,gBAAgB,EAAE,6CAAa,IAAK,CAAC;AACzC,IAAI,eAAe,EAAE,6CAAa,IAAK,CAAC;AACxC,IAAI,cAAc,EAAE,6CAAa,IAAK,CAAC;AACvC,IAAI,YAAY,EAAE,6CAAa,IAAK,CAAC;AACrC,IAAI,aAAa,EAAE,6CAAa,IAAK,CAAC;AACtC,IAAI,sBAAsB,EAAE,6CAAa,IAAK,CAAC;AAC/C,IAAI,YAAY,EAAE,6CAAa,IAAK,CAAC;AACrC,IAAI,cAAc,EAAE,6CAAa,IAAK,CAAC;AACvC,IAAI,eAAe,EAAE,6CAAa,IAAK,CAAC;AACxC,IAAI,aAAa,EAAE,6CAAa,IAAK,CAAC;AACtC,SAAS,iBAAiB,CAAC,OAAO,EAAE,IAAI,EAAE;AAC1C,EAAE,MAAM,MAAM,EAAE,CAAC,CAAC,EAAE,uCAAqB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;AAC9D,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE;AACd,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,oBAAA;AACA,oBAAA;AACA,oBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,oBAAA;AACA,kBAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\preact\\dist\\chunk-2XFVSPFN.cjs","sourcesContent":[null]}