diff --git a/.eslintignore b/.eslintignore
index 3897265..33affff 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /build
+/dist
 /.svelte-kit
 /package
 .env
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 500021e..2fa6fac 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -1,23 +1,31 @@
+/** @type { import("eslint").Linter.Config } */
 module.exports = {
 	root: true,
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/recommended',
+		'prettier',
+	],
 	parser: '@typescript-eslint/parser',
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-	plugins: ['svelte3', '@typescript-eslint'],
-	ignorePatterns: ['*.cjs'],
-	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-	settings: {
-		'svelte3/typescript': () => require('typescript'),
-	},
+	plugins: ['@typescript-eslint'],
 	parserOptions: {
 		sourceType: 'module',
 		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte'],
 	},
 	env: {
 		browser: true,
 		es2017: true,
 		node: true,
 	},
-	globals: {
-		svelte: true,
-	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser',
+			},
+		},
+	],
 }
diff --git a/src/lib/components/data-display/badge.svelte b/src/lib/components/data-display/badge.svelte
index 9e67ed9..99a4dad 100644
--- a/src/lib/components/data-display/badge.svelte
+++ b/src/lib/components/data-display/badge.svelte
@@ -2,9 +2,6 @@
 	import type { HTMLAttributes } from 'svelte/elements'
 
 	type Variant = 'primary' | 'secondary' | 'overlay'
-	let className: string | undefined | null = undefined
-	export { className as class }
-	export let variant: Variant = 'primary'
 
 	interface Props extends HTMLAttributes<HTMLSpanElement> {
 		variant?: Variant
@@ -12,6 +9,10 @@
 	}
 
 	type $$Props = Props
+
+	export let variant: $$Props['variant'] = 'primary'
+	let className: $$Props['class'] = undefined
+	export { className as class }
 </script>
 
 <span class={`badge ${variant} small-sans ${className}`} {...$$restProps}>
diff --git a/src/lib/components/data-display/typography.svelte b/src/lib/components/data-display/typography.svelte
index 0509cfa..9955547 100644
--- a/src/lib/components/data-display/typography.svelte
+++ b/src/lib/components/data-display/typography.svelte
@@ -16,11 +16,6 @@
 		| 'serif-italic'
 	type Element = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span'
 
-	let className: string | undefined | null = undefined
-	export { className as class }
-	export let variant: Variant = 'serif'
-	export let element: Element = 'span'
-
 	type Props = {
 		class?: string | null
 		variant?: Variant
@@ -28,6 +23,11 @@
 	}
 
 	type $$Props = (HTMLAttributes<HTMLHeadingElement> | HTMLAttributes<HTMLSpanElement>) & Props
+
+	let className: $$Props['class'] = undefined
+	export { className as class }
+	export let variant: $$Props['variant'] = 'serif'
+	export let element: $$Props['element'] = 'span'
 </script>
 
 <svelte:element this={element} class={`${variant} ${className}`} {...$$restProps}>
diff --git a/src/lib/components/inputs/button.svelte b/src/lib/components/inputs/button.svelte
index 27aeba2..4bad37d 100644
--- a/src/lib/components/inputs/button.svelte
+++ b/src/lib/components/inputs/button.svelte
@@ -4,13 +4,31 @@
 
 	type Variant = 'primary' | 'secondary' | 'overlay'
 
-	let className: string | undefined | null = undefined
+	type Props = {
+		class?: string | null
+		variant?: Variant
+		active?: boolean
+	}
+
+	interface AnchorElement extends Props, HTMLAnchorAttributes {
+		href?: HTMLAnchorAttributes['href']
+		type?: never
+	}
+
+	interface ButtonElement extends Props, HTMLButtonAttributes {
+		type?: HTMLButtonAttributes['type']
+		href?: never
+	}
+
+	type $$Props = AnchorElement | ButtonElement
+
+	let className: $$Props['class'] = undefined
 	export { className as class }
