chore: update readme

Author: hzhu

README.md

@@ -10,21 +10,21 @@ A mobile web sheet that replicates the Apple-style [sheet experience](https://de
 
 ## Usage
 
-To use Sheet in your project follow these instructions.
+Explore the [Sheet examples](https://sheet-examples.vercel.app) and view the [example code](https://github.com/hzhu/sheet-examples). To use Sheet in your project follow these instructions.
 
 ### Step 1: Install peer dependency
 
 First, make sure you have the required peer dependency [framer-motion](https://github.com/framer/motion) installed. If you haven't installed it yet, you can do so with the following command:
 
-```
+```sh
 npm install framer-motion
 ```
 
 ### Step 2: Install the library
 
 After installing the peer dependency, proceed to install the [@sheet-ui/sheet](https://www.npmjs.com/package/@sheet-ui/sheet) package:
 
-```
+```sh
 npm install @sheet-ui/sheet
 ```
 
@@ -33,6 +33,8 @@ npm install @sheet-ui/sheet
 The component API provides consumers with a high level of rendering control through a simple interface.
 
 ```tsx
+import { Sheet, SheetHeader, SheetContent } from "@sheet-ui/sheet";
+
 function Example() {
   const [isOpen, setOpen] = useState(false);
   const toggle = () => setOpen(!isOpen);

index.html

@@ -1,12 +1,13 @@
 {
   "name": "@sheet-ui/sheet",
+  "version": "1.0.0",
   "author": "henryzhu.eth",
   "license": "MIT",
   "description": "A 📄 sheet is a modal used to replicate an Apple-like sheet experience on the mobile web.",
   "homepage": "https://github.com/sheet-ui/sheet",
   "repository": {
     "type": "git",
-    "url": "https://github.com/sheet-ui/sheet"
+    "url": "git+https://github.com/sheet-ui/sheet.git"
   },
   "bugs": {
     "url": "https://github.com/sheet-ui/sheet/issues"
@@ -39,6 +40,5 @@
   },
   "dependencies": {
     "react-aria-components": "^1.4.0"
-  },
-  "version": "1.0.0"
+  }
 }