Update import statements to use motion-cmdk

test/package.json

@@ -9,7 +9,7 @@
     "@types/node": "18.0.4",
     "@types/react": "18.0.15",
     "@types/react-dom": "18.0.6",
-    "cmdk": "workspace:*",
+    "motion-cmdk": "workspace:*",
     "next": "13.5.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",

test/pages/dialog.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import * as React from 'react'
 
 const Page = () => {

test/pages/group.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import * as React from 'react'
 
 const Page = () => {

test/pages/huge.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import * as React from 'react'
 
 const items = new Array(1000).fill(0)

test/pages/index.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 
 const Page = () => {
   return (

test/pages/init-sort.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 
 const Page = () => {
   return (

test/pages/item-advanced.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import * as React from 'react'
 
 const Page = () => {

test/pages/item.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import * as React from 'react'
 
 const Page = () => {

test/pages/keybinds.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import { useRouter } from 'next/router'
 import * as React from 'react'
 

test/pages/numeric.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 
 const Page = () => {
   return (

test/pages/portal.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import * as Portal from '@radix-ui/react-portal'
 
 const Page = () => {

test/pages/props.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import { useRouter } from 'next/router'
 import * as React from 'react'
 

website/components/cmdk/framer.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import React from 'react'
 
 export function FramerCMDK() {

website/components/cmdk/linear.tsx

@@ -1,4 +1,4 @@
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 
 export function LinearCMDK() {
   return (

website/components/cmdk/raycast.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useTheme } from 'next-themes'
 import * as Popover from '@radix-ui/react-popover'
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 import { Logo, LinearIcon, FigmaIcon, SlackIcon, YouTubeIcon, RaycastIcon } from 'components'
 
 export function RaycastCMDK() {

website/components/cmdk/vercel.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Command } from 'cmdk'
+import { Command } from 'motion-cmdk'
 
 export function VercelCMDK() {
   const ref = React.useRef<HTMLDivElement | null>(null)

website/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@radix-ui/react-popover": "^0.1.6",
-    "cmdk": "workspace:*",
+    "motion-cmdk": "workspace:*",
     "copy-to-clipboard": "^3.3.1",
     "framer-motion": "^6.5.1",
     "next": "13.5.1",

website/pages/index.tsx

@@ -260,7 +260,7 @@ function ThemeSwitcher() {
 //////////////////////////////////////////////////////////////////
 
 function Codeblock() {
-  const code = `import { Command } from 'cmdk';
+  const code = `import { Command } from 'motion-cmdk';
 
 <Command.Dialog open={open} onOpenChange={setOpen}>
   <Command.Input />