@aumnidigital/bms 0.1.2 → 0.1.3

package/README.md

@@ -88,6 +88,23 @@ This is a paragraph with **bold** and *italic* text.
 
 ### 1. Tailwind CSS Configuration
 
+#### For Tailwind v4 (Recommended)
+
+Import the package's styles.css in your main CSS file. This enables Tailwind to scan the package's classes:
+
+```css
+@import "tailwindcss";
+@import "@aumnidigital/bms/styles.css";
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    /* ... rest of CSS variables ... */
+  }
+}
+```
+
 #### For Tailwind v3 (with tailwind.config.js)
 
 Add the package to your Tailwind `content` array:
@@ -106,27 +123,6 @@ module.exports = {
 };
 ```
 
-#### For Tailwind v4 (with CSS imports) - Vite
-
-In your main CSS file:
-
-```css
-@import "tailwindcss";
-
-/* Include the package components */
-@source "../node_modules/@aumnidigital/bms/dist/**/*.{js,cjs}";
-@source "./src/**/*.{js,ts,jsx,tsx}";
-
-/* CSS variables for shadcn */
-@layer base {
-  :root {
-    /* ... CSS variables here ... */
-  }
-}
-```
-
-**Note for Vite users**: If `@source` doesn't work, use a `tailwind.config.js` file instead with the content array shown above.
-
 ### 2. CSS Variables
 
 Add these CSS variables to your global stylesheet (required for shadcn components):

package/dist/styles.css

@@ -0,0 +1,5 @@
+/*
+ * @aumnidigital/bms styles
+ * Import this file in your main CSS to enable Tailwind scanning of this package
+ */
+@source "./";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aumnidigital/bms",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Runtime MDX renderer with shadcn/ui components for React applications",
   "type": "module",
   "sideEffects": false,
@@ -43,7 +43,8 @@
         "types": "./dist/components/index.d.cts",
         "default": "./dist/components/index.cjs"
       }
-    }
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "files": [
     "dist",