@7onic-ui/react 0.3.0 → 0.3.2

package/README.md

@@ -28,6 +28,7 @@
 | **🧩** | **shadcn freedom + MUI convenience** | shadcn's customization with none of its missing features. MUI's built-in power with none of its styling constraints. Both, by design. |
 | **⚡** | **npm or CLI — your choice** | `npm install` for packages, `npx 7onic add` for local copy. Same components, two workflows. |
 | **🔀** | **Only Tailwind v3+v4 dual support** | The ecosystem's only design system supporting both Tailwind versions. Same tokens, same DX. |
+| **🪄** | **Framework-aware setup** | Next.js 15 works out of the box. `npx 7onic init` auto-cleans Vite template boilerplate (or delete a few blocks manually). No Provider wrapper, no `globals.css` replacement, no body class setup. |
 | **🎮** | **Built-in playground** | Interactive props editor + live code generation in docs. No Storybook setup needed. |
 | **🌗** | **Dark mode, zero config** | Light/dark themes built into tokens. System preference detection out of the box. |
 | **🔓** | **Framework-agnostic tokens** | Tokens ship as pure CSS variables. Use with Vue, Angular, Svelte, or vanilla CSS — no React required. |
@@ -96,25 +97,19 @@ module.exports = {
 ```
 </details>
 
-Apply base theme colors to `<body>` — enables dark mode and consistent backgrounds:
-
-```html
-<body class="bg-background text-foreground">
-```
-
 Use components:
 
 ```tsx
-import { Button, Card } from '@7onic-ui/react'
+import { Button, Card, CardHeader, CardTitle, CardContent } from '@7onic-ui/react'
 import { Chart, type ChartConfig } from '@7onic-ui/react/chart'  // charts: separate entry
 
 <Button variant="solid" color="primary">Get Started</Button>
 
 <Card>
-  <Card.Header>
-    <Card.Title>Settings</Card.Title>
-  </Card.Header>
-  <Card.Content>...</Card.Content>
+  <CardHeader>
+    <CardTitle>Settings</CardTitle>
+  </CardHeader>
+  <CardContent>...</CardContent>
 </Card>
 ```
 
@@ -133,7 +128,7 @@ import { Chart, type ChartConfig } from '@7onic-ui/react/chart'  // charts: sepa
 | **Navigation** | Breadcrumb, NavigationMenu, Pagination | 3 |
 | **AI** | TypingIndicator, QuickReply, ChatInput, ChatMessage | 4 |
 
-**42 components** — all with CVA variants, controlled + uncontrolled modes, `forwardRef`, and **Named exports** (`CardHeader`, `ModalContent`, `TabsList`, ...). If you prefer dot-notation (`<Card.Header>`), drop in the 5-line [Compound Recipe wrapper](docs/decisions/NAMED-PRIMARY-MIGRATION.md) — opt-in, Client Components only.
+**42 components** — all with CVA variants, controlled + uncontrolled modes, `forwardRef`, and **Named exports** (`CardHeader`, `ModalContent`, `TabsList`, ...). If you prefer dot-notation (`<Card.Header>`), drop in a [Compound Recipe wrapper](docs/decisions/NAMED-PRIMARY-MIGRATION.md) — opt-in, Client Components only.
 
 ---
 
@@ -165,7 +160,7 @@ figma-tokens.json                    ← SSOT (the only file you edit)
     │
     │  npx sync-tokens
     │
-    ├── css/variables.css            ← CSS variables (all primitives)
+    ├── css/variables.css            ← CSS variables + framework baseline (html body reset)
     ├── css/themes/light.css         ← Light theme semantics
     ├── css/themes/dark.css          ← Dark theme semantics
     ├── css/all.css                  ← All-in-one bundle
@@ -199,7 +194,7 @@ Breaking changes are auto-detected with diff visualization. Backward-compatible
 | File | Description |
 |------|-------------|
 | `css/all.css` | All-in-one bundle (variables + light + dark) |
-| `css/variables.css` | Primitive tokens only |
+| `css/variables.css` | Primitive tokens + framework baseline (`html body` reset) |
 | `css/themes/light.css` | Light theme semantics |
 | `css/themes/dark.css` | Dark theme semantics |
 | `tailwind/v4.css` | All-in-one Tailwind v4 |
@@ -264,7 +259,7 @@ Works with Claude Code, Cursor, GitHub Copilot, ChatGPT, and any AI tool that re
 - [x] Automated doc verification (8 checks, AST-powered, blocks publish on error)
 - [x] Automated component verification (7 checks — hardcoded colors, tokens, dark mode, dead code)
 - [x] Multilingual documentation — English, Japanese, Korean (powered by next-intl)
-- [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.2.7
+- [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.3.2
 - [x] AI integration — `llms.txt` standard, setup guides for Claude Code / Cursor / Copilot / ChatGPT
 - [x] `npx 7onic add` CLI (shadcn-style) — source copy with dependency resolution
 - [x] `npx 7onic init` Vite support — `tsconfig.app.json` detection, `@import "tailwindcss"` + `@source` auto-inject, `@/` path alias auto-configure
@@ -293,5 +288,5 @@ MIT
 <p align="center">
   <strong>One JSON, every format — from Figma to production.</strong><br>
   Independently built.<br>
-  <sub>Last updated: 2026-04-16 (v0.2.7)</sub>
+  <sub>Last updated: 2026-04-23 (v0.3.2)</sub>
 </p>