cleanup some biome warnings

Author: mark-tate

packages/embla-carousel/src/Carousel.tsx

@@ -85,7 +85,7 @@ export const Carousel = forwardRef<HTMLElement, CarouselProps>(
         getEmblaApi?.(emblaApi);
       }
       return undefined;
-    }, [emblaApi]);
+    }, [emblaApi, getEmblaApi]);
 
     const [ariaVariant, setAriaVariant] =
       useState<CarouselAriaVariant>("group");

packages/embla-carousel/src/CarouselAutoplayIndicator.tsx

@@ -100,7 +100,7 @@ export const CarouselAutoplayIndicator = forwardRef<
           animationFrameId.current = null;
         }
       };
-    }, [circumference, duration, slideIndex, isPlaying, isPaused]);
+    }, [circumference, duration, isPlaying, isPaused]);
 
     return (
       <div

packages/embla-carousel/src/CarouselCard.tsx

@@ -59,6 +59,7 @@ export const CarouselCard = forwardRef<HTMLDivElement, CarouselCardProps>(
     const { ariaVariant } = useCarouselContext();
 
     return (
+      // biome-ignore lint/a11y/useAriaPropsSupportedByRole: role is set dynamically and is valid
       <div
         aria-roledescription="slide"
         className={clsx([withBaseName(), className])}

packages/embla-carousel/src/CarouselSlides.tsx

@@ -95,7 +95,7 @@ export const CarouselSlides = forwardRef<HTMLDivElement, CarouselSlidesProps>(
         emblaApi.off("scroll", scrollCallback);
         emblaApi.off("pointerDown", pointerDownCallback);
       };
-    }, [emblaApi]);
+    }, [emblaApi, setAnnouncementState]);
 
     useLayoutEffect(() => {
       if (focusSlideIndex >= 0) {
@@ -118,7 +118,7 @@ export const CarouselSlides = forwardRef<HTMLDivElement, CarouselSlidesProps>(
       if (disableSlideAnnouncements === false) {
         setAnnouncementState(undefined);
       }
-    }, [disableSlideAnnouncements]);
+    }, [disableSlideAnnouncements, setAnnouncementState]);
 
     useEffect(() => {
       if (

packages/embla-carousel/src/CarouselTabList.tsx

@@ -121,7 +121,7 @@ export const CarouselTabList = forwardRef<HTMLDivElement, CarouselTabListProps>(
 
           return (
             <CarouselTabRenderer
-              key={`carouselTab-${scrollSnapIndex}}`}
+              key={`carouselTab-${slideNodes?.[scrollSnapIndex].id}}`}
               ref={(element: HTMLButtonElement) => {
                 buttonRefs.current[scrollSnapIndex] = element;
               }}