chore: normalize line endings

1 files changed, 140 insertions, 140 deletions

diff --git a/apps/web/src/components/editor/panels/preview/transform-handles.tsx b/apps/web/src/components/editor/panels/preview/transform-handles.tsx
index 88332625..141359c8 100644
--- a/apps/web/src/components/editor/panels/preview/transform-handles.tsx
+++ b/apps/web/src/components/editor/panels/preview/transform-handles.tsx
@@ -1,140 +1,140 @@
-"use client";
-
-import { usePreviewViewport } from "@/components/editor/panels/preview/preview-viewport";
-import { useTransformHandles } from "@/hooks/use-transform-handles";
-import { isVisualElement } from "@/lib/timeline/element-utils";
-import {
-	getCornerPosition,
-	getEdgeHandlePosition,
-	getRotationHandlePosition,
-	type Corner,
-	type Edge,
-} from "@/lib/preview/element-bounds";
-import type { OnSnapLinesChange } from "@/hooks/use-preview-interaction";
-import {
-	BoundingBoxOutline,
-	CornerHandle,
-	EdgeHandle,
-	IconHandle,
-	getResizeCursor,
-} from "./handle-primitives";
-import { Rotate01Icon } from "@hugeicons/core-free-icons";
-
-const CORNERS: Corner[] = [
-	"top-left",
-	"top-right",
-	"bottom-left",
-	"bottom-right",
-];
-const EDGES: Edge[] = ["right", "left", "bottom"];
-
-export function TransformHandles({
-	onSnapLinesChange,
-}: {
-	onSnapLinesChange?: OnSnapLinesChange;
-}) {
-	const viewport = usePreviewViewport();
-	const {
-		selectedWithBounds,
-		hasVisualSelection,
-		handleCornerPointerDown,
-		handleEdgePointerDown,
-		handleRotationPointerDown,
-		handlePointerMove,
-		handlePointerUp,
-	} = useTransformHandles({ onSnapLinesChange });
-
-	if (!hasVisualSelection || !selectedWithBounds) return null;
-
-	const { bounds, element } = selectedWithBounds;
-	if (!isVisualElement(element)) return null;
-
-	const displayScale = viewport.getDisplayScale();
-
-	const toOverlay = ({
-		canvasX,
-		canvasY,
-	}: {
-		canvasX: number;
-		canvasY: number;
-	}) =>
-		viewport.canvasToOverlay({
-			canvasX,
-			canvasY,
-		});
-
-	const center = toOverlay({ canvasX: bounds.cx, canvasY: bounds.cy });
-	const outlineWidth = Math.abs(bounds.width) * displayScale.x;
-	const outlineHeight = Math.abs(bounds.height) * displayScale.y;
-
-	const rotationHandleCanvas = getRotationHandlePosition({ bounds });
-	const rotationHandleScreen = toOverlay({
-		canvasX: rotationHandleCanvas.x,
-		canvasY: rotationHandleCanvas.y,
-	});
-
-	const onPointerMove = (event: React.PointerEvent) =>
-		handlePointerMove({ event });
-	const onPointerUp = () => handlePointerUp();
-
-	return (
-		<div
-			className="pointer-events-none absolute inset-0 overflow-hidden"
-			aria-hidden
-		>
-			<BoundingBoxOutline
-				center={center}
-				outlineWidth={outlineWidth}
-				outlineHeight={outlineHeight}
-				rotation={bounds.rotation}
-			/>
-			{CORNERS.map((corner) => {
-				const cornerPosition = getCornerPosition({ bounds, corner });
-				const screen = toOverlay({
-					canvasX: cornerPosition.x,
-					canvasY: cornerPosition.y,
-				});
-				const angleDeg =
-					Math.atan2(screen.y - center.y, screen.x - center.x) *
-					(180 / Math.PI);
-				return (
-					<CornerHandle
-						key={corner}
-						cursor={getResizeCursor({ angleDeg })}
-						screen={screen}
-						onPointerDown={(event) =>
-							handleCornerPointerDown({ event, corner })
-						}
-						onPointerMove={onPointerMove}
-						onPointerUp={onPointerUp}
-					/>
-				);
-			})}
-			{EDGES.map((edge) => {
-				const edgePosition = getEdgeHandlePosition({ bounds, edge });
-				const screen = toOverlay({
-					canvasX: edgePosition.x,
-					canvasY: edgePosition.y,
-				});
-				return (
-					<EdgeHandle
-						key={edge}
-						edge={edge}
-						screen={screen}
-						rotation={bounds.rotation}
-						onPointerDown={(event) => handleEdgePointerDown({ event, edge })}
-						onPointerMove={onPointerMove}
-						onPointerUp={onPointerUp}
-					/>
-				);
-			})}
-			<IconHandle
-				icon={Rotate01Icon}
-				screen={rotationHandleScreen}
-				onPointerDown={(event) => handleRotationPointerDown({ event })}
-				onPointerMove={onPointerMove}
-				onPointerUp={onPointerUp}
-			/>
-		</div>
-	);
-}
+"use client";

