fix: bundle

Signed-off-by: Innei <[email protected]>

package.json

@@ -8,7 +8,6 @@
     "type": "git",
     "url": "https://github.com/Innei/rc-modal"
   },
-  "type": "module",
   "main": "./src/index.ts",
   "exports": {
     ".": {
@@ -25,33 +24,33 @@
     "src"
   ],
   "publishConfig": {
-    "main": "dist/index.cjs",
-    "module": "dist/index.js",
+    "main": "dist/index.js",
+    "module": "dist/index.mjs",
     "types": "dist/index.d.ts",
     "exports": {
       ".": {
-        "import": "./dist/index.js",
-        "require": "./dist/index.cjs"
+        "require": "./dist/index.mjs",
+        "import": "./dist/index.js"
       },
       "./index.css": {
-        "import": "./dist/index.css",
-        "require": "./dist/index.css"
+        "require": "./dist/index.css",
+        "import": "./dist/index.css"
       },
       "./motion": {
-        "import": "./dist/helpers/motion.js",
-        "require": "./dist/helpers/motion.cjs"
+        "require": "./dist/helpers/motion.js",
+        "import": "./dist/helpers/motion.mjs"
       },
       "./m": {
-        "import": "./dist/helpers/m.js",
-        "require": "./dist/helpers/m.cjs"
+        "require": "./dist/helpers/m.js",
+        "import": "./dist/helpers/m.mjs"
       },
       "./mobile-detector": {
-        "import": "./dist/helpers/mobile-detector.js",
-        "require": "./dist/helpers/mobile-detector.cjs"
+        "require": "./dist/helpers/mobile-detector.js",
+        "import": "./dist/helpers/mobile-detector.mjs"
       },
       "./dist/*": {
-        "import": "./dist/*",
-        "require": "./dist/*"
+        "require": "./dist/*",
+        "import": "./dist/*"
       },
       "./*": [
         "./*",
@@ -63,6 +62,7 @@
     "*": {
       "*": [
         "./dist/*",
+        "./dist/helpers/*",
         "./*"
       ]
     }

src/dialog/DialogOverlay.tsx

@@ -1,5 +1,5 @@
 import * as Dialog from '@radix-ui/react-dialog'
-import { forwardRef } from 'react'
+import React, { forwardRef } from 'react'
 import type { LegacyRef } from 'react'
 
 import { useMotionComponent } from '~/providers'

src/helpers/m.tsx

@@ -1,11 +1,12 @@
 'use client'
 
+import React from 'react'
 import { m } from 'framer-motion'
 import type { ModalStackContainerProps } from '~/modal'
-import type { PropsWithChildren } from 'react'
+import type { FC, PropsWithChildren } from 'react'
 
 import { ModalStackContainer as MSC } from '~/modal'
 
-export const ModalStackContainer = (
-  props: PropsWithChildren & Omit<ModalStackContainerProps, 'm'>,
-) => <MSC m={m}>{props.children}</MSC>
+export const ModalStackContainer: FC<
+  PropsWithChildren & Omit<ModalStackContainerProps, 'm'>
+> = (props) => <MSC m={m}>{props.children}</MSC>

src/helpers/motion.tsx

@@ -1,11 +1,12 @@
 'use client'
 
+import React from 'react'
 import { motion } from 'framer-motion'
 import type { ModalStackContainerProps } from '~/modal'
-import type { PropsWithChildren } from 'react'
+import type { FC, PropsWithChildren } from 'react'
 
 import { ModalStackContainer as MSC } from '~/modal'
 
-export const ModalStackContainer = (
-  props: PropsWithChildren & Omit<ModalStackContainerProps, 'm'>,
-) => <MSC m={motion}>{props.children}</MSC>
+export const ModalStackContainer: FC<
+  PropsWithChildren & Omit<ModalStackContainerProps, 'm'>
+> = (props) => <MSC m={motion}>{props.children}</MSC>

src/lib/craete-context-state.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useState } from 'react'
+import React, { createContext, useContext, useState } from 'react'
 
 const throwError = () => {
   throw 'setState must be used within a Provider with a value'

src/modal/container.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { memo, useMemo } from 'react'
+import React, { memo, useMemo } from 'react'
 import { AnimatePresence } from 'framer-motion'
 import type { FC, PropsWithChildren } from 'react'
 import type { ModalStackContainerProps } from './types'

src/modal/helper.tsx

@@ -1,4 +1,4 @@
-import { memo, useContext } from 'react'
+import React, { memo, useContext } from 'react'
 import type { Context, PropsWithChildren } from 'react'
 
 export const InjectContext = (context: Context<any>) => {

src/modal/modal.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import * as Dialog from '@radix-ui/react-dialog'
-import {
+import React, {
   createContext,
   createElement,
   Fragment,

tsconfig.json

@@ -4,7 +4,7 @@
     "baseUrl": "./src",
     "rootDir": "./src",
     "outDir": "/tmp",
-    "jsx": "preserve",
+    "jsx": "react",
     "target": "ES2020",
     "lib": [
       "ESNext",

vite.config.ts

@@ -20,7 +20,7 @@ export default defineConfig({
       // rollupTypes: true
 
       beforeWriteFile: (filePath, content) => {
-        writeFileSync(filePath.replace('.d.ts', '.d.cts'), content)
+        writeFileSync(filePath.replace('.d.ts', '.d.mts'), content)
         return { filePath, content }
       },
     }),