feat(styles): Update styles css exports

README.md

@@ -131,13 +131,13 @@ If you are using [TailwindCSS](https://tailwindcss.com/), import the base CSS fr
 
 ```css
 @import "tailwindcss";
-@import "@firebase-ui/styles/src/base.css";
+@import "@firebase-ui/styles/tailwind";
 ```
 
 If you are not using Tailwind, import the distributable CSS in your project:
 
 ```css
-@import "@firebase-ui/styles/dist.css";
+@import "@firebase-ui/styles";
 ```
 
 To learn more about theming, view the [theming](#theming) section.

packages/styles/README.md

@@ -10,15 +10,25 @@ If you are using Tailwind CSS in your project, you can import the source files d
 
 ```css
 @import "tailwindcss";
-@import "@firebase-ui/styles/src/base.css";
+@import "@firebase-ui/styles/tailwind";
 ```
 
 ### With CSS
 
 Alternatively, you can import fully compiled CSS files into your project. This output contains both the tailwind styles and the FirebaseUI styles.
 
 ```jsx
-import "@firebase-ui/styles/dist.css";
+import "@firebase-ui/styles";
+```
+
+## Themes
+
+The packages also exports themes which overrides the CSS variables with preset colors. These can be imported from your CSS:
+
+```css
+@import "tailwindcss";
+@import "@firebase-ui/styles/tailwind";
+@import "@firebase-ui/styles/themes/brualist"
 ```
 
 ## Building

packages/styles/package.json

@@ -7,9 +7,16 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "style": "./dist.css",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./tailwind": {
+      "style": "./src/base.css"
+    },
+    "./themes/*": {
+      "style": "./src/themes/*.css"
     }
   },
   "files": [