Fix ESM module format extension in squircle-js/react package (#31)

* Refactor build scripts and add tsup configuration for better module handling

* chore: add changeset for ESM module format fix

Author: valentin-marquez

.changeset/plenty-colts-take.md

@@ -0,0 +1,5 @@
+---
+"@squircle-js/react": patch
+---
+
+Fix ESM module format in build output to resolve Vite import errors. Ensures .mjs files are generated correctly by tsup for ESM modules.

packages/squircle-element-react/package.json

@@ -7,8 +7,8 @@
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsup src/index.tsx --format cjs,esm --dts --external react",
-    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
+    "build": "tsup",
+    "dev": "tsup --watch",
     "clean": "rm -rf .turbo dist node_modules",
     "format": "prettier --check . --ignore-path ../../.gitignore",
     "typecheck": "tsc --noEmit --emitDeclarationOnly false",
@@ -46,4 +46,4 @@
     "name": "Antoni Silvestrovic",
     "email": "[email protected]"
   }
-}
+}

packages/squircle-element-react/tsup.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+    entry: ["src/index.tsx"],
+    format: ["cjs", "esm"],
+    dts: true,
+    external: ["react"],
+    outExtension({ format }) {
+        return {
+            js: format === "esm" ? ".mjs" : ".js",
+        }
+    },
+})