chore(www): update deps and fix CI errors (#204)

.changeset/cold-bikes-exist.md

@@ -0,0 +1,5 @@
+---
+"shadcn-ui": patch
+---
+
+update typescript

.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx pretty-quick --staged

apps/www/app/docs/layout.tsx

@@ -1,6 +1,6 @@
 import { docsConfig } from "@/config/docs"
-import { DocsSidebarNav } from "@/components/sidebar-nav"
 import { ScrollArea } from "@/components/ui/scroll-area"
+import { DocsSidebarNav } from "@/components/sidebar-nav"
 
 interface DocsLayoutProps {
   children: React.ReactNode

apps/www/app/examples/dashboard/components/team-switcher.tsx

@@ -64,7 +64,7 @@ const groups = [
   },
 ]
 
-type Team = typeof groups[number]["teams"][number]
+type Team = (typeof groups)[number]["teams"][number]
 
 type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverTrigger>
 

apps/www/app/examples/music/data/playlists.ts

@@ -1,4 +1,4 @@
-export type Playlist = typeof playlists[number]
+export type Playlist = (typeof playlists)[number]
 
 export const playlists = [
   "Recently Added",

apps/www/app/examples/playground/data/models.ts

@@ -1,6 +1,6 @@
 export const types = ["GPT-3", "Codex"] as const
 
-export type ModelType = typeof types[number]
+export type ModelType = (typeof types)[number]
 
 export interface Model<Type = string> {
   id: string

apps/www/components/examples/sheet/position.tsx

@@ -18,7 +18,7 @@ import {
 
 const SHEET_POSITIONS = ["top", "right", "bottom", "left"] as const
 
-type SheetPosition = typeof SHEET_POSITIONS[number]
+type SheetPosition = (typeof SHEET_POSITIONS)[number]
 
 export function SheetPosition() {
   const [position, setPosition] = useState<SheetPosition>("right")

apps/www/components/examples/sheet/size.tsx

@@ -18,7 +18,7 @@ import {
 
 const SHEET_SIZES = ["sm", "default", "lg", "xl", "full", "content"] as const
 
-type SheetSize = typeof SHEET_SIZES[number]
+type SheetSize = (typeof SHEET_SIZES)[number]
 
 export function SheetSize() {
   const [size, setSize] = useState<SheetSize>("default")

apps/www/components/pager.tsx

@@ -3,8 +3,8 @@ import { Doc } from "contentlayer/generated"
 import { NavItem, NavItemWithChildren } from "types/nav"
 
 import { docsConfig } from "@/config/docs"
-import { Icons } from "@/components/icons"
 import { buttonVariants } from "@/components/ui/button"
+import { Icons } from "@/components/icons"
 
 interface DocsPagerProps {
   doc: Doc

apps/www/components/toc.tsx

@@ -2,10 +2,10 @@
 "use client"
 
 import * as React from "react"
-import { useMounted } from "@/hooks/use-mounted"
 
 import { TableOfContents } from "@/lib/toc"
 import { cn } from "@/lib/utils"
+import { useMounted } from "@/hooks/use-mounted"
 
 interface TocProps {
   toc: TableOfContents

apps/www/content/docs/installation.mdx

@@ -257,7 +257,7 @@ Add the following to your `styles/globals.css` file. You can learn more about us
 I use a `cn` helper to make it easier to conditionally add Tailwind CSS classes. Here's how I define it in `lib/utils.ts`:
 
 ```ts title="lib/utils.ts"
-import { type ClassValue, clsx } from "clsx"
+import { clsx, type ClassValue } from "clsx"
 import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {

apps/www/package.json

@@ -81,8 +81,8 @@
     "remark-gfm": "^3.0.1",
     "shiki": "^0.12.1",
     "tailwindcss": "^3.3.1",
-    "typescript": "^4.5.5",
-    "unist-builder": "^3.0.0",
+    "typescript": "^4.9.3",
+    "unist-builder": "3.0.0",
     "unist-util-visit": "^4.1.1"
   },
   "peerDependencies": {

package.json

@@ -40,7 +40,7 @@
     "@changesets/cli": "^2.26.0",
     "@commitlint/cli": "^17.3.0",
     "@commitlint/config-conventional": "^17.3.0",
-    "@ianvs/prettier-plugin-sort-imports": "^3.7.1",
+    "@ianvs/prettier-plugin-sort-imports": "^3.7.2",
     "@manypkg/cli": "^0.20.0",
     "@types/node": "^17.0.12",
     "@types/react": "^18.0.22",
@@ -49,20 +49,20 @@
     "autoprefixer": "^10.4.13",
     "concurrently": "^8.0.1",
     "cross-env": "^7.0.3",
-    "eslint": "^8.31.0",
-    "eslint-config-next": "13.0.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-config-turbo": "^0.0.7",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint": "^8.38.0",
+    "eslint-config-next": "13.3.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-turbo": "^1.9.3",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-tailwindcss": "^3.11.0",
     "husky": "^8.0.2",
     "postcss": "^8.4.21",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.7",
     "pretty-quick": "^3.1.3",
     "tailwindcss": "^3.3.1",
     "tailwindcss-animate": "^1.0.5",
     "ts-node": "^10.9.1",
-    "turbo": "^1.6.3",
-    "typescript": "^4.5.5"
+    "turbo": "^1.9.3",
+    "typescript": "^4.9.3"
   }
 }

packages/cli/package.json

@@ -57,7 +57,7 @@
     "@types/prompts": "^2.4.2",
     "rimraf": "^4.1.3",
     "tsup": "^6.6.3",
-    "type-fest": "^3.6.1",
-    "typescript": "^4.5.5"
+    "type-fest": "^3.8.0",
+    "typescript": "^4.9.3"
   }
 }

templates/next-template/package.json

@@ -42,6 +42,6 @@
     "postcss": "^8.4.21",
     "prettier": "^2.7.1",
     "tailwindcss": "^3.3.1",
-    "typescript": "^4.5.5"
+    "typescript": "^4.9.3"
   }
 }