-	export let href: HTMLAnchorAttributes['href'] = undefined
-	export let type: HTMLButtonAttributes['type'] = undefined
-	export let role: HTMLButtonAttributes['role'] = undefined
-	export let variant: Variant = 'secondary'
-	export let active: boolean = false
+	export let href: $$Props['href'] = undefined
+	export let type: $$Props['type'] = undefined
+	export let role: $$Props['role'] = undefined
+	export let variant: $$Props['variant'] = 'secondary'
+	export let active: $$Props['active'] = false
 
 	let buttonElement: HTMLButtonElement | HTMLAnchorElement
 	let singleSVG = false
@@ -33,24 +51,6 @@
 			singleSVG = true
 		}
 	})
-
-	type Props = {
-		class?: string | null
-		variant?: Variant
-		active?: boolean
-	}
-
-	interface AnchorElement extends Props, HTMLAnchorAttributes {
-		href?: HTMLAnchorAttributes['href']
-		type?: never
-	}
-
-	interface ButtonElement extends Props, HTMLButtonAttributes {
-		type?: HTMLButtonAttributes['type']
-		href?: never
-	}
-
-	type $$Props = AnchorElement | ButtonElement
 </script>
 
 <svelte:element
diff --git a/src/lib/components/inputs/input-text.svelte b/src/lib/components/inputs/input-text.svelte
index 27707c9..c81ed05 100644
--- a/src/lib/components/inputs/input-text.svelte
+++ b/src/lib/components/inputs/input-text.svelte
@@ -1,13 +1,6 @@
 <script lang="ts">
 	import type { HTMLInputAttributes } from 'svelte/elements'
 
-	export let value = ''
-	export let placeholder: string | undefined | null = undefined
-	export let autofocus: boolean | undefined | null = false
-	export let disabled: boolean | undefined | null = false
-	export let label: string | undefined | null = undefined
-	export let unit: string | undefined | null = undefined
-
 	interface Props extends HTMLInputAttributes {
 		disabled?: boolean | null
 		label?: string | null
@@ -16,6 +9,13 @@
 	}
 
 	type $$Props = Props
+
+	export let value = ''
+	export let placeholder: $$Props['placeholder'] = undefined
+	export let autofocus: $$Props['autofocus'] = false
+	export let disabled: $$Props['disabled'] = false
+	export let label: $$Props['label'] = undefined
+	export let unit: $$Props['unit'] = undefined
 </script>
 
 <label class:disabled>
