src/index.ts

@@ -1,3 +1,3 @@
 import './style.scss'
 
-export {default as SingleDatePicker} from './components/SingleDatePicker.tsx'
+export {default as SingleDatePicker} from './components/SingleDatePicker'

vite.config.ts

@@ -8,20 +8,30 @@ export default defineConfig(({mode}) => ({
     lib: {
       entry: "src/index.ts",
       name: "datenel-react",
-      fileName: format => `datenel.${format}.js`,
+      fileName: format => `index.${format}.js`,
     },
     rollupOptions: {
       external: ["react"],
       output: {
         globals: {
           react: "React",
+          "react-dom": "ReactDOM",
         },
+        assetFileNames: assetInfo => {
+          if (assetInfo.names[0].endsWith(".css")) {
+            return "index.css";
+          }
+          return `assets/${assetInfo.names[0]}`;
+        }
       },
     },
   },
-  plugins: [react(), dts({
-    tsconfigPath: "./tsconfig.app.json"
-  })],
+  plugins: [
+    react(),
+    dts({
+      tsconfigPath: "./tsconfig.app.json"
+    }),
+  ],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),