feat: change animation fo rdropdown menu

Author: ingoau

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

@@ -21,7 +21,13 @@
 		data-slot="dropdown-menu-content"
 		{sideOffset}
 		class={cn(
-			'z-50 max-h-(--bits-dropdown-menu-content-available-height) min-w-[8rem] origin-(--bits-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+			'z-50 max-h-(--bits-dropdown-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none',
+			'origin-(--bits-dropdown-menu-content-transform-origin) duration-200',
+			'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2',
+			'data-[state=closed]:zoom-out-85 data-[state=open]:zoom-in-85',
+			'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+			'data-[state=closed]:animate-out data-[state=open]:animate-in',
+			'data-[state=closed]:blur-out-sm data-[state=open]:blur-in-sm',
 			className
 		)}
 		{...restProps}