Remove unused components and hooks

apps/website/src/app/(playgrounds)/playgrounds/playground-card-list.tsx

@@ -21,9 +21,9 @@ import {
   XIcon,
 } from 'lucide-react';
 import { useDeferredValue, useEffect, useMemo } from 'react';
-import { useHashFragment } from '~/hooks/use-hash-fragment';
-import { useLocalStorage } from '~/hooks/use-local-storage';
-import { useQueryParameter } from '~/hooks/use-query-parameter';
+import { useHashFragment } from '~/hooks/hash-fragment';
+import { useLocalStorage } from '~/hooks/local-storage';
+import { useQueryParameter } from '~/hooks/query-parameter';
 import { PlaygroundCard } from './playground-card';
 
 export function PlaygroundCardList({

apps/website/src/app/(playgrounds)/playgrounds/playground-card.tsx

@@ -12,7 +12,7 @@ import { CodeIcon, PinIcon } from 'lucide-react';
 import Link from 'next/link';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { ImageWithFallback } from '~/components/image-fallback';
-import { useLocalStorage } from '~/hooks/use-local-storage';
+import { useLocalStorage } from '~/hooks/local-storage';
 import { type RGB, getDominantColour } from './get-colour';
 
 declare module 'react' {

apps/website/src/components/explorer/file/item.tsx

@@ -5,7 +5,7 @@ import { TextCursorInputIcon, Trash2Icon } from 'lucide-react';
 import { twMerge as cn } from 'tailwind-merge';
 import type { File } from 'virtual-file-explorer-backend';
 import { MaterialIcon } from '~/components/material-icon';
-import { useIsMobile } from '~/hooks/use-is-mobile';
+import { useIsMobile } from '~/hooks/is-mobile';
 import { ExplorerItemName } from '../name';
 import { useWatch } from '../use';
 import {

apps/website/src/components/explorer/folder/item.tsx

@@ -11,7 +11,7 @@ import { TextCursorInputIcon, Trash2Icon } from 'lucide-react';
 import { twMerge as cn } from 'tailwind-merge';
 import type { Folder } from 'virtual-file-explorer-backend';
 import { MaterialIcon } from '~/components/material-icon';
-import { useIsMobile } from '~/hooks/use-is-mobile';
+import { useIsMobile } from '~/hooks/is-mobile';
 import { ExplorerItemName } from '../name';
 import { useWatch } from '../use';
 import { ExplorerFolderChildren } from './children';

apps/website/src/components/explorer/use.tsx

@@ -15,7 +15,7 @@ import {
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { File, Folder } from 'virtual-file-explorer-backend';
-import { useHashFragment } from '~/hooks/use-hash-fragment';
+import { useHashFragment } from '~/hooks/hash-fragment';
 
 export const ExplorerContext = //
   createContext<Folder<true>>(null!);

packages/components/package.json

@@ -22,19 +22,16 @@
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.3",
-    "@radix-ui/react-context-menu": "^2.2.6",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-popover": "^1.1.6",
     "@radix-ui/react-scroll-area": "^1.2.3",
     "@radix-ui/react-select": "^2.1.6",
     "@radix-ui/react-separator": "^1.1.2",
     "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-tabs": "^1.1.3",
     "@radix-ui/react-tooltip": "^1.1.8",
     "class-variance-authority": "^0.7.1",
-    "cmdk": "^0.2.1",
     "embla-carousel-react": "^8.5.2",
     "lucide-react": "^0.475.0",
     "react": "^18.3.1",