fix: svelte gesture dep usage

Author: sosweetham

platforms/pictique/package.json

@@ -50,9 +50,7 @@
 		"vite": "^6.2.6"
 	},
 	"dependencies": {
-		"-": "^0.0.1",
 		"@sveltejs/adapter-node": "^5.2.12",
-		"D": "^1.0.0",
 		"axios": "^1.6.7",
 		"moment": "^2.30.1",
 		"svelte-qrcode": "^1.0.1",

platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte

@@ -3,8 +3,7 @@
 	import { CupertinoPane } from 'cupertino-pane';
 	import type { HTMLAttributes } from 'svelte/elements';
 	import { cn } from '$lib/utils';
-	import { swipe } from 'svelte-gestures';
-	import type { SwipeCustomEvent } from 'svelte-gestures';
+	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
 
 	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 		drawer?: CupertinoPane;
@@ -19,11 +18,9 @@
 		if (drawer) drawer.destroy({ animate: true });
 	}
 
-	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
-		if (event.detail.direction === ('down' as string)) {
-			drawer?.destroy({ animate: true });
-		}
-	};
+	function downSwipeHandler() {
+		drawer?.destroy({ animate: true });
+	}
 
 	onMount(() => {
 		if (!drawerElement) return;
@@ -48,11 +45,16 @@
 <div
 	bind:this={drawerElement}
 	{...restProps}
-	use:swipe={() => ({
-		timeframe: 300,
-		minSwipeDistance: 60
-	})}
-	onswipe={handleDrawerSwipe}
+	{...useSwipe(
+		() => {},
+		() => ({
+			timeframe: 300,
+			minSwipeDistance: 60
+		}),
+		{
+			onswipedown: downSwipeHandler
+		}
+	)}
 	class={cn(restProps.class)}
 >
 	<div class="h-[100%] overflow-y-scroll">