fix: controlled animation issues (#49)

* fix: controlled animation issues

* add changeset

Author: huntabyte

.changeset/gorgeous-news-wait.md

@@ -0,0 +1,5 @@
+---
+"vaul-svelte": patch
+---
+
+fix: controlled animation issues

src/lib/vaul/components/root.svelte

@@ -27,7 +27,13 @@
 	export let direction: $$Props["direction"] = "bottom";
 
 	const {
-		states: { keyboardIsOpen, activeSnapPoint: localActiveSnapPoint, drawerId, openDrawerIds },
+		states: {
+			keyboardIsOpen,
+			activeSnapPoint: localActiveSnapPoint,
+			drawerId,
+			openDrawerIds,
+			isOpen,
+		},
 		methods: { closeDrawer, openDrawer },
 		options: { dismissible: localDismissible },
 		updateOption,
@@ -81,6 +87,9 @@
 	$: updateOption("backgroundColor", backgroundColor);
 	$: updateOption("dismissible", dismissible);
 	$: updateOption("direction", direction);
+
+	$: open && !$isOpen && openDrawer();
+	$: !open && $isOpen && closeDrawer();
 </script>
 
 <DialogPrimitive.Root