prefer clsx/lite for unocss classes because its smaller

src/components/Disconnected.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useEffect, useState} from 'react';
 
 export default function Disconnected({

src/components/NoteEditor.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useState} from 'react';
 import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';

src/components/ProgressBar.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 
 export default function ProgressBar({
   slideIndex,

src/components/SaveIndicator.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useContext, useEffect} from 'react';
 import {UpdateContext} from './UpdateProvider';
 

src/components/Toggle.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 
 export default function Toggle({
   checked,

src/components/reactions/ReactionControls.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import Button from '../toolbar/Button';
 import {type IconReaction} from './reaction';
 import reactionsIconMap from './reaction-icons-map';

src/components/reactions/Reactions.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useEffect, useMemo, useRef} from 'react';
 import {type IconReaction, type IconReactionMap} from './reaction';
 import reactionsIconMap from './reaction-icons-map';

src/components/slides/Slideshow.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import Loading from '../Loading';
 
 export default function Slideshow({

src/components/toolbar/Button.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {type MouseEventHandler} from 'react';
 
 export default function Button({

src/components/toolbar/LinkButton.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {type MouseEventHandler} from 'react';
 import {Link} from 'react-router-dom';
 

src/components/toolbar/RoundButton.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {type MouseEventHandler} from 'react';
 
 export default function RoundButton({

src/components/toolbar/Toolbar.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useEffect, useState} from 'react';
 import {type PresentationAndId} from '../../../functions/src/presentation';
 import {auth} from '../../firebase';

src/layouts/DefaultLayout.tsx

@@ -7,7 +7,7 @@ import {
   useContext,
 } from 'react';
 import {Link, NavLink} from 'react-router-dom';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {auth} from '../firebase';
 import {UserContext} from '../components/UserProvider';
 

src/pages/PresentationPreferences.tsx

@@ -1,7 +1,7 @@
 import {useEffect, useState} from 'react';
 import {deleteDoc, doc, updateDoc} from 'firebase/firestore';
 import {ref, deleteObject, listAll, getStorage} from 'firebase/storage';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import usePresentation from '../components/slides/use-presentation';
 import {
   type PresentationUpdate,

src/pages/SignIn.tsx

@@ -7,7 +7,7 @@ import {
   signInWithEmailLink,
 } from 'firebase/auth';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {auth} from '../firebase';
 import Loading from '../components/Loading';
 import Button from '../components/toolbar/Button';

src/pages/Speaker.tsx

@@ -1,7 +1,7 @@
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import {useMemo, useState, useCallback, useEffect} from 'react';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useSwipeable} from 'react-swipeable';
 import {useSlideIndex} from '../components/slides/use-slide-index';
 import useKeys from '../use-keys';

src/pages/Upload.tsx

@@ -3,7 +3,7 @@ import {useDropzone} from 'react-dropzone';
 import * as pdfjs from 'pdfjs-dist';
 import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
 import 'react-pdf/dist/esm/Page/TextLayer.css';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {
   type DocumentReference,
   addDoc,

src/pages/Viewer.tsx

@@ -1,5 +1,5 @@
 import {useEffect, useMemo} from 'react';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import DefaultLayout from '../layouts/DefaultLayout';
 import usePresentation from '../components/slides/use-presentation';
 import Slideshow from '../components/slides/Slideshow';