modern-cmdk 1.2.3 → 1.4.0

package/dist/react/styles.css

@@ -1,4 +1,4 @@
-/* modern-cmdk/react — GPU-composited animations */
+/* modern-cmdk/react — tokens, item and list transitions; the dialog and overlay transitions are declared but inert until DT-19 */
 /* All animations respect prefers-reduced-motion */
 /* Spring easing via linear() approximation — perceptually smooth */
 /* Scroll-driven animations via animation-timeline: scroll() */
@@ -6,6 +6,12 @@
 /* CSS Logical Properties: full RTL/LTR support */
 /* CSS Nesting, @layer cascade control, oklch() color space */
 /* Container queries for responsive item layout */
+/* Secondary text (group headings, shortcuts, empty state, placeholder) is coloured with
+   --command-muted-color, never faded with opacity: opacity stacks on the consumer's text
+   colour and cannot be checked against it. The default is light-dark(), so it follows the
+   used color-scheme of the page (set color-scheme on :root or a parent, or override the
+   token); it is 4.5:1 or better on white, black and the usual near-white / near-black
+   surfaces. Only [data-disabled] items keep opacity (WCAG 1.4.3 exempts disabled controls). */
 
 /* ─── CSS Custom Properties ─── */
 
@@ -40,7 +46,7 @@
 }
 
 /* ─── User-Customizable Animation Properties ─── */
-/* Override these on [data-command-root] or :root to customize all animations */
+/* Override these with unlayered CSS on [data-command-root] loaded after this file, or on a more specific unlayered selector; this block sits outside every @layer, so a normal (non-!important) value set inside a layer loses here whatever its selector, and a :root value is shadowed by this declaration */
 
 [data-command-root] {
   --command-spring-easing: linear(
@@ -99,10 +105,11 @@
   --command-item-height: 44px;
   --command-fade-edge-size: 16px;
   --command-highlight-color: oklch(0.85 0.15 90 / 0.3);
+  --command-muted-color: light-dark(oklch(0.45 0.015 260), oklch(0.75 0.015 260));
 }
 
 /* ─── Spring Easing ─── */
-/* linear() approximation of a critically-damped spring (stiffness: 100, damping: 15) */
+/* linear() spring approximations: --command-spring-easing settles without overshoot; --command-spring-easing-bouncy peaks at 1.033 before settling */
 /* Generated from spring physics: x(t) = 1 - e^(-zt)(cos(wd*t) + (zw/wd)sin(wd*t)) */
 
 @layer command.base, command.layout, command.animation, command.a11y;
@@ -173,7 +180,9 @@
     font: inherit;
 
     &::placeholder {
-      opacity: 0.5;
+      color: var(--command-muted-color);
+      /* Firefox fades ::placeholder by default; the colour token carries the contrast */
+      opacity: 1;
     }
   }
 
@@ -232,7 +241,7 @@
     font-size: 0.75em;
     text-transform: uppercase;
     letter-spacing: 0.05em;
-    opacity: 0.6;
+    color: var(--command-muted-color);
   }
 
   /* ─── Separator ─── */
@@ -255,7 +264,7 @@
 
   [data-command-empty] {
     text-align: center;
-    opacity: 0.6;
+    color: var(--command-muted-color);
   }
 
   /* ─── Shortcut Badge ─── */
@@ -263,7 +272,7 @@
   [data-command-shortcut] {
     font-family: inherit;
     font-size: 0.75em;
-    opacity: 0.5;
+    color: var(--command-muted-color);
     letter-spacing: 0.05em;
   }
 
@@ -332,7 +341,7 @@
   }
 
   /* ─── Dialog Animations ─── */
-  /* GPU-composited dialog animation — zero layout thrash */
+  /* Dialog transitions: inert until DT-19 */
   /* Spring easing via linear() approximation */
 
   [data-command-dialog][data-state="open"] {
@@ -543,7 +552,7 @@
     }
 
     [data-command-group-heading] {
-      opacity: 0.8;
+      color: inherit;
     }
 
     [data-command-highlight] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "modern-cmdk",
-  "version": "1.2.3",
+  "version": "1.4.0",
   "type": "module",
   "description": "The definitive command palette engine for the modern web",
   "license": "MIT",
@@ -8,24 +8,24 @@
   "bugs": {
     "url": "https://github.com/ABCrimson/modern-cmdk/issues"
   },
-  "engines": {
-    "node": ">=26.4.0"
-  },
   "publishConfig": {
     "access": "public"
   },
   "exports": {
     ".": {
       "types": "./dist/core/index.d.mts",
-      "import": "./dist/core/index.mjs",
       "default": "./dist/core/index.mjs"
     },
     "./react": {
       "types": "./dist/react/index.d.mts",
-      "import": "./dist/react/index.mjs",
       "default": "./dist/react/index.mjs"
     },
-    "./styles.css": "./dist/react/styles.css"
+    "./react/dialog": {
+      "types": "./dist/react/dialog.d.mts",
+      "default": "./dist/react/dialog.mjs"
+    },
+    "./styles.css": "./dist/react/styles.css",
+    "./package.json": "./package.json"
   },
   "main": "./dist/core/index.mjs",
   "types": "./dist/core/index.d.mts",
@@ -37,8 +37,7 @@
     "LICENSE"
   ],
   "sideEffects": [
-    "./dist/react/styles.css",
-    "./dist/react/index.mjs"
+    "./dist/react/styles.css"
   ],
   "peerDependencies": {
     "react": ">=19.0.0 <21.0.0",
@@ -51,9 +50,6 @@
     },
     "react-dom": {
       "optional": true
-    },
-    "radix-ui": {
-      "optional": true
     }
   },
   "dependencies": {

package/dist/codemod/cli.d.mts

@@ -1 +0,0 @@
-export {}

package/dist/codemod/transforms/data-attrs.d.mts

@@ -1,6 +0,0 @@
-import { API, FileInfo } from "jscodeshift";
-/**
- * jscodeshift transform — renames cmdk data attributes in JSX and
- * CSS selectors within string/template literals.
- */
-export default function transform(fileInfo: FileInfo, api: API): string;

package/dist/codemod/transforms/forward-ref.d.mts

@@ -1,6 +0,0 @@
-import { API, FileInfo } from "jscodeshift";
-/**
- * jscodeshift transform — removes forwardRef wrappers and merges the
- * ref parameter into the props object as a regular prop.
- */
-export default function transform(fileInfo: FileInfo, api: API): string;

package/dist/codemod/transforms/import-rewrite.d.mts

@@ -1,6 +0,0 @@
-import { API, FileInfo } from "jscodeshift";
-/**
- * jscodeshift transform — rewrites all import/require/re-export paths
- * from `cmdk` to `modern-cmdk/react`.
- */
-export default function transform(fileInfo: FileInfo, api: API): string;

package/dist/codemod/transforms/should-filter.d.mts

@@ -1,5 +0,0 @@
-import { API, FileInfo } from "jscodeshift";
-/**
- * jscodeshift transform — migrates shouldFilter prop to filter.
- */
-export default function transform(fileInfo: FileInfo, api: API): string;