angular-tailwind-components 1.0.7 → 1.0.11

package/README.md

@@ -21,13 +21,20 @@ npm install angular-tailwind-components
 
 ### Prerequisites
 
-Your consuming project must have **Tailwind CSS v4** configured. Add the library's theme tokens to your main stylesheet:
+Your consuming project must have **Tailwind CSS v4** configured. Add the library stylesheet (it includes `@import "tailwindcss"`, design tokens, and **`@source` paths** so utilities used inside library components are generated without extra setup):
 
 ```css
-@import 'tailwindcss';
 @import 'angular-tailwind-components/styles/tailwind.css';
 ```
 
+The published `styles/tailwind.css` scans the sibling `fesm2022` bundle plus library `.html` / `.ts` sources for development. You do **not** need a separate `@source` to `node_modules/.../fesm2022` in the consumer.
+
+The same import also pulls in:
+
+```css
+@import 'tailwindcss';
+```
+
 Or define your own theme tokens following the design system schema.
 
 ## Quick Start
@@ -119,8 +126,6 @@ The library uses a comprehensive design system defined via Tailwind CSS v4 `@the
 Override tokens in your main CSS:
 
 ```css
-@import 'tailwindcss';
-
 @theme {
   --color-primary-500: oklch(0.55 0.2 280); /* Change primary to purple */
   --color-primary-600: oklch(0.48 0.22 280);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-tailwind-components",
-  "version": "1.0.7",
+  "version": "1.0.11",
   "files": [
     "fesm2022",
     "types",

package/styles/tailwind.css

@@ -1,5 +1,14 @@
 @import "tailwindcss";
 
+/*
+ * Tailwind v4 @source:
+ * - ../fesm2022 — npm package layout (this file is styles/tailwind.css); templates are inlined in FESM bundles.
+ * - ../ glob for .html and .ts — Storybook and monorepo when this file lives under src/lib/styles.
+ */
+@source "../fesm2022";
+@source "../**/*.html";
+@source "../**/*.ts";
+
 /*
  * Angular Tailwind Components — Design System
  * Customizable theme tokens via Tailwind v4 @theme directive