use named export + attach pointermove to window instead of container

Author: Brendonovich

apps/desktop/src/components/Cropper.tsx

@@ -230,7 +230,7 @@ export type CropperRef = {
 	animateTo: (real: CropBounds, durationMs?: number) => void;
 };
 
-export default function Cropper(
+export function Cropper(
 	props: ParentProps<{
 		onCropChange?: (bounds: CropBounds) => void;
 		onInteraction?: (interacting: boolean) => void;
@@ -782,7 +782,7 @@ export default function Cropper(
 		};
 
 		createRoot((dispose) =>
-			createEventListenerMap(containerRef, {
+			createEventListenerMap(window, {
 				pointerup: () => {
 					setState({ cursorStyle: null, resizing: false });
 					// Note: may need to be added back

apps/desktop/src/routes/capture-area.tsx

@@ -11,7 +11,8 @@ import { type as ostype } from "@tauri-apps/plugin-os";
 import { createMemo, createSignal, onCleanup, onMount, Show } from "solid-js";
 import { createStore, reconcile } from "solid-js/store";
 import { Transition } from "solid-transition-group";
-import Cropper, {
+import {
+	Cropper,
 	CROP_ZERO,
 	type CropBounds,
 	type CropperRef,

apps/desktop/src/routes/editor/Editor.tsx

@@ -18,7 +18,8 @@ import {
 } from "solid-js";
 import { createStore } from "solid-js/store";
 import { Transition } from "solid-transition-group";
-import Cropper, {
+import {
+	Cropper,
 	CROP_ZERO,
 	type CropBounds,
 	type CropperRef,

apps/desktop/src/routes/target-select-overlay.tsx

@@ -24,7 +24,8 @@ import {
 	Switch,
 } from "solid-js";
 import { createStore, reconcile } from "solid-js/store";
-import Cropper, {
+import {
+	Cropper,
 	CROP_ZERO,
 	type CropBounds,
 	type CropperRef,