@chesapeake/stack 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -6,6 +6,15 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.1.3] - 2026-03-09
+
+### Changed
+
+- `styles/index.css` now declares `@source "../components"` so Tailwind v4
+  detects the package's utility classes automatically. Consuming apps no longer
+  need to add a separate `@source` or `content` path for `@chesapeake/stack`;
+  `@import "@chesapeake/stack/styles"` is sufficient.
+
 ## [0.1.2] - 2026-03-05
 
 - `examples/` folder with copy-pasteable React examples: basic-form,
@@ -56,5 +65,7 @@ and this project adheres to
 - Full dark mode support via CSS custom properties
 - Apache 2.0 license
 
+[0.1.3]: https://github.com/chesapeakedev/stack/releases/tag/v0.1.3
+[0.1.2]: https://github.com/chesapeakedev/stack/releases/tag/v0.1.2
 [0.1.1]: https://github.com/chesapeakedev/stack/releases/tag/v0.1.1
 [0.1.0]: https://github.com/chesapeakedev/stack/releases/tag/v0.1.0

package/README.md

@@ -33,7 +33,10 @@ npm install react-day-picker vaul  # if using calendar or drawer components
 
 ### 2. Import Styles
 
-Import the shared styles in your app's main CSS file (e.g., `src/index.css`):
+Import the shared styles in your app's main CSS file (e.g., `src/index.css`).
+The package stylesheet declares its own `@source` directives for Tailwind v4
+class detection, so you do **not** need to add a separate `@source` or `content`
+path pointing at `node_modules/@chesapeake/stack`.
 
 ```css
 /* Import Tailwind, third-party CSS, and shared styles */
@@ -44,48 +47,7 @@ Import the shared styles in your app's main CSS file (e.g., `src/index.css`):
 @import "@chesapeake/stack/styles/index.css";
 ```
 
-### 3. Configure Tailwind
-
-Extend your `tailwind.config.ts` with the shared preset:
-
-```typescript
-import type { Config } from "tailwindcss";
-import sharedPreset from "@chesapeake/stack/tailwind.preset";
-
-const config: Config = {
-  content: [
-    // your app's content paths
-  ],
-  presets: [sharedPreset],
-  // your app's additional configuration
-};
-
-export default config;
-```
-
-### 4. Configure Tailwind Content
-
-Add the package to your Tailwind content configuration so classes are processed:
-
-**`tailwind.config.ts`**:
-
-```typescript
-import type { Config } from "tailwindcss";
-import sharedPreset from "@chesapeake/stack/tailwind.preset";
-
-const config: Config = {
-  content: [
-    "./src/**/*.{js,ts,jsx,tsx}",
-    "./node_modules/@chesapeake/stack/**/*.{js,ts,jsx,tsx}",
-  ],
-  presets: [sharedPreset],
-  // your app's additional configuration
-};
-
-export default config;
-```
-
-### 5. Import and Use Components
+### 3. Import and Use Components
 
 Import and use components in your React components:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chesapeake/stack",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A simple, reusable React component library and design system built on shadcn/ui with Tailwind CSS",
   "type": "module",
   "packageManager": "npm@10.2.0",

package/styles/index.css

@@ -1,5 +1,6 @@
 /* Chesapeake Shared Styles */
 @import "tailwindcss";
+@source "../components";
 
 /* Design tokens and base styles */
 @import "./tokens.css";