diff --git a/src/lib/icons/add-comment.svelte b/src/lib/icons/add-comment.svelte
index 0abb3d0..cea37eb 100644
--- a/src/lib/icons/add-comment.svelte
+++ b/src/lib/icons/add-comment.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/add.svelte b/src/lib/icons/add.svelte
index 6f6cdfe..acb66c7 100644
--- a/src/lib/icons/add.svelte
+++ b/src/lib/icons/add.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/arrow-down-right.svelte b/src/lib/icons/arrow-down-right.svelte
index f3d9c68..a3b79f9 100644
--- a/src/lib/icons/arrow-down-right.svelte
+++ b/src/lib/icons/arrow-down-right.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/arrow-right.svelte b/src/lib/icons/arrow-right.svelte
index 81d00dd..28bf196 100644
--- a/src/lib/icons/arrow-right.svelte
+++ b/src/lib/icons/arrow-right.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/arrow-up-right.svelte b/src/lib/icons/arrow-up-right.svelte
index ed1d9a4..a1936fb 100644
--- a/src/lib/icons/arrow-up-right.svelte
+++ b/src/lib/icons/arrow-up-right.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/arrow-up.svelte b/src/lib/icons/arrow-up.svelte
index 49ed150..b16c0fa 100644
--- a/src/lib/icons/arrow-up.svelte
+++ b/src/lib/icons/arrow-up.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/arrows-vertical.svelte b/src/lib/icons/arrows-vertical.svelte
index ad28db6..c30e4ae 100644
--- a/src/lib/icons/arrows-vertical.svelte
+++ b/src/lib/icons/arrows-vertical.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/asleep.svelte b/src/lib/icons/asleep.svelte
index d70efbe..0fe227b 100644
--- a/src/lib/icons/asleep.svelte
+++ b/src/lib/icons/asleep.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/bullhorn.svelte b/src/lib/icons/bullhorn.svelte
index 9acffe4..3038005 100644
--- a/src/lib/icons/bullhorn.svelte
+++ b/src/lib/icons/bullhorn.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/camera.svelte b/src/lib/icons/camera.svelte
index c64e9fc..f119b3d 100644
--- a/src/lib/icons/camera.svelte
+++ b/src/lib/icons/camera.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/caret-down.svelte b/src/lib/icons/caret-down.svelte
index bc39d48..3c9e482 100644
--- a/src/lib/icons/caret-down.svelte
+++ b/src/lib/icons/caret-down.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/chat-bot.svelte b/src/lib/icons/chat-bot.svelte
index bca088d..1df18ba 100644
--- a/src/lib/icons/chat-bot.svelte
+++ b/src/lib/icons/chat-bot.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/chat-launch.svelte b/src/lib/icons/chat-launch.svelte
index 4046dbd..4bf879a 100644
--- a/src/lib/icons/chat-launch.svelte
+++ b/src/lib/icons/chat-launch.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/checkmark-filled.svelte b/src/lib/icons/checkmark-filled.svelte
index d3f5c92..94fb041 100644
--- a/src/lib/icons/checkmark-filled.svelte
+++ b/src/lib/icons/checkmark-filled.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/checkmark.svelte b/src/lib/icons/checkmark.svelte
index dded423..3829ae4 100644
--- a/src/lib/icons/checkmark.svelte
+++ b/src/lib/icons/checkmark.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/chevron-down.svelte b/src/lib/icons/chevron-down.svelte
index db6b344..267ff54 100644
--- a/src/lib/icons/chevron-down.svelte
+++ b/src/lib/icons/chevron-down.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/chevron-left.svelte b/src/lib/icons/chevron-left.svelte
index 5775a7d..86c9224 100644
--- a/src/lib/icons/chevron-left.svelte
+++ b/src/lib/icons/chevron-left.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/chevron-right.svelte b/src/lib/icons/chevron-right.svelte
index 45f175f..7f68669 100644
--- a/src/lib/icons/chevron-right.svelte
+++ b/src/lib/icons/chevron-right.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/chevron-up.svelte b/src/lib/icons/chevron-up.svelte
index 93d63ff..1cbcfb8 100644
--- a/src/lib/icons/chevron-up.svelte
+++ b/src/lib/icons/chevron-up.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/close.svelte b/src/lib/icons/close.svelte
index 4b452b5..d3e0f3b 100644
--- a/src/lib/icons/close.svelte
+++ b/src/lib/icons/close.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/copy-link.svelte b/src/lib/icons/copy-link.svelte
index bb8cc5e..554cb7d 100644
--- a/src/lib/icons/copy-link.svelte
+++ b/src/lib/icons/copy-link.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/copy.svelte b/src/lib/icons/copy.svelte
index 736b3bd..5d530c0 100644
--- a/src/lib/icons/copy.svelte
+++ b/src/lib/icons/copy.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/data-view-alt.svelte b/src/lib/icons/data-view-alt.svelte
index e1db31c..acd944f 100644
--- a/src/lib/icons/data-view-alt.svelte
+++ b/src/lib/icons/data-view-alt.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/document-signed.svelte b/src/lib/icons/document-signed.svelte
index 11d52fa..5cc5a4c 100644
--- a/src/lib/icons/document-signed.svelte
+++ b/src/lib/icons/document-signed.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/edit.svelte b/src/lib/icons/edit.svelte
index f1c2bc9..89701b3 100644
--- a/src/lib/icons/edit.svelte
+++ b/src/lib/icons/edit.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/events.svelte b/src/lib/icons/events.svelte
index 423f069..b56fedc 100644
--- a/src/lib/icons/events.svelte
+++ b/src/lib/icons/events.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/launch.svelte b/src/lib/icons/launch.svelte
index 8971bed..c07a991 100644
--- a/src/lib/icons/launch.svelte
+++ b/src/lib/icons/launch.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/light.svelte b/src/lib/icons/light.svelte
index c9ce798..97aa46a 100644
--- a/src/lib/icons/light.svelte
+++ b/src/lib/icons/light.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/login.svelte b/src/lib/icons/login.svelte
index 539674e..92e9aa3 100644
--- a/src/lib/icons/login.svelte
+++ b/src/lib/icons/login.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/logout.svelte b/src/lib/icons/logout.svelte
index 82070fe..e15993c 100644
--- a/src/lib/icons/logout.svelte
+++ b/src/lib/icons/logout.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/paint-palette.svelte b/src/lib/icons/paint-palette.svelte
index f45a998..346292c 100644
--- a/src/lib/icons/paint-palette.svelte
+++ b/src/lib/icons/paint-palette.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/pending.svelte b/src/lib/icons/pending.svelte
index 1fc8662..6919b6c 100644
--- a/src/lib/icons/pending.svelte
+++ b/src/lib/icons/pending.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/qr-code.svelte b/src/lib/icons/qr-code.svelte
index 1fa9bca..afcca37 100644
--- a/src/lib/icons/qr-code.svelte
+++ b/src/lib/icons/qr-code.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/receipt.svelte b/src/lib/icons/receipt.svelte
index 6630f7c..c527713 100644
--- a/src/lib/icons/receipt.svelte
+++ b/src/lib/icons/receipt.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}
diff --git a/src/lib/icons/renew.svelte b/src/lib/icons/renew.svelte
index b96fdf9..e84846b 100644
--- a/src/lib/icons/renew.svelte
+++ b/src/lib/icons/renew.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/settings-adjust.svelte b/src/lib/icons/settings-adjust.svelte
index 5f333f6..c450b40 100644
--- a/src/lib/icons/settings-adjust.svelte
+++ b/src/lib/icons/settings-adjust.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/settings-view.svelte b/src/lib/icons/settings-view.svelte
index 2b4cf75..640c096 100644
--- a/src/lib/icons/settings-view.svelte
+++ b/src/lib/icons/settings-view.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/settings.svelte b/src/lib/icons/settings.svelte
index 37fc5be..9b6795e 100644
--- a/src/lib/icons/settings.svelte
+++ b/src/lib/icons/settings.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/show-data-cards.svelte b/src/lib/icons/show-data-cards.svelte
index 5758310..6084e55 100644
--- a/src/lib/icons/show-data-cards.svelte
+++ b/src/lib/icons/show-data-cards.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/trash-can.svelte b/src/lib/icons/trash-can.svelte
index 075a0aa..b1b5db1 100644
--- a/src/lib/icons/trash-can.svelte
+++ b/src/lib/icons/trash-can.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/user-follow.svelte b/src/lib/icons/user-follow.svelte
index 89e5a0b..9452317 100644
--- a/src/lib/icons/user-follow.svelte
+++ b/src/lib/icons/user-follow.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/user.svelte b/src/lib/icons/user.svelte
index f7185bc..59dfef3 100644
--- a/src/lib/icons/user.svelte
+++ b/src/lib/icons/user.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/wallet.svelte b/src/lib/icons/wallet.svelte
index ea306d5..9946ba9 100644
--- a/src/lib/icons/wallet.svelte
+++ b/src/lib/icons/wallet.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
diff --git a/src/lib/icons/warning-alt-filled.svelte b/src/lib/icons/warning-alt-filled.svelte
index edec7fe..5093a3d 100644
--- a/src/lib/icons/warning-alt-filled.svelte
+++ b/src/lib/icons/warning-alt-filled.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>