@wistia/ui 0.18.8 → 0.18.9-beta.1a9d3a8c.f773a5a

package/dist/index.d.mts

@@ -123,11 +123,11 @@ declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) =>
 declare const useForceUpdate: () => (() => void);
 
 type HoverProps = {
-    onFocus: () => void;
-    onMouseEnter: () => void;
-    onBlur: () => void;
-    onMouseLeave: () => void;
-    onMouseMove?: () => void;
+    onFocus: (event: React.FocusEvent) => void;
+    onMouseEnter: (event: React.MouseEvent) => void;
+    onBlur: (event: React.FocusEvent) => void;
+    onMouseLeave: (event: React.MouseEvent) => void;
+    onMouseMove?: (event: React.MouseEvent) => void;
 };
 declare const useIsHovered: () => [boolean, HoverProps, (hovered: boolean) => void];
 

package/dist/index.d.ts

@@ -123,11 +123,11 @@ declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) =>
 declare const useForceUpdate: () => (() => void);
 
 type HoverProps = {
-    onFocus: () => void;
-    onMouseEnter: () => void;
-    onBlur: () => void;
-    onMouseLeave: () => void;
-    onMouseMove?: () => void;
+    onFocus: (event: React.FocusEvent) => void;
+    onMouseEnter: (event: React.MouseEvent) => void;
+    onBlur: (event: React.FocusEvent) => void;
+    onMouseLeave: (event: React.MouseEvent) => void;
+    onMouseMove?: (event: React.MouseEvent) => void;
 };
 declare const useIsHovered: () => [boolean, HoverProps, (hovered: boolean) => void];
 

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.8
+ * @license @wistia/ui v0.18.9-beta.1a9d3a8c.f773a5a
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2807,11 +2807,26 @@ var useForceUpdate = () => {
 import { useState as useState6 } from "react";
 var useIsHovered = () => {
   const [isHovered, setIsHovered] = useState6(false);
-  const onFocus = () => setIsHovered(true);
-  const onMouseEnter = () => setIsHovered(true);
-  const onMouseMove = () => setIsHovered(true);
-  const onBlur = () => setIsHovered(false);
-  const onMouseLeave = () => setIsHovered(false);
+  const onFocus = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(true);
+  };
+  const onMouseEnter = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(true);
+  };
+  const onMouseMove = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(true);
+  };
+  const onBlur = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(false);
+  };
+  const onMouseLeave = (event) => {
+    if (event.target !== event.currentTarget) return;
+    setIsHovered(false);
+  };
   const hoverProps = {
     onFocus,
     onMouseEnter,
@@ -17796,7 +17811,7 @@ var StyledThumbnailBadge = styled105.div`
   gap: var(--wui-space-01);
   padding: 0 var(--wui-space-01);
   position: absolute;
-  right: var(--wui-thumbnail-badge-offset);
+  right: var(--wui-thumbnail-badge-offset, var(--wui-space-01));
   z-index: 1;
 
   svg {
@@ -18158,7 +18173,11 @@ var StyledThumbnail = styled107.div`
   width: 100%;
   overflow: hidden;
   position: relative;
-  border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
+
+  &,
+  img {
+    border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
+  }
 
   @container (min-width: 200px) {
     --wui-thumbnail-badge-offset: var(--wui-space-02);