Cleanup code based on the biomejs config.

src/lib/components/AddToList.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { enhance } from "$app/forms";
-	import { MinusCircle, PlusCircle } from "lucide-svelte";
+	import { enhance } from '$app/forms';
+	import { MinusCircle, PlusCircle } from 'lucide-svelte';
 	import { Button } from '$components/ui/button';
-	import type { CollectionItems, Wishlists } from "$db/schema";
+	import type { CollectionItems, Wishlists } from '$db/schema';
 
 	export let game_id: string;
 	export let collection: CollectionItems;

src/lib/components/Analytics.svelte

@@ -1,6 +1,4 @@
-<script lang="ts">
-	import { PUBLIC_UMAMI_DO_NOT_TRACK, PUBLIC_UMAMI_URL, PUBLIC_UMAMI_ID } from '$env/static/public';
-</script>
+<script lang="ts"></script>
 
 <svelte:head>
 	<script

src/lib/components/CopyCodeBlock.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-import { Button } from '$lib/components/ui/button'
-import { toastMessage } from '$lib/utils/superforms' // Adjust the path if necessary
+	import { Button } from '$lib/components/ui/button';
+	import { toastMessage } from '$lib/utils/superforms'; // Adjust the path if necessary
 
-const { codeContent, language }: { codeContent: string; language: string } = $props()
+	const { codeContent, language }: { codeContent: string; language: string } = $props()
 
 // Function to copy code to clipboard
 const copyToClipboard = () => {

src/lib/components/Game.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import type { GameType, SavedGameType } from '$lib/types';
-	import * as Card from "$lib/components/ui/card";
 	import type { CollectionItems } from '$db/schema';
 
 	export let game: GameType | CollectionItems;

src/lib/components/Header.svelte

@@ -1,9 +1,5 @@
 <script lang="ts">
-	import { applyAction, enhance } from '$app/forms';
-	import { invalidateAll } from '$app/navigation';
 	import Logo from '$components/logo.svelte';
-	import * as Avatar from '$components/ui/avatar';
-	import * as DropdownMenu from '$components/ui/dropdown-menu';
 	import { ListChecks, ListTodo, LogOut, Settings } from 'lucide-svelte';
 
 	let { user = null } = $props();

src/lib/components/Icon.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-  import feather from 'feather-icons';
-  export const directions: string[] = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
+	import feather from 'feather-icons';
+
+	export const directions: string[] = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
 
   export let name: string;
   export let direction: string = 'n';

src/lib/components/dialog/ClearCollectionDialog.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-import { browser } from '$app/environment'
-import { boredState } from '$lib/stores/boredState'
-import { collectionStore } from '$lib/stores/collectionStore'
-import { fade } from 'svelte/transition'
+	import { browser } from '$app/environment';
+	import { boredState } from '$lib/stores/boredState';
+	import { collectionStore } from '$lib/stores/collectionStore';
+	import { fade } from 'svelte/transition';
 
-function clearCollection() {
+	function clearCollection() {
 	if (browser) {
 		localStorage.collection = JSON.stringify([])
 		collectionStore.removeAll()

src/lib/components/dialog/DefaultDialog.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-// import {
-// 	Dialog,
-// 	DialogDescription,
-// 	DialogOverlay,
-// 	DialogTitle
-// } from '@rgossiaux/svelte-headlessui';
-import { boredState } from '$lib/stores/boredState'
-import { type SvelteComponent, createEventDispatcher } from 'svelte'
-import { fade } from 'svelte/transition'
+	// import {
+	// 	Dialog,
+	// 	DialogDescription,
+	// 	DialogOverlay,
+	// 	DialogTitle
+	// } from '@rgossiaux/svelte-headlessui';
+	import { boredState } from '$lib/stores/boredState';
+	import { createEventDispatcher, type SvelteComponent } from 'svelte';
+	import { fade } from 'svelte/transition';
 
-export let title: string
+	export let title: string
 export let description: string
 export let danger = false
 export let alert = false

src/lib/components/dialog/RemoveCollectionDialog.svelte

@@ -1,14 +1,21 @@
 <script lang="ts">
-import { browser } from '$app/environment'
-// import { Button, buttonVariants } from '$components/ui/button';
-import { Button, buttonVariants } from '$components/ui/button'
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '$components/ui/dialog'
-import { boredState } from '$lib/stores/boredState'
-import { collectionStore } from '$lib/stores/collectionStore'
-import { removeFromCollection } from '$lib/utils/manipulateCollection'
-import { fade } from 'svelte/transition'
+	import { browser } from '$app/environment';
+	// import { Button, buttonVariants } from '$components/ui/button';
+	import { Button, buttonVariants } from '$components/ui/button';
+	import {
+		Dialog,
+		DialogContent,
+		DialogDescription,
+		DialogFooter,
+		DialogHeader,
+		DialogTitle,
+		DialogTrigger,
+	} from '$components/ui/dialog';
+	import { boredState } from '$lib/stores/boredState';
+	import { collectionStore } from '$lib/stores/collectionStore';
+	import { removeFromCollection } from '$lib/utils/manipulateCollection';
 
-function removeGame() {
+	function removeGame() {
 	if ($boredState?.dialog?.additionalData) {
 		removeFromCollection($boredState?.dialog?.additionalData)
 	}

src/lib/components/dialog/RemoveWishlistDialog.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
-import { browser } from '$app/environment'
-// import {
-// 	Dialog,
-// 	DialogDescription,
-// 	DialogOverlay,
-// 	DialogTitle
-// } from '@rgossiaux/svelte-headlessui';
-import { boredState } from '$lib/stores/boredState'
-import { wishlistStore } from '$lib/stores/wishlistStore'
-import { removeFromWishlist } from '$lib/utils/manipulateWishlist'
-import { fade } from 'svelte/transition'
+	import { browser } from '$app/environment';
+	// import {
+	// 	Dialog,
+	// 	DialogDescription,
+	// 	DialogOverlay,
+	// 	DialogTitle
+	// } from '@rgossiaux/svelte-headlessui';
+	import { boredState } from '$lib/stores/boredState';
+	import { wishlistStore } from '$lib/stores/wishlistStore';
+	import { removeFromWishlist } from '$lib/utils/manipulateWishlist';
+	import { fade } from 'svelte/transition';
 
-function removeGame() {
+	function removeGame() {
 	if ($boredState?.dialog?.additionalData) {
 		removeFromWishlist($boredState?.dialog?.additionalData)
 	}

src/lib/components/listbox.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { fade } from 'svelte/transition';
-  // import {
+	import { fade } from 'svelte/transition';
+	// import {
   //   Listbox,
   //   ListboxButton,
   //   ListboxOptions,

src/lib/components/pagination/index.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-// Based on https://carbon-components-svelte.onrender.com/components/Pagination
-import { afterUpdate, createEventDispatcher } from 'svelte'
-import { fade } from 'svelte/transition'
-// import {
+	// Based on https://carbon-components-svelte.onrender.com/components/Pagination
+	import { afterUpdate, createEventDispatcher } from 'svelte';
+	import { fade } from 'svelte/transition';
+	// import {
 // 	Listbox,
 // 	ListboxButton,
 // 	ListboxOption,

src/lib/components/pin-input.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { cn } from '$lib/utils/ui';
-	import { PinInput, type PinInputProps } from 'bits-ui';
+	import { type PinInputProps } from 'bits-ui';
 
 	interface Props extends Omit<PinInputProps, 'value'> {
 		value: string;

src/lib/components/preferences/gameCollection.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-import { browser } from '$app/environment'
-import { boredState } from '$lib/stores/boredState'
-import { collectionStore } from '$lib/stores/collectionStore'
-import { ToastType } from '$lib/types'
-// import { SaveIcon, ShareIcon, TrashIcon } from '@rgossiaux/svelte-heroicons/outline';
-import ClearCollectionDialog from '../dialog/ClearCollectionDialog.svelte'
-import { toast } from '../toast/toast'
+	import { browser } from '$app/environment';
+	import { boredState } from '$lib/stores/boredState';
+	import { collectionStore } from '$lib/stores/collectionStore';
+	import { ToastType } from '$lib/types';
+	// import { SaveIcon, ShareIcon, TrashIcon } from '@rgossiaux/svelte-heroicons/outline';
+	import ClearCollectionDialog from '../dialog/ClearCollectionDialog.svelte';
+	import { toast } from '../toast/toast';
 
-function saveCollection() {
+	function saveCollection() {
 	if (!browser) return
 	localStorage.collection = JSON.stringify($collectionStore)
 	toast.send('Saved collection', { duration: 3000, type: ToastType.INFO })

src/lib/components/preferences/gameWishlist.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-import { browser } from '$app/environment'
-import { boredState } from '$lib/stores/boredState'
-import { wishlistStore } from '$lib/stores/wishlistStore'
-import { ToastType } from '$lib/types'
-// import { SaveIcon, ShareIcon, TrashIcon } from '@rgossiaux/svelte-heroicons/outline';
-import ClearWishlistDialog from '../dialog/ClearWishlistDialog.svelte'
-import { toast } from '../toast/toast'
+	import { browser } from '$app/environment';
+	import { boredState } from '$lib/stores/boredState';
+	import { wishlistStore } from '$lib/stores/wishlistStore';
+	import { ToastType } from '$lib/types';
+	// import { SaveIcon, ShareIcon, TrashIcon } from '@rgossiaux/svelte-heroicons/outline';
+	import ClearWishlistDialog from '../dialog/ClearWishlistDialog.svelte';
+	import { toast } from '../toast/toast';
 
-function saveWishlist() {
+	function saveWishlist() {
 	if (!browser) return
 	localStorage.wishlist = JSON.stringify($wishlistStore)
 	toast.send('Saved wishlist', { duration: 3000, type: ToastType.INFO })

src/lib/components/preferences/profile.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-import cogOutline from '@iconify-icons/mdi/cog-outline'
-import { fade } from 'svelte/transition'
-import GameCollection from './gameCollection.svelte'
-import GameWishlist from './gameWishlist.svelte'
-import Themes from './themes.svelte'
+	import cogOutline from '@iconify-icons/mdi/cog-outline';
+	import { fade } from 'svelte/transition';
+	import GameCollection from './gameCollection.svelte';
+	import GameWishlist from './gameWishlist.svelte';
+	import Themes from './themes.svelte';
 </script>
 
 <div class="container">

src/lib/components/preferences/themes.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { fade } from 'svelte/transition';
-  import { browser } from '$app/environment';
-  // import {
+	import { fade } from 'svelte/transition';
+	import { browser } from '$app/environment';
+	// import {
   //   Listbox,
   //   ListboxButton,
   //   ListboxOption,

src/lib/components/random/index.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-import { toast } from '$lib/components/toast/toast'
-import { boredState } from '$lib/stores/boredState'
-import { collectionStore } from '$lib/stores/collectionStore'
-import { gameStore } from '$lib/stores/gameSearchStore'
-import { type SavedGameType, ToastType } from '$lib/types'
-import { mapSavedGameToGame } from '$lib/utils/gameMapper'
+	import { toast } from '$lib/components/toast/toast';
+	import { boredState } from '$lib/stores/boredState';
+	import { collectionStore } from '$lib/stores/collectionStore';
+	import { gameStore } from '$lib/stores/gameSearchStore';
+	import { type SavedGameType, ToastType } from '$lib/types';
+	import { mapSavedGameToGame } from '$lib/utils/gameMapper';
 
-async function getRandomCollectionGame() {
+	async function getRandomCollectionGame() {
 	if ($collectionStore.length > 0) {
 		boredState.update((n) => ({ ...n, loading: true }))
 		let randomNumber: number = Math.round(Math.random() * $collectionStore.length - 1)

src/lib/components/search/GameSearchForm.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { superForm, type Infer, type SuperValidated } from 'sveltekit-superforms';
+	import { type Infer, superForm, type SuperValidated } from 'sveltekit-superforms';
 	import { zodClient } from 'sveltekit-superforms/adapters';
 	import { search_schema, type SearchSchema } from '$lib/zodValidation';
-	import * as Form from "$lib/components/ui/form";
 	import Input from '$components/ui/input/input.svelte';
 	import Checkbox from '$components/ui/checkbox/checkbox.svelte';
 

src/lib/components/search/advancedSearch/index.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import { boredState } from '$lib/stores/boredState'
+	import { boredState } from '$lib/stores/boredState';
 
-export let form
+	export let form
 export let errors
 export let constraints
 console.log('advanced search data', $form)

src/lib/components/search/random/index.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-import { Button } from '$components/ui/button'
-import { boredState } from '$lib/stores/boredState'
-import { gameStore } from '$lib/stores/gameSearchStore'
-import type { SearchSchema } from '$lib/zodValidation'
-import type { SuperValidated } from 'sveltekit-superforms'
-import { superForm } from 'sveltekit-superforms/client'
+	import { Button } from '$components/ui/button';
+	import { boredState } from '$lib/stores/boredState';
+	import { gameStore } from '$lib/stores/gameSearchStore';
+	import type { SearchSchema } from '$lib/zodValidation';
+	import type { SuperValidated } from 'sveltekit-superforms';
+	import { superForm } from 'sveltekit-superforms/client';
 
-export let data: SuperValidated<SearchSchema>
+	export let data: SuperValidated<SearchSchema>
 const { enhance } = superForm(data, {
 	onSubmit: () => {
 		gameStore.removeAll()

src/lib/components/signin.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
 	import { zodClient } from 'sveltekit-superforms/adapters';
-	import { ConicGradient } from '@skeletonlabs/skeleton';
 	import type { ConicStop } from '@skeletonlabs/skeleton';
-	import { i } from "@inlang/sdk-js";
+	import { ConicGradient } from '@skeletonlabs/skeleton';
+	import { i } from '@inlang/sdk-js';
 	import { superForm } from 'sveltekit-superforms/client';
 	//import SuperDebug from 'sveltekit-superforms/client/SuperDebug.svelte';
-	import { userSchema } from '$lib/validations/zod-schemas';
 	import { AlertTriangle } from 'lucide-svelte';
 	import { signInSchema } from '$lib/validations/auth';
+
 	export let data;
 
 	const { form, errors, enhance, delayed } = superForm(data.form, {

src/lib/components/toast/Toast.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-import Portal from '$lib/Portal.svelte'
-import { flip } from 'svelte/animate'
-import { fade, fly } from 'svelte/transition'
-import ToastMessage from './ToastMessage.svelte'
-import { toast } from './toast'
+	import Portal from '$lib/Portal.svelte';
+	import { flip } from 'svelte/animate';
+	import { fade, fly } from 'svelte/transition';
+	import ToastMessage from './ToastMessage.svelte';
+	import { toast } from './toast';
 </script>
 
 <Portal>

src/lib/components/toast/ToastMessage.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
-  import { tweened } from 'svelte/motion';
-  import type { ToastData } from '$lib/types';
-  import { toast } from './toast';
+	import { onMount } from 'svelte';
+	import { tweened } from 'svelte/motion';
+	import type { ToastData } from '$lib/types';
+	import { toast } from './toast';
 
-  export let toastData: ToastData;
+	export let toastData: ToastData;
   let progress = tweened(100, { duration: toastData.duration });
 
   onMount(async () => {

src/lib/components/toast/toast.ts

@@ -1,6 +1,6 @@
-import { writable } from 'svelte/store';
-import type { ToastData } from '$lib/types';
-import { ToastType } from '$lib/types';
+import {writable} from 'svelte/store';
+import type {ToastData} from '$lib/types';
+import {ToastType} from '$lib/types';
 
 // Custom store
 const newToast = () => {

src/lib/components/transition.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { fade } from 'svelte/transition';
+	import { fade } from 'svelte/transition';
 
-  interface Transition {
+	interface Transition {
     type: 'fade' | 'stagger' | 'page';
     duration?: number;
     delay?: number;

src/lib/components/ui/alert/alert-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	type $$Props = HTMLAttributes<HTMLDivElement>;
 

src/lib/components/ui/alert/alert-title.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { HeadingLevel } from ".";
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { HeadingLevel } from '.';
 
 	type $$Props = HTMLAttributes<HTMLHeadingElement> & {
 		level?: HeadingLevel;

src/lib/components/ui/alert/alert.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { alertVariants, type Variant } from ".";
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { alertVariants, type Variant } from '.';
 
 	type $$Props = HTMLAttributes<HTMLDivElement> & {
 		variant?: Variant;

src/lib/components/ui/alert/index.ts

@@ -1,4 +1,4 @@
-import { tv, type VariantProps } from "tailwind-variants";
+import {tv, type VariantProps} from "tailwind-variants";
 
 import Root from "./alert.svelte";
 import Description from "./alert-description.svelte";

src/lib/components/ui/avatar/avatar-fallback.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Avatar as AvatarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = AvatarPrimitive.FallbackProps;
 

src/lib/components/ui/avatar/avatar-image.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Avatar as AvatarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = AvatarPrimitive.ImageProps;
 

src/lib/components/ui/avatar/avatar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Avatar as AvatarPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = AvatarPrimitive.Props;
 

src/lib/components/ui/badge/badge.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { type Variant, badgeVariants } from "./index.js";
-	import { cn } from "$lib/utils/ui.js";
+	import { badgeVariants, type Variant } from './index.js';
+	import { cn } from '$lib/utils/ui.js';
 
 	let className: string | undefined | null = undefined;
 	export let href: string | undefined = undefined;

src/lib/components/ui/badge/index.ts

@@ -1,4 +1,5 @@
-import { type VariantProps, tv } from "tailwind-variants";
+import {tv, type VariantProps} from "tailwind-variants";
+
 export { default as Badge } from "./badge.svelte";
 
 export const badgeVariants = tv({

src/lib/components/ui/button/button.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
-	import { Button as ButtonPrimitive } from "bits-ui";
-	import { type Events, type Props, buttonVariants } from "./index.js";
-	import { cn } from "$lib/utils.js";
+	import { buttonVariants, type Events, type Props } from './index.js';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = Props;
 	type $$Events = Events;

src/lib/components/ui/button/index.ts

@@ -1,5 +1,5 @@
-import { type VariantProps, tv } from "tailwind-variants";
-import type { Button as ButtonPrimitive } from "bits-ui";
+import {tv, type VariantProps} from "tailwind-variants";
+import type {Button as ButtonPrimitive} from "bits-ui";
 import Root from "./button.svelte";
 
 const buttonVariants = tv({

src/lib/components/ui/card/card-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils/ui.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils/ui.js';
 
 	type $$Props = HTMLAttributes<HTMLDivElement>;
 

src/lib/components/ui/card/card-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils/ui.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils/ui.js';
 
 	type $$Props = HTMLAttributes<HTMLParagraphElement>;
 

src/lib/components/ui/card/card-footer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils/ui.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils/ui.js';
 
 	type $$Props = HTMLAttributes<HTMLDivElement>;
 

src/lib/components/ui/card/card-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils/ui.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils/ui.js';
 
 	type $$Props = HTMLAttributes<HTMLDivElement>;
 

src/lib/components/ui/card/card-title.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { HeadingLevel } from "./index.js";
-	import { cn } from "$lib/utils/ui.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { HeadingLevel } from './index.js';
+	import { cn } from '$lib/utils/ui.js';
 
 	type $$Props = HTMLAttributes<HTMLHeadingElement> & {
 		tag?: HeadingLevel;

src/lib/components/ui/card/card.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils/ui.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils/ui.js';
 
 	type $$Props = HTMLAttributes<HTMLDivElement>;
 

src/lib/components/ui/checkbox/checkbox.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { Checkbox as CheckboxPrimitive } from "bits-ui";
-	import Check from "lucide-svelte/icons/check";
-	import Minus from "lucide-svelte/icons/minus";
-	import { cn } from "$lib/utils.js";
+	import { Checkbox as CheckboxPrimitive } from 'bits-ui';
+	import Check from 'lucide-svelte/icons/check';
+	import Minus from 'lucide-svelte/icons/minus';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = CheckboxPrimitive.Props;
 	type $$Events = CheckboxPrimitive.Events;

src/lib/components/ui/checkbox/index.ts

@@ -1,4 +1,5 @@
 import Root from "./checkbox.svelte";
+
 export {
 	Root,
 	//

src/lib/components/ui/collapsible/collapsible-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-	import { slide } from "svelte/transition";
+	import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
+	import { slide } from 'svelte/transition';
 
 	type $$Props = CollapsiblePrimitive.ContentProps;
 

src/lib/components/ui/collapsible/index.ts

@@ -1,4 +1,4 @@
-import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+import {Collapsible as CollapsiblePrimitive} from "bits-ui";
 import Content from "./collapsible-content.svelte";
 
 const Root = CollapsiblePrimitive.Root;

src/lib/components/ui/dialog/DialogContent.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { X } from "lucide-svelte";
-	import { Dialog as DialogPrimitive } from "radix-svelte";
-	import { cn } from "$lib/utils";
-	import DialogOverlay from "./DialogOverlay.svelte";
-	import DialogPortal from "./DialogPortal.svelte";
+	import { X } from 'lucide-svelte';
+	import { cn } from '$lib/utils';
+	import DialogOverlay from './DialogOverlay.svelte';
+	import DialogPortal from './DialogPortal.svelte';
 
 	let className: string | undefined | null = undefined;
 	export { className as class };

src/lib/components/ui/dialog/DialogDescription.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "radix-svelte";
-	import { cn } from "$lib/utils";
+	import { cn } from '$lib/utils';
 
 	let className: string | undefined | null = undefined;
 	export { className as class };

src/lib/components/ui/dialog/DialogFooter.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
+	import { cn } from '$lib/utils';
 
 	let className: string | undefined | null = undefined;
 	export { className as class };

src/lib/components/ui/dialog/DialogHeader.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
+	import { cn } from '$lib/utils';
 
 	let className: string | undefined | null = undefined;
 	export { className as class };

src/lib/components/ui/dialog/DialogOverlay.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "radix-svelte";
-	import { cn } from "$lib/utils";
+	import { cn } from '$lib/utils';
 
 	let className: string | undefined | null = undefined;
 	export { className as class };

src/lib/components/ui/dialog/DialogPortal.svelte

@@ -1,6 +1,4 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "radix-svelte";
-</script>
+<script lang="ts"></script>
 
 <DialogPrimitive.Portal>
 	<div

src/lib/components/ui/dialog/DialogTitle.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "radix-svelte";
-	import { cn } from "$lib/utils";
+	import { cn } from '$lib/utils';
 
 	let className: string | undefined | null = undefined;
 	export { className as class };

src/lib/components/ui/dialog/dialog-content.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import X from "lucide-svelte/icons/x";
-	import * as Dialog from "./index.js";
-	import { cn, flyAndScale } from "$lib/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import X from 'lucide-svelte/icons/x';
+	import { cn, flyAndScale } from '$lib/utils.js';
 
 	type $$Props = DialogPrimitive.ContentProps;
 

src/lib/components/ui/dialog/dialog-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DialogPrimitive.DescriptionProps;
 

src/lib/components/ui/dialog/dialog-footer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = HTMLAttributes<HTMLDivElement>;
 

src/lib/components/ui/dialog/dialog-header.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = HTMLAttributes<HTMLDivElement>;
 

src/lib/components/ui/dialog/dialog-overlay.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { fade } from "svelte/transition";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { fade } from 'svelte/transition';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DialogPrimitive.OverlayProps;
 

src/lib/components/ui/dialog/dialog-portal.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+
 	type $$Props = DialogPrimitive.PortalProps;
 </script>
 

src/lib/components/ui/dialog/dialog-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DialogPrimitive.TitleProps;
 

src/lib/components/ui/dialog/index.ts

@@ -1,4 +1,4 @@
-import { Dialog as DialogPrimitive } from "bits-ui";
+import {Dialog as DialogPrimitive} from "bits-ui";
 
 import Title from "./dialog-title.svelte";
 import Portal from "./dialog-portal.svelte";

src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import Check from "lucide-svelte/icons/check";
-	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import Check from 'lucide-svelte/icons/check';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DropdownMenuPrimitive.CheckboxItemProps;
 	type $$Events = DropdownMenuPrimitive.CheckboxItemEvents;

src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import { cn, flyAndScale } from '$lib/utils.js';
 
 	type $$Props = DropdownMenuPrimitive.ContentProps;
 	type $$Events = DropdownMenuPrimitive.ContentEvents;

src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DropdownMenuPrimitive.ItemProps & {
 		inset?: boolean;

src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DropdownMenuPrimitive.LabelProps & {
 		inset?: boolean;

src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
 	type $$Props = DropdownMenuPrimitive.RadioGroupProps;
 

src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import Circle from "lucide-svelte/icons/circle";
-	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import Circle from 'lucide-svelte/icons/circle';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DropdownMenuPrimitive.RadioItemProps;
 	type $$Events = DropdownMenuPrimitive.RadioItemEvents;

src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DropdownMenuPrimitive.SeparatorProps;
 

src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = HTMLAttributes<HTMLSpanElement>;
 

src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import { cn, flyAndScale } from '$lib/utils.js';
 
 	type $$Props = DropdownMenuPrimitive.SubContentProps;
 	type $$Events = DropdownMenuPrimitive.SubContentEvents;

src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import ChevronRight from "lucide-svelte/icons/chevron-right";
-	import { cn } from "$lib/utils.js";
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import ChevronRight from 'lucide-svelte/icons/chevron-right';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = DropdownMenuPrimitive.SubTriggerProps & {
 		inset?: boolean;

src/lib/components/ui/dropdown-menu/index.ts

@@ -1,4 +1,4 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import {DropdownMenu as DropdownMenuPrimitive} from "bits-ui";
 import Item from "./dropdown-menu-item.svelte";
 import Label from "./dropdown-menu-label.svelte";
 import Content from "./dropdown-menu-content.svelte";

src/lib/components/ui/form/form-button.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import * as Button from "$lib/components/ui/button/index.js";
+	import * as Button from '$lib/components/ui/button/index.js';
 
 	type $$Props = Button.Props;
 	type $$Events = Button.Events;

src/lib/components/ui/form/form-checkbox.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { getFormField } from "formsnap";
-	import type { Checkbox as CheckboxPrimitive } from "bits-ui";
-	import { Checkbox } from "$lib/components/ui/checkbox";
+	import { getFormField } from 'formsnap';
+	import type { Checkbox as CheckboxPrimitive } from 'bits-ui';
+	import { Checkbox } from '$lib/components/ui/checkbox';
+
 	type $$Props = CheckboxPrimitive.Props;
 	type $$Events = CheckboxPrimitive.Events;
 

src/lib/components/ui/form/form-description.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
-	import * as FormPrimitive from "formsnap";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = HTMLAttributes<HTMLSpanElement>;
 	let className: string | undefined | null = undefined;

src/lib/components/ui/form/form-element-field.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" context="module">
-	import type { FormPathLeaves, SuperForm } from "sveltekit-superforms";
+	import type { FormPathLeaves, SuperForm } from 'sveltekit-superforms';
+
 	type T = Record<string, unknown>;
 	type U = FormPathLeaves<T>;
 </script>

src/lib/components/ui/form/form-field-errors.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import * as FormPrimitive from "formsnap";
-	import { cn } from "$lib/utils.js";
+	import * as FormPrimitive from 'formsnap';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = FormPrimitive.FieldErrorsProps & {
 		errorClasses?: string | undefined | null;

src/lib/components/ui/form/form-field.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" context="module">
-	import type { FormPath, SuperForm } from "sveltekit-superforms";
+	import type { FormPath, SuperForm } from 'sveltekit-superforms';
+
 	type T = Record<string, unknown>;
 	type U = FormPath<T>;
 </script>

src/lib/components/ui/form/form-fieldset.svelte

@@ -1,5 +1,6 @@
 <script lang="ts" context="module">
-	import type { FormPath, SuperForm } from "sveltekit-superforms";
+	import type { FormPath, SuperForm } from 'sveltekit-superforms';
+
 	type T = Record<string, unknown>;
 	type U = FormPath<T>;
 </script>

src/lib/components/ui/form/form-input.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { getFormField } from "formsnap";
-	import type { HTMLInputAttributes } from "svelte/elements";
-	import { Input, type InputEvents } from "$lib/components/ui/input";
+	import { getFormField } from 'formsnap';
+	import type { HTMLInputAttributes } from 'svelte/elements';
+	import { Input, type InputEvents } from '$lib/components/ui/input';
 
 	type $$Props = HTMLInputAttributes;
 	type $$Events = InputEvents;

src/lib/components/ui/form/form-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	type $$Props = HTMLAttributes<HTMLDivElement>;
 	let className: string | undefined | null = undefined;

src/lib/components/ui/form/form-label.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { Label as LabelPrimitive } from "bits-ui";
-	import { getFormControl } from "formsnap";
-	import { cn } from "$lib/utils.js";
-	import { Label } from "$lib/components/ui/label/index.js";
+	import type { Label as LabelPrimitive } from 'bits-ui';
+	import { getFormControl } from 'formsnap';
+	import { cn } from '$lib/utils.js';
+	import { Label } from '$lib/components/ui/label/index.js';
 
 	type $$Props = LabelPrimitive.Props;
 

src/lib/components/ui/form/form-legend.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import * as FormPrimitive from "formsnap";
-	import { cn } from "$lib/utils.js";
+	import * as FormPrimitive from 'formsnap';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = FormPrimitive.LegendProps;
 

src/lib/components/ui/form/form-native-select.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { Form as FormPrimitive } from "formsnap";
-	import { buttonVariants } from "$lib/components/ui/button";
-	import { cn } from "$lib/utils";
-	import { ChevronDown } from "lucide-svelte";
-	import type { HTMLSelectAttributes } from "svelte/elements";
+	import { buttonVariants } from '$lib/components/ui/button';
+	import { cn } from '$lib/utils';
+	import { ChevronDown } from 'lucide-svelte';
+	import type { HTMLSelectAttributes } from 'svelte/elements';
 
 	type $$Props = HTMLSelectAttributes;
 

src/lib/components/ui/form/form-radio-group.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
-	import { getFormField } from "formsnap";
-	import type { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-	import * as RadioGroup from "$lib/components/ui/radio-group";
+	import { getFormField } from 'formsnap';
+	import type { RadioGroup as RadioGroupPrimitive } from 'bits-ui';
 
 	type $$Props = RadioGroupPrimitive.Props;
 	const { attrStore, setValue, name, value } = getFormField();

src/lib/components/ui/form/form-select-trigger.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
-	import * as Select from "$lib/components/ui/select";
-	import type { Select as SelectPrimitive } from "bits-ui";
-	import { getFormField } from "formsnap";
+	import type { Select as SelectPrimitive } from 'bits-ui';
+	import { getFormField } from 'formsnap';
 
 	type $$Props = SelectPrimitive.TriggerProps & {
 		placeholder?: string;

src/lib/components/ui/form/form-select.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
-	import * as Select from "$lib/components/ui/select";
-	import { getFormField } from "formsnap";
-	import type { Select as SelectPrimitive } from "bits-ui";
+	import { getFormField } from 'formsnap';
+	import type { Select as SelectPrimitive } from 'bits-ui';
 
 	type $$Props = SelectPrimitive.Props<unknown>;
 	const { setValue, name, value } = getFormField();

src/lib/components/ui/form/form-switch.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { getFormField } from "formsnap";
-	import type { Switch as SwitchPrimitive } from "bits-ui";
-	import { Switch } from "$lib/components/ui/switch";
+	import { getFormField } from 'formsnap';
+	import type { Switch as SwitchPrimitive } from 'bits-ui';
+	import { Switch } from '$lib/components/ui/switch';
+
 	type $$Props = SwitchPrimitive.Props;
 	type $$Events = SwitchPrimitive.Events;
 

src/lib/components/ui/form/form-textarea.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { getFormField } from "formsnap";
-	import type { HTMLTextareaAttributes } from "svelte/elements";
-	import type { TextareaGetFormField } from ".";
-	import { Textarea, type TextareaEvents } from "$lib/components/ui/textarea";
+	import { getFormField } from 'formsnap';
+	import type { HTMLTextareaAttributes } from 'svelte/elements';
+	import type { TextareaGetFormField } from '.';
+	import { Textarea, type TextareaEvents } from '$lib/components/ui/textarea';
 
 	type $$Props = HTMLTextareaAttributes;
 	type $$Events = TextareaEvents;

src/lib/components/ui/form/form-validation.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
-	import { Form as FormPrimitive } from "formsnap";
-	import { cn } from "$lib/utils";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from '$lib/utils';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	type $$Props = HTMLAttributes<HTMLParagraphElement>;
 	let className: string | undefined | null = undefined;

src/lib/components/ui/input/input.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { HTMLInputAttributes } from "svelte/elements";
-	import type { InputEvents } from "./index.js";
-	import { cn } from "$lib/utils/ui.js";
+	import type { HTMLInputAttributes } from 'svelte/elements';
+	import type { InputEvents } from './index.js';
+	import { cn } from '$lib/utils/ui.js';
 
 	type $$Props = HTMLInputAttributes;
 	type $$Events = InputEvents;

src/lib/components/ui/label/label.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Label as LabelPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { Label as LabelPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = LabelPrimitive.Props;
 	type $$Events = LabelPrimitive.Events;

src/lib/components/ui/pagination/index.ts

@@ -5,6 +5,7 @@ import Link from "./pagination-link.svelte";
 import PrevButton from "./pagination-prev-button.svelte";
 import NextButton from "./pagination-next-button.svelte";
 import Ellipsis from "./pagination-ellipsis.svelte";
+
 export {
 	Root,
 	Content,

src/lib/components/ui/pagination/pagination-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from '$lib/utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	type $$Props = HTMLAttributes<HTMLUListElement>;
 

src/lib/components/ui/pagination/pagination-ellipsis.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Ellipsis from "lucide-svelte/icons/ellipsis";
-	import { cn } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
+	import Ellipsis from 'lucide-svelte/icons/ellipsis';
+	import { cn } from '$lib/utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	type $$Props = HTMLAttributes<HTMLSpanElement>;
 

src/lib/components/ui/pagination/pagination-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from '$lib/utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	type $$Props = HTMLAttributes<HTMLLIElement>;
 	let className: $$Props["class"] = undefined;

src/lib/components/ui/pagination/pagination-link.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
-	import { buttonVariants, type Props } from "$lib/components/ui/button/index.js";
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
+	import { cn } from '$lib/utils.js';
+	import { buttonVariants, type Props } from '$lib/components/ui/button/index.js';
 
 	type $$Props = PaginationPrimitive.PageProps &
 		Props & {

src/lib/components/ui/pagination/pagination-next-button.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import ChevronRight from "lucide-svelte/icons/chevron-right";
-	import { Button } from "$lib/components/ui/button/index.js";
-	import { cn } from "$lib/utils.js";
+	import { Pagination as PaginationPrimitive } from 'bits-ui';
+	import ChevronRight from 'lucide-svelte/icons/chevron-right';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import { cn } from '$lib/utils.js';
 
 	type $$Props = PaginationPrimitive.NextButtonProps;
 	type $$Events = PaginationPrimitive.NextButtonEvents;