Fixed rollup config and errors

Author: melloware

rollup.config.js

@@ -7,32 +7,39 @@ import postcss from "rollup-plugin-postcss";
 const packageJson = require("./package.json");
 
 export default [
-  {
-    input: "src/index.ts",
-    output: [
-      {
-        file: packageJson.main,
-        format: "cjs",
-        sourcemap: true,
-      },
-      {
-        file: packageJson.module,
-        format: "esm",
-        sourcemap: true,
-      },
-    ],
-    plugins: [
-      resolve(),
-      commonjs(),
-      typescript({ tsconfig: "./tsconfig.json" }),
-      postcss(),
-    ],
-    external: ["react", "react-dom"],
-  },
-  {
-    input: "dist/esm/types/index.d.ts",
-    output: [{ file: "dist/index.d.ts", format: "esm" }],
-    plugins: [dts()],
-    external: [/\.(css|less|scss)$/],
-  },
-];
+    {
+        input: "src/index.ts",
+        output: [
+            {
+                file: packageJson.main,
+                format: "cjs",
+                sourcemap: true,
+                exports: "auto",
+            },
+            {
+                file: packageJson.module,
+                format: "esm",
+                sourcemap: true,
+            },
+        ],
+        plugins: [
+            resolve(),
+            commonjs(),
+            typescript({ tsconfig: "./tsconfig.json" }),
+            typescript({
+                tsconfig: "./tsconfig.json",
+                declaration: true,
+                declarationDir: "dist",
+                outputToFilesystem: true, // Required for proper type output in Rollup 4
+            }),
+            postcss(),
+        ],
+        external: ["react", "react-dom"],
+    },
+    {
+        input: "dist/esm/types/index.d.ts",
+        output: [{ file: "dist/index.d.ts", format: "esm" }],
+        plugins: [dts()],
+        external: [/\.(css|less|scss)$/],
+    },
+];

src/components/LinePart/index.tsx

@@ -10,7 +10,7 @@ export interface LinePartCss {
     underline?: boolean;
     email?: boolean;
     link?: boolean;
-    text: string;
+    text?: string;
     wrapLine?: boolean;
     [key: string]: any;
 }