From 8db3bead13441a5882d8689dfc6a9f09c82375d9 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Wed, 25 Mar 2026 16:47:22 +0100
Subject: feat: masks, properties refactor, shaders, storage migrations, and
 more

---
 apps/web/src/lib/selection/context.tsx | 52 ++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 apps/web/src/lib/selection/context.tsx

(limited to 'apps/web/src/lib/selection/context.tsx')

diff --git a/apps/web/src/lib/selection/context.tsx b/apps/web/src/lib/selection/context.tsx
new file mode 100644
index 00000000..ced49c88
--- /dev/null
+++ b/apps/web/src/lib/selection/context.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { createContext, useContext } from "react";
+
+interface SelectionContextValue {
+	selectedIds: string[];
+	anchorId: string | null;
+	highlightedId: string | null;
+	isBoxSelecting: boolean;
+	isSelected: (id: string) => boolean;
+	clearSelection: () => void;
+	handleItemClick: ({
+		event,
+		id,
+	}: {
+		event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
+		id: string;
+	}) => void;
+	handleItemMouseDown: ({
+		event,
+		id,
+	}: {
+		event: React.MouseEvent<HTMLDivElement>;
+		id: string;
+	}) => void;
+	registerItem: (id: string, element: HTMLElement | null) => void;
+}
+
+export const SelectionContext = createContext<SelectionContextValue | null>(null);
+
+export function useSelectionContext() {
+	const context = useContext(SelectionContext);
+
+	if (!context) {
+		throw new Error("useSelectionContext must be used within SelectableSurface");
+	}
+
+	return context;
+}
+
+export function useSelection() {
+	const { selectedIds, anchorId, highlightedId, isSelected, clearSelection } =
+		useSelectionContext();
+
+	return {
+		selectedIds,
+		anchorId,
+		highlightedId,
+		isSelected,
+		clearSelection,
+	};
+}
-- 
cgit v1.3.1