@homebound/beam 3.61.0 → 3.62.0

package/dist/index.d.cts

@@ -9854,6 +9854,11 @@ type StepperTabProps = {
     disabled?: boolean;
     /** Collapses the tab down to its colored bottom border only, hiding the label — for the mobile view */
     collapsed?: boolean;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        focusVisible?: boolean;
+    };
 };
 declare function StepperTab(props: StepperTabProps): JSX.Element;
 

package/dist/index.d.ts

@@ -9854,6 +9854,11 @@ type StepperTabProps = {
     disabled?: boolean;
     /** Collapses the tab down to its colored bottom border only, hiding the label — for the mobile view */
     collapsed?: boolean;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        focusVisible?: boolean;
+    };
 };
 declare function StepperTab(props: StepperTabProps): JSX.Element;
 

package/dist/index.js

@@ -24387,7 +24387,8 @@ function StepperTab(props) {
     completed,
     onClick,
     disabled = false,
-    collapsed = false
+    collapsed = false,
+    __storyState
   } = props;
   const ariaProps = {
     onPress: () => onClick(value),
@@ -24398,13 +24399,15 @@ function StepperTab(props) {
     buttonProps
   } = useButton13(ariaProps, ref);
   const {
-    isFocusVisible,
+    isFocusVisible: isFocusVisibleFromEvents,
     focusProps
   } = useFocusRing18();
   const {
     hoverProps,
-    isHovered
+    isHovered: isHoveredFromEvents
   } = useHover22(ariaProps);
+  const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
+  const isFocusVisible = __storyState?.focusVisible ?? isFocusVisibleFromEvents;
   const tid = useTestIds(props, "stepperTab");
   return /* @__PURE__ */ jsxs99("button", { ref, ...mergeProps30(buttonProps, focusProps, hoverProps), "aria-label": label, ...trussProps104({
     ...stepperTabStyles.baseStyles,
@@ -24458,7 +24461,7 @@ function getCollapsedStyles(active, completed) {
       paddingTop: "pt0",
       paddingBottom: "pb0"
     },
-    ...completed && !active ? {
+    ...active || completed ? {
       borderColor: "bcBlue600"
     } : {
       borderColor: "bcGray300"