@app-studio/web 0.8.92 → 0.8.93

package/dist/web.umd.development.js

@@ -3370,18 +3370,6 @@
   // Badge component that displays a small indicator, typically used for counts or status
   var Badge = props => /*#__PURE__*/React__default.createElement(BadgeView, Object.assign({}, props));
 
-  var useButtonState = () => {
-    var [isHovered, setIsHovered] = React__default.useState(false);
-    // This custom react hook 'useButtonState' is defined for managing the state of a button, especially for hover interactions.
-    return {
-      isHovered,
-      setIsHovered
-    };
-    // The 'setIsHovered' function is used to update the value of 'isHovered' state when the hover status of the button changes.
-    // A state variable 'isHovered' is declared with its initial value set to 'false', indicating that the button is not hovered by default.
-  };
-  // The hook returns an object containing 'isHovered' state and the 'setIsHovered' function to enable state management from the consumer component.
-
   // This function initializes the Link component's state using the useState hook and exposes its state and setter function.
   var useLinkState = () => {
     var [isHovered, setIsHovered] = React.useState(false);
@@ -3966,25 +3954,14 @@
 
   // Importing a custom hook to manage the state specific to the button component.
   var ButtonComponent = props => {
-    // Importing the view part of the button, which is presumably a presentational component.
-    var {
-      isHovered,
-      setIsHovered
-    } = useButtonState();
-    // Defining the button component with generic React Functional Component type augmented with ButtonProps type.
-    var handleHover = () => setIsHovered(!isHovered);
+    var [ref, hover] = appStudio.useHover();
     // Destructuring the state and state update function from the custom hook for button state management.
     return (
       /*#__PURE__*/
       // Defines a function to toggle the hover state of the button.
       React__default.createElement(ButtonView, Object.assign({
-        isHovered: isHovered,
-        // Rendering the ButtonView component and spreading the received props on it.
-        setIsHovered: setIsHovered,
-        // Passing the isHovered state and the setIsHovered function to the ButtonView.
-        onMouseEnter: handleHover,
-        // Binding handleHover function to onMouseEnter and onMouseLeave events to toggle hover effect.
-        onMouseLeave: handleHover
+        ref: ref,
+        isHovered: hover
       }, props))
     );
     // Exports the Button component for use in other parts of the application.