@nr1e/qwik-ui 0.0.7 → 0.0.8

package/README.md

@@ -2,12 +2,39 @@
     <img width="200" src="https://nr1e.com/images/logo-tagline.svg" />
 </div>
 
-# Qwik Icons Library ⚡️
+# Qwik UI Library ⚡️
 
-This library contains approved icons for use in NR1E projects.
+This library contains approved UI components for use in NR1E projects.
 
-## Prefixes
+## Installation
 
-Each icon has a prefix identifying where it came from.
+```bash
+pnpm i @nr1e/qwik-ui
+```
 
-- **Mdi** = [Material Design Icons](https://icon-sets.iconify.design/mdi/)
+## Usage with Tailwind CSS 4.x
+
+This library uses Tailwind CSS classes (with DaisyUI components). To ensure the classes are properly scanned and generated in your project, you need to import the library's styles configuration.
+
+In your main CSS file (e.g., `src/global.css`):
+
+```css
+@import 'tailwindcss';
+@import '@nr1e/qwik-ui/styles.css' source;
+
+/* Your other styles */
+```
+
+This tells Tailwind v4 to scan the `@nr1e/qwik-ui` library files for class names and include DaisyUI plugin.
+
+### Alternative: Manual Configuration
+
+If you prefer more control, you can manually add the source path in your CSS:
+
+```css
+@import 'tailwindcss';
+
+@source '../src';
+@source '../../node_modules/@nr1e/qwik-ui/lib';
+@plugin 'daisyui';
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {
@@ -19,11 +19,13 @@
       "import": "./lib/index.qwik.mjs",
       "require": "./lib/index.qwik.cjs",
       "types": "./lib-types/index.d.ts"
-    }
+    },
+    "./styles.css": "./styles.css"
   },
   "files": [
     "lib",
-    "lib-types"
+    "lib-types",
+    "styles.css"
   ],
   "engines": {
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"

package/styles.css

@@ -0,0 +1 @@
+@source './lib';