@7onic-ui/react 0.3.1 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/README.md +7 -9
  2. package/llms.txt +338 -409
  3. package/package.json +4 -2
package/README.md CHANGED
@@ -28,7 +28,7 @@
28
28
  | **🧩** | **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. |
29
29
  | **⚡** | **npm or CLI — your choice** | `npm install` for packages, `npx 7onic add` for local copy. Same components, two workflows. |
30
30
  | **🔀** | **Only Tailwind v3+v4 dual support** | The ecosystem's only design system supporting both Tailwind versions. Same tokens, same DX. |
31
- | **🪄** | **Zero-config framework compat** | Works with Next.js 15 + Vite defaults out of the box. No Provider wrapper, no `globals.css` replacement, no body class setup. Install → import → done. |
31
+ | **🪄** | **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. |
32
32
  | **🎮** | **Built-in playground** | Interactive props editor + live code generation in docs. No Storybook setup needed. |
33
33
  | **🌗** | **Dark mode, zero config** | Light/dark themes built into tokens. System preference detection out of the box. |
34
34
  | **🔓** | **Framework-agnostic tokens** | Tokens ship as pure CSS variables. Use with Vue, Angular, Svelte, or vanilla CSS — no React required. |
@@ -128,7 +128,7 @@ import { Chart, type ChartConfig } from '@7onic-ui/react/chart' // charts: sepa
128
128
  | **Navigation** | Breadcrumb, NavigationMenu, Pagination | 3 |
129
129
  | **AI** | TypingIndicator, QuickReply, ChatInput, ChatMessage | 4 |
130
130
 
131
- **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.
131
+ **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.
132
132
 
133
133
  ---
134
134
 
@@ -160,10 +160,9 @@ figma-tokens.json ← SSOT (the only file you edit)
160
160
  │
161
161
  │ npx sync-tokens
162
162
  │
163
- ├── css/variables.css ← CSS variables (all primitives)
163
+ ├── css/variables.css ← CSS variables + framework baseline (html body reset)
164
164
  ├── css/themes/light.css ← Light theme semantics
165
165
  ├── css/themes/dark.css ← Dark theme semantics
166
- ├── css/reset.css ← Framework template baseline
167
166
  ├── css/all.css ← All-in-one bundle
168
167
  ├── tailwind/v3-preset.js ← Tailwind v3 preset
169
168
  ├── tailwind/v4-theme.css ← Tailwind v4 theme
@@ -194,11 +193,10 @@ Breaking changes are auto-detected with diff visualization. Backward-compatible
194
193
 
195
194
  | File | Description |
196
195
  |------|-------------|
197
- | `css/all.css` | All-in-one bundle (variables + light + dark + reset) |
198
- | `css/variables.css` | Primitive tokens only |
196
+ | `css/all.css` | All-in-one bundle (variables + light + dark) |
197
+ | `css/variables.css` | Primitive tokens + framework baseline (`html body` reset) |
199
198
  | `css/themes/light.css` | Light theme semantics |
200
199
  | `css/themes/dark.css` | Dark theme semantics |
201
- | `css/reset.css` | Framework template baseline (bundled into `all.css` + `v4.css`) |
202
200
  | `tailwind/v4.css` | All-in-one Tailwind v4 |
203
201
  | `tailwind/v3-preset.js` | Tailwind v3 preset |
204
202
  | `tailwind/v4-theme.css` | Tailwind v4 theme definitions |
@@ -261,7 +259,7 @@ Works with Claude Code, Cursor, GitHub Copilot, ChatGPT, and any AI tool that re
261
259
  - [x] Automated doc verification (8 checks, AST-powered, blocks publish on error)
262
260
  - [x] Automated component verification (7 checks — hardcoded colors, tokens, dark mode, dead code)
263
261
  - [x] Multilingual documentation — English, Japanese, Korean (powered by next-intl)
264
- - [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.2.7
262
+ - [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.3.2
265
263
  - [x] AI integration — `llms.txt` standard, setup guides for Claude Code / Cursor / Copilot / ChatGPT
266
264
  - [x] `npx 7onic add` CLI (shadcn-style) — source copy with dependency resolution
267
265
  - [x] `npx 7onic init` Vite support — `tsconfig.app.json` detection, `@import "tailwindcss"` + `@source` auto-inject, `@/` path alias auto-configure
@@ -290,5 +288,5 @@ MIT
290
288
  <p align="center">
291
289
  <strong>One JSON, every format — from Figma to production.</strong><br>
292
290
  Independently built.<br>
293
- <sub>Last updated: 2026-04-16 (v0.2.7)</sub>
291
+ <sub>Last updated: 2026-04-23 (v0.3.2)</sub>
294
292
  </p>