@7onic-ui/react 0.2.3 → 0.2.4

package/README.md

@@ -7,6 +7,7 @@
 <p align="center">
   <a href="https://www.npmjs.com/package/@7onic-ui/react"><img src="https://img.shields.io/npm/v/@7onic-ui/react?color=37D8E6&label=react" alt="npm react" /></a>
   <a href="https://www.npmjs.com/package/@7onic-ui/tokens"><img src="https://img.shields.io/npm/v/@7onic-ui/tokens?color=37D8E6&label=tokens" alt="npm tokens" /></a>
+  <a href="https://www.npmjs.com/package/7onic"><img src="https://img.shields.io/npm/v/7onic?color=37D8E6&label=cli" alt="npm cli" /></a>
   <a href="https://github.com/itonys/7onic/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue" alt="MIT License" /></a>
   <a href="https://7onic.design"><img src="https://img.shields.io/badge/docs-7onic.design-black" alt="Documentation" /></a>
 </p>
@@ -262,15 +263,24 @@ 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.3
+- [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.2.4
 - [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
-- [ ] Theme Customizer (live color preview)
+- [x] `npx 7onic init` Vite support — `tsconfig.app.json` detection, `@import "tailwindcss"` + `@source` auto-inject
+- [ ] Theme Customizer — live palette preview + CSS variable export
 - [ ] Figma UI Kit
 - [ ] Dashboard / landing templates
 
 ---
 
+## Contributing
+
+Contributions are welcome! Please read [CONTRIBUTING.md](CONTRIBUTING.md) before submitting a PR.
+
+> 7onic is a solo project — your star or kind word genuinely helps. ⭐
+
+---
+
 ## License
 
 MIT
@@ -280,5 +290,5 @@ MIT
 <p align="center">
   <strong>One JSON, every format — from Figma to production.</strong><br>
   Independently built.<br>
-  <sub>Last updated: 2026-04-11</sub>
+  <sub>Last updated: 2026-04-15</sub>
 </p>

package/dist/index.js

@@ -4919,10 +4919,9 @@ var PaginationRoot = React26.forwardRef(
     color = "default",
     radius = "md",
     disabled = false,
-    withControls = true,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
-    withEdges = false,
-    // eslint-disable-line @typescript-eslint/no-unused-vars
+    // Pre-declared API; conditional auto-rendering is tracked in COMPONENT-IMPROVEMENTS.md.
+    withControls: _withControls = true,
+    withEdges: _withEdges = false,
     loop = false,
     children,
     ...props
@@ -6222,7 +6221,6 @@ var ToastItem = React32.memo(function ToastItem2({
 }) {
   const [isExiting, setIsExiting] = React32.useState(false);
   const [isEntered, setIsEntered] = React32.useState(false);
-  const [isPaused, setIsPaused] = React32.useState(false);
   const timerRef = React32.useRef(null);
   const remainingRef = React32.useRef(0);
   const startTimeRef = React32.useRef(0);
@@ -6261,7 +6259,6 @@ var ToastItem = React32.memo(function ToastItem2({
   }, [duration, handleAutoClose]);
   const handleMouseEnter = React32.useCallback(() => {
     if (duration <= 0) return;
-    setIsPaused(true);
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       remainingRef.current -= Date.now() - startTimeRef.current;
@@ -6269,7 +6266,6 @@ var ToastItem = React32.memo(function ToastItem2({
   }, [duration]);
   const handleMouseLeave = React32.useCallback(() => {
     if (duration <= 0) return;
-    setIsPaused(false);
     startTimeRef.current = Date.now();
     timerRef.current = setTimeout(handleAutoClose, Math.max(remainingRef.current, TOAST_MIN_RESUME_MS));
   }, [duration, handleAutoClose]);