Cleanup

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

canon-docs/src/app/(playground)/playground/page.tsx

@@ -9,7 +9,6 @@ import { ButtonPlayground } from '@/snippets/button';
 import { CheckboxPlayground } from '@/snippets/checkbox';
 import { HeadingPlayground } from '@/snippets/heading';
 import { TextPlayground } from '@/snippets/text';
-import { InputPlayground } from '@/snippets/input';
 
 import styles from './styles.module.css';
 

canon-docs/src/components/Sidebar/docs.tsx

@@ -3,7 +3,6 @@
 import Link from 'next/link';
 import { components, overview, layoutComponents, theme } from '@/utils/data';
 import { Box } from '../../../../packages/canon/src/components/Box';
-import { Text } from '../../../../packages/canon/src/components/Text';
 import { motion } from 'framer-motion';
 import styles from './Sidebar.module.css';
 import { usePathname } from 'next/navigation';

canon-docs/src/components/Toolbar/theme-name.tsx

@@ -31,7 +31,7 @@ export const ThemeNameSelector = () => {
         <Select.Positioner className={styles.Positioner} sideOffset={8}>
           <Select.Popup className={styles.Popup}>
             {themes.map(({ name, value }) => (
-              <Select.Item className={styles.Item} value={value}>
+              <Select.Item className={styles.Item} value={value} key={value}>
                 <Select.ItemIndicator className={styles.ItemIndicator}>
                   <Icon name="check" />
                 </Select.ItemIndicator>

canon-docs/src/mdx-components.tsx

@@ -2,7 +2,6 @@ import React, { ReactNode } from 'react';
 import type { MDXComponents } from 'mdx/types';
 import Image, { ImageProps } from 'next/image';
 import { CodeBlock } from '@/components/CodeBlock';
-import { Heading } from '../../packages/canon/src/components/Heading';
 import { Box } from '../../packages/canon/src/components/Box';
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {

canon-docs/src/snippets/field.tsx

@@ -1,4 +1,4 @@
-import { Input, Field, Grid } from '../../../packages/canon';
+import { Input, Field } from '../../../packages/canon';
 
 export const FieldPreview = () => {
   return (

canon-docs/src/snippets/input.tsx

@@ -1,4 +1,4 @@
-import { Input, Inline, Grid } from '../../../packages/canon';
+import { Input, Grid } from '../../../packages/canon';
 
 export const InputPreview = () => {
   return (