modern-cmdk 1.1.5 → 1.2.0
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.
- package/README.md +5 -5
- package/dist/codemod/cli.mjs +634 -399
- package/dist/codemod/transforms/data-attrs.mjs +2 -2
- package/dist/core/index.mjs +5 -2
- package/dist/react/index.d.mts +3 -3
- package/dist/react/index.mjs +83 -80
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<a href="https://www.npmjs.com/package/modern-cmdk"><img alt="npm version" src="https://img.shields.io/npm/v/modern-cmdk?style=flat-square&color=dc2626&labelColor=0a0e27"/></a>
|
|
12
12
|
<a href="https://bundlephobia.com/package/modern-cmdk"><img alt="bundle size" src="https://img.shields.io/bundlephobia/minzip/modern-cmdk?style=flat-square&color=dc2626&labelColor=0a0e27&label=core"/></a>
|
|
13
13
|
<a href="https://github.com/ABCrimson/modern-cmdk/actions/workflows/ci.yml"><img alt="CI" src="https://img.shields.io/github/actions/workflow/status/ABCrimson/modern-cmdk/ci.yml?style=flat-square&color=dc2626&labelColor=0a0e27&label=CI"/></a>
|
|
14
|
-
<a href="https://www.typescriptlang.org/"><img alt="TypeScript" src="https://img.shields.io/badge/TypeScript-
|
|
14
|
+
<a href="https://www.typescriptlang.org/"><img alt="TypeScript" src="https://img.shields.io/badge/TypeScript-7.0-dc2626?style=flat-square&labelColor=0a0e27"/></a>
|
|
15
15
|
<a href="https://react.dev/"><img alt="React" src="https://img.shields.io/badge/React-19-dc2626?style=flat-square&labelColor=0a0e27"/></a>
|
|
16
16
|
<a href="https://github.com/ABCrimson/modern-cmdk/blob/main/LICENSE"><img alt="MIT License" src="https://img.shields.io/npm/l/modern-cmdk?style=flat-square&color=dc2626&labelColor=0a0e27"/></a>
|
|
17
17
|
</p>
|
|
@@ -92,7 +92,7 @@ npm create modern-cmdk
|
|
|
92
92
|
|
|
93
93
|
## Why modern-cmdk?
|
|
94
94
|
|
|
95
|
-
A ground-up rewrite of `cmdk` for **React 19**, **ES2026**, and **TypeScript
|
|
95
|
+
A ground-up rewrite of `cmdk` for **React 19**, **ES2026**, and **TypeScript 7**. Framework-agnostic core. Zero compromise on performance, accessibility, or developer experience.
|
|
96
96
|
|
|
97
97
|
| | cmdk | modern-cmdk |
|
|
98
98
|
|---|---|---|
|
|
@@ -104,8 +104,8 @@ A ground-up rewrite of `cmdk` for **React 19**, **ES2026**, and **TypeScript 6**
|
|
|
104
104
|
| **Animations** | CSS transitions | GPU-composited: `@starting-style`, `scroll-timeline`, spring easing |
|
|
105
105
|
| **Keyboard** | External | Built-in registry, `Mod` key, conflict detection |
|
|
106
106
|
| **Accessibility** | Partial ARIA | Full WAI-ARIA combobox, `forced-colors`, `prefers-contrast` |
|
|
107
|
-
| **Bundle** | ~6 KB | Core ~6.3 KB, React ~
|
|
108
|
-
| **TypeScript** | 4.x/5.x |
|
|
107
|
+
| **Bundle** | ~6 KB | Core ~6.3 KB, React ~10.2 KB |
|
|
108
|
+
| **TypeScript** | 4.x/5.x | 7.0, isolated declarations, branded types |
|
|
109
109
|
| **Cleanup** | Manual | `using`/`await using` (Explicit Resource Management) |
|
|
110
110
|
| **Error handling** | None | `CommandErrorBoundary` with fallback UI |
|
|
111
111
|
| **DevTools** | None | Built-in devtools hook for browser inspection |
|
|
@@ -192,7 +192,7 @@ machine.subscribe(() => {
|
|
|
192
192
|
| Filter 10K (incremental) | < 2 ms | ~1.1 ms |
|
|
193
193
|
| State update cycle | < 4 ms | ~2.3 ms |
|
|
194
194
|
| Core bundle (gzipped) | <= 6.5 KB | ~6.3 KB |
|
|
195
|
-
| React bundle (gzipped) | <=
|
|
195
|
+
| React bundle (gzipped) | <= 12 KB | ~10.2 KB |
|
|
196
196
|
|
|
197
197
|
CI enforces 5% warning / 15% failure regression thresholds with 3-run averaging.
|
|
198
198
|
|