+

+import { usePreviewViewport } from "@/components/editor/panels/preview/preview-viewport";

+import { useTransformHandles } from "@/hooks/use-transform-handles";

+import { isVisualElement } from "@/lib/timeline/element-utils";

+import {

+	getCornerPosition,

+	getEdgeHandlePosition,

+	getRotationHandlePosition,

+	type Corner,

+	type Edge,

+} from "@/lib/preview/element-bounds";

+import type { OnSnapLinesChange } from "@/hooks/use-preview-interaction";

+import {

+	BoundingBoxOutline,

+	CornerHandle,

+	EdgeHandle,

+	IconHandle,

+	getResizeCursor,

+} from "./handle-primitives";

+import { Rotate01Icon } from "@hugeicons/core-free-icons";

+

+const CORNERS: Corner[] = [

+	"top-left",

+	"top-right",

+	"bottom-left",

+	"bottom-right",

+];

+const EDGES: Edge[] = ["right", "left", "bottom"];

+

+export function TransformHandles({

+	onSnapLinesChange,

+}: {

+	onSnapLinesChange?: OnSnapLinesChange;

+}) {

+	const viewport = usePreviewViewport();

+	const {

+		selectedWithBounds,

+		hasVisualSelection,

+		handleCornerPointerDown,

+		handleEdgePointerDown,

+		handleRotationPointerDown,

+		handlePointerMove,

+		handlePointerUp,

+	} = useTransformHandles({ onSnapLinesChange });

+

+	if (!hasVisualSelection || !selectedWithBounds) return null;

+

+	const { bounds, element } = selectedWithBounds;

+	if (!isVisualElement(element)) return null;

+

+	const displayScale = viewport.getDisplayScale();

+

+	const toOverlay = ({

+		canvasX,

+		canvasY,

+	}: {

+		canvasX: number;

+		canvasY: number;

+	}) =>

+		viewport.canvasToOverlay({

+			canvasX,

+			canvasY,

+		});

+

+	const center = toOverlay({ canvasX: bounds.cx, canvasY: bounds.cy });

+	const outlineWidth = Math.abs(bounds.width) * displayScale.x;

+	const outlineHeight = Math.abs(bounds.height) * displayScale.y;

+

+	const rotationHandleCanvas = getRotationHandlePosition({ bounds });

+	const rotationHandleScreen = toOverlay({

+		canvasX: rotationHandleCanvas.x,

+		canvasY: rotationHandleCanvas.y,

+	});

+

+	const onPointerMove = (event: React.PointerEvent) =>

+		handlePointerMove({ event });

+	const onPointerUp = () => handlePointerUp();

+

+	return (

+		<div

+			className="pointer-events-none absolute inset-0 overflow-hidden"

+			aria-hidden

+		>

+			<BoundingBoxOutline

+				center={center}

+				outlineWidth={outlineWidth}

+				outlineHeight={outlineHeight}

+				rotation={bounds.rotation}

+			/>

+			{CORNERS.map((corner) => {

+				const cornerPosition = getCornerPosition({ bounds, corner });

+				const screen = toOverlay({

+					canvasX: cornerPosition.x,

+					canvasY: cornerPosition.y,

+				});

+				const angleDeg =

+					Math.atan2(screen.y - center.y, screen.x - center.x) *

+					(180 / Math.PI);

+				return (

+					<CornerHandle

+						key={corner}

+						cursor={getResizeCursor({ angleDeg })}

+						screen={screen}

+						onPointerDown={(event) =>

+							handleCornerPointerDown({ event, corner })

+						}

+						onPointerMove={onPointerMove}

+						onPointerUp={onPointerUp}

+					/>

+				);

+			})}

+			{EDGES.map((edge) => {

+				const edgePosition = getEdgeHandlePosition({ bounds, edge });

+				const screen = toOverlay({

+					canvasX: edgePosition.x,

+					canvasY: edgePosition.y,

+				});

+				return (

+					<EdgeHandle

+						key={edge}

+						edge={edge}

+						screen={screen}

+						rotation={bounds.rotation}

+						onPointerDown={(event) => handleEdgePointerDown({ event, edge })}

+						onPointerMove={onPointerMove}

+						onPointerUp={onPointerUp}

+					/>

+				);

+			})}

+			<IconHandle

+				icon={Rotate01Icon}

+				screen={rotationHandleScreen}

+				onPointerDown={(event) => handleRotationPointerDown({ event })}

+				onPointerMove={onPointerMove}

+				onPointerUp={onPointerUp}

+			/>

+		</div>

+	);

+}