docs(changeset): Export styles as /dist for backward compatibility

Author: mayank1513

.changeset/rude-bananas-repeat.md

@@ -0,0 +1,5 @@
+---
+"react18-loaders": patch
+---
+
+Export styles as /dist for backward compatibility

examples/nextjs/src/app/styles.css

@@ -1,7 +1,7 @@
 @import "nextjs-darkmode-lite/css";
 @import "@repo/shared/dist/global.css";
 @import "@repo/shared/dist";
-@import "react18-loaders/dist";
+@import "react18-loaders/styles";
 
 html {
   -webkit-text-size-adjust: 100%;

examples/vite/src/app/styles.css

@@ -1,4 +1,4 @@
-@import "react18-loaders/dist";
+@import "react18-loaders/styles";
 @import "nextjs-darkmode/css";
 @import "@repo/shared/dist/global.css";
 @import "@repo/shared/dist";

lib/README.md

@@ -69,20 +69,20 @@ You can import styles globally or within specific components.
 
 ```css
 /* globals.css */
-@import "react18-loaders/dist";
+@import "react18-loaders/styles";
 ```
 
 ```tsx
 // layout.tsx
-import "react18-loaders/dist/index.css";
+import "react18-loaders/index.css";
 ```
 
 For selective imports:
 
 ```css
 /* globals.css */
-@import "react18-loaders/dist/client"; /** required if you are using LoaderContainer */
-@import "react18-loaders/dist/server/bars/bars1";
+@import "react18-loaders/dist/client/index.css"; /** required if you are using LoaderContainer */
+@import "react18-loaders/dist/server/bars/bars1/index.css";
 ```
 
 ### Usage

lib/package.json

@@ -34,7 +34,8 @@
     },
     "./dist/*/index.css": "./dist/*/index.css",
     "./index.css": "./dist/index.css",
-    "./styles": "./dist/index.css"
+    "./styles": "./dist/index.css",
+    "./dist": "./dist/index.css"
   },
   "scripts": {
     "build": "tsup && tsc -p tsconfig-build.json && gzip -c dist/index.js | wc -c",