@wistia/ui 0.18.0-beta.af6ce7a5.9372ce9 → 0.18.0-beta.ce6c1712.725e361

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.0-beta.af6ce7a5.9372ce9
+ * @license @wistia/ui v0.18.0-beta.ce6c1712.725e361
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2812,11 +2812,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,
@@ -7724,7 +7739,6 @@ var StyledButton = styled5.button`
   ${({ $variant }) => buttonVariantsStyles[$variant]}
   ${({ $unstyled }) => !$unstyled && buttonBaseStyles}
   ${({ $fullWidth }) => $fullWidth && "width: 100%;"}
-  align-self: flex-start;
   text-align: center;
 `;
 var StyledButtonContent = styled5.div`
@@ -8421,7 +8435,7 @@ var DEFAULT_ELEMENT = "div";
 var BoxComponent = forwardRef5(
   ({
     alignContent = "stretch",
-    alignItems = "stretch",
+    alignItems = "flex-start",
     alignSelf,
     basis,
     children,
@@ -8940,10 +8954,6 @@ var ButtonGroupComponent = styled14.div`
   justify-content: ${({ $align }) => getAlignment($align)};
   width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
 
-  ${StyledButton} {
-    align-self: unset;
-  }
-
   ${mq.smAndUp} {
     flex-direction: row;
   }