chore: Add types definition to the package

package.json

@@ -1,10 +1,11 @@
 {
     "name": "@doist/react-interpolate",
-    "version": "2.0.0",
+    "version": "2.1.0",
     "license": "MIT",
     "description": "A string interpolation component that formats and interpolates a template string in a safe way",
     "main": "dist/react-interpolate.cjs",
     "module": "dist/react-interpolate.mjs",
+    "types": "dist/react-interpolate.d.ts",
     "engines": {
         "node": "^20.0.0 || ^21.0.0",
         "npm": "^10.0.0"
@@ -68,6 +69,7 @@
         "react-dom": "18.2.0",
         "rollup": "2.75.7",
         "rollup-plugin-babel": "4.4.0",
+        "rollup-plugin-copy": "3.5.0",
         "uglify-es": "3.3.9"
     }
 }

rollup.config.js

@@ -1,5 +1,6 @@
 import babel from 'rollup-plugin-babel'
 import pkg from './package.json'
+import copy from 'rollup-plugin-copy'
 
 export default {
     input: 'src/index.js',
@@ -13,5 +14,10 @@ export default {
             format: 'es',
         },
     ],
-    plugins: [babel({ runtimeHelpers: true })],
+    plugins: [
+        babel({ runtimeHelpers: true }),
+        copy({
+            targets: [{ src: 'src/react-interpolate.d.ts', dest: 'dist' }],
+        }),
+    ],
 }

src/react-interpolate.d.ts

@@ -0,0 +1,18 @@
+export const TOKEN_PLACEHOLDER: 'TOKEN_PLACEHOLDER'
+
+type Syntax = {
+    type: typeof TOKEN_PLACEHOLDER
+    regex: RegExp
+}
+
+type InterpolateProps = {
+    string: string
+    mapping: {
+        [key: string]: ((children: React.ReactNode) => React.ReactNode) | React.ReactNode
+    }
+    syntax?: Syntax[]
+}
+
+declare function Interpolate(props: InterpolateProps): JSX.Element
+
+export = Interpolate