feat: new navigation

src/lib/components/Tooltip.svelte

@@ -1,12 +1,16 @@
 <script lang="ts">
 	import { createTooltip, melt } from '@melt-ui/svelte';
+	import type { FloatingConfig } from '@melt-ui/svelte/internal/actions';
+
+	export let placement: FloatingConfig['placement'] = 'top';
+	export let disabled = false;
 
 	const {
 		elements: { trigger, content, arrow },
 		states: { open }
 	} = createTooltip({
 		positioning: {
-			placement: 'top'
+			placement
 		},
 		openDelay: 0,
 		closeOnPointerDown: false,
@@ -18,7 +22,7 @@
 	<slot />
 </span>
 
-{#if $open}
+{#if $open && !disabled}
 	<div use:melt={$content} class="aw-tooltip aw-sub-body-400">
 		<div use:melt={$arrow} />
 		<slot name="tooltip" />