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/guides/definitions/custom.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 apps/web/src/lib/guides/definitions/custom.tsx

(limited to 'apps/web/src/lib/guides/definitions/custom.tsx')

diff --git a/apps/web/src/lib/guides/definitions/custom.tsx b/apps/web/src/lib/guides/definitions/custom.tsx
new file mode 100644
index 00000000..bc92cb84
--- /dev/null
+++ b/apps/web/src/lib/guides/definitions/custom.tsx
@@ -0,0 +1,24 @@
+import { PlusSignIcon, RulerIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Button } from "@/components/ui/button";
+import type { GuideDefinition } from "@/lib/guides/types";
+
+function CustomGuideOptions() {
+	return (
+		<div className="flex gap-2">
+			<Button variant="outline" size="sm" className="flex-1">
+				<HugeiconsIcon icon={PlusSignIcon} />
+				Add guide line
+			</Button>
+		</div>
+	);
+}
+
+export const customGuide = {
+	id: "custom",
+	label: "Custom",
+	renderPreview: () => <HugeiconsIcon size={16} icon={RulerIcon} />,
+	renderTriggerIcon: () => <HugeiconsIcon icon={RulerIcon} />,
+	renderOverlay: () => null,
+	renderOptions: () => <CustomGuideOptions />,
+} as const satisfies GuideDefinition;
-- 
cgit v1.3.1