Update css file name

docs/package.json

@@ -16,7 +16,7 @@
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "astro": "^2.7.0",
-    "driver.js": "1.1.3-next.0",
+    "driver.js": "1.1.4-next.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-fast-marquee": "^1.6.0",

docs/pnpm-lock.yaml

@@ -24,8 +24,8 @@ dependencies:
     specifier: ^2.7.0
     version: 2.7.0
   driver.js:
-    specifier: 1.1.3-next.0
-    version: 1.1.3-next.0
+    specifier: 1.1.4-next.0
+    version: 1.1.4-next.0
   react:
     specifier: ^18.0.0
     version: 18.2.0
@@ -1376,8 +1376,8 @@ packages:
   /[email protected]:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
-  /[email protected].3-next.0:
-    resolution: {integrity: sha512-O2Lsz+f2TZ6Twp349MkFXd+2JVH8b2dQhlNUDIxkagFsJ6oxgTOnWdAqtYmv8cjSEgmu+IzWHfgkJukp7GcPUQ==}
+  /[email protected].4-next.0:
+    resolution: {integrity: sha512-3pxb5HcBKbYKpJCsHxNU+dNwfds6iUTmI1H33l+r5EkMa/5Mb11B+jejvHL0gRvbzkwx/8d6VudCDIwyw4R9cg==}
     dev: false
 
   /[email protected]:

docs/src/components/examples/SimpleHighlight.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import { Config, driver } from "driver.js";
-import "driver.js/dist/driver.css";
+import "driver.js/dist/driver.js.css";
 
 import type { DriveStep } from "driver.js";
 

docs/src/content/guides/basic-usage.mdx

@@ -11,15 +11,15 @@ Once installed, you can import and start using the library. Given below is a sim
 <div id="simple-example">
   ```js
   import Driver from 'driver.js';
-  import 'driver.js/dist/driver.min.css';
+  import 'driver.js/dist/driver.js.css';
 
   const driver = new Driver();
   driver.highlight({
-  element: '#some-element',
-  popover: {
-  title: 'Title for the Popover',
-  description: 'Description for it',
-},
+    element: '#some-element',
+    popover: {
+      title: 'Title for the Popover',
+      description: 'Description for it',
+    },
 });
   ```
   <SimpleHighlight step={{

vite.config.ts

@@ -24,7 +24,7 @@ module.exports = defineConfig({
     rollupOptions: {
       output: {
         assetFileNames: assetInfo => {
-          return assetInfo.name === "style.css" ? `${packageName}.css` : assetInfo.name;
+          return assetInfo.name === "style.css" ? `driver.css` : assetInfo.name;
         },
       },
     },