From 904bef50d850a87fbeb7b969b39f47ae947bcf7d Mon Sep 17 00:00:00 2001
From: Thomas Camlong <thomas@ajnart.fr>
Date: Thu, 14 May 2026 17:00:26 +0200
Subject: [PATCH] fix(ui): use inline vars resolver instead of Modal.extend

Modal.extend() is not available at module evaluation time in the
Next.js/Turbopack ESM context, causing a runtime TypeError. Define
the vars resolver as a plain object in createTheme's components key.
---
 packages/ui/src/theme.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/theme.ts b/packages/ui/src/theme.ts
index 2d5db6f0d..090e0d43c 100644
--- a/packages/ui/src/theme.ts
+++ b/packages/ui/src/theme.ts
@@ -1,4 +1,4 @@
-import { createTheme, Modal } from "@mantine/core";
+import { createTheme } from "@mantine/core";
 
 import { primaryColor } from "./theme/colors/primary";
 import { secondaryColor } from "./theme/colors/secondary";
@@ -10,13 +10,13 @@ export const theme = createTheme({
   },
   primaryColor: "primaryColor",
   components: {
-    Modal: Modal.extend({
-      vars: (_theme, props) => {
+    Modal: {
+      vars: (_theme: unknown, props: { size?: string }) => {
         if (props.size === "xxl") {
           return { root: { "--modal-size": "75rem" } };
         }
         return { root: {} };
       },
-    }),
+    },
   },
 });