1 files changed, 72 insertions, 0 deletions
diff --git a/apps/web/src/masks/builtin/definitions/index.ts b/apps/web/src/masks/builtin/definitions/index.ts
new file mode 100644
index 00000000..9f722876
--- /dev/null
+++ b/apps/web/src/masks/builtin/definitions/index.ts
@@ -0,0 +1,72 @@
+import {
+	builtinMasksRegistry,
+	type BuiltinMaskDefinitionForRegistration,
+	type MaskIconProps,
+} from "../../registry";
+import { cinematicBarsMaskDefinition } from "./cinematic-bars";
+import { diamondMaskDefinition } from "./diamond";
+import { ellipseMaskDefinition } from "./ellipse";
+import { heartMaskDefinition } from "./heart";
+import { rectangleMaskDefinition } from "./rectangle";
+import { splitMaskDefinition } from "./split";
+import { starMaskDefinition } from "./star";
+import { textMaskDefinition } from "./text";
+import {
+	MinusSignIcon,
+	PanelRightDashedIcon,
+	SquareIcon,
+	CircleIcon,
+	FavouriteIcon,
+	DiamondIcon,
+	StarsIcon,
+	TextFontIcon,
+} from "@hugeicons/core-free-icons";
+
+function registerDefaultMask({
+	definition,
+	icon,
+}: {
+	definition: BuiltinMaskDefinitionForRegistration;
+	icon: MaskIconProps;
+}) {
+	if (builtinMasksRegistry.has(definition.type)) {
+		return;
+	}
+
+	builtinMasksRegistry.registerMask({ definition, icon });
+}
+
+export function registerBuiltinMasks(): void {
+	registerDefaultMask({
+		definition: splitMaskDefinition,
+		icon: { icon: PanelRightDashedIcon, strokeWidth: 1 },
+	});
+	registerDefaultMask({
+		definition: cinematicBarsMaskDefinition,
+		icon: { icon: MinusSignIcon },
+	});
+	registerDefaultMask({
+		definition: rectangleMaskDefinition,
+		icon: { icon: SquareIcon },
+	});
+	registerDefaultMask({
+		definition: ellipseMaskDefinition,
+		icon: { icon: CircleIcon },
+	});
+	registerDefaultMask({
+		definition: heartMaskDefinition,
+		icon: { icon: FavouriteIcon },
+	});
+	registerDefaultMask({
+		definition: diamondMaskDefinition,
+		icon: { icon: DiamondIcon },
+	});
+	registerDefaultMask({
+		definition: starMaskDefinition,
+		icon: { icon: StarsIcon },
+	});
+	registerDefaultMask({
+		definition: textMaskDefinition,
+		icon: { icon: TextFontIcon },
+	});
+}