{"ast":null,"code":"'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { unstable_useForkRef as useForkRef, unstable_useIsFocusVisible as useIsFocusVisible } from '@mui/utils';\nimport { extractEventHandlers } from '../utils/extractEventHandlers';\nimport { useRootElementName } from '../utils/useRootElementName';\n/**\n *\n * Demos:\n *\n * - [Button](https://mui.com/base-ui/react-button/#hook)\n *\n * API:\n *\n * - [useButton API](https://mui.com/base-ui/react-button/hooks-api/#use-button)\n */\nexport function useButton(parameters = {}) {\n const {\n disabled = false,\n focusableWhenDisabled,\n href,\n rootRef: externalRef,\n tabIndex,\n to,\n type,\n rootElementName: rootElementNameProp\n } = parameters;\n const buttonRef = React.useRef();\n const [active, setActive] = React.useState(false);\n const {\n isFocusVisibleRef,\n onFocus: handleFocusVisible,\n onBlur: handleBlurVisible,\n ref: focusVisibleRef\n } = useIsFocusVisible();\n const [focusVisible, setFocusVisible] = React.useState(false);\n if (disabled && !focusableWhenDisabled && focusVisible) {\n setFocusVisible(false);\n }\n React.useEffect(() => {\n isFocusVisibleRef.current = focusVisible;\n }, [focusVisible, isFocusVisibleRef]);\n const [rootElementName, updateRootElementName] = useRootElementName({\n rootElementName: rootElementNameProp != null ? rootElementNameProp : href || to ? 'a' : undefined,\n componentName: 'Button'\n });\n const createHandleMouseLeave = otherHandlers => event => {\n var _otherHandlers$onMous;\n if (focusVisible) {\n event.preventDefault();\n }\n (_otherHandlers$onMous = otherHandlers.onMouseLeave) == null || _otherHandlers$onMous.call(otherHandlers, event);\n };\n const createHandleBlur = otherHandlers => event => {\n var _otherHandlers$onBlur;\n handleBlurVisible(event);\n if (isFocusVisibleRef.current === false) {\n setFocusVisible(false);\n }\n (_otherHandlers$onBlur = otherHandlers.onBlur) == null || _otherHandlers$onBlur.call(otherHandlers, event);\n };\n const createHandleFocus = otherHandlers => event => {\n var _otherHandlers$onFocu2;\n // Fix for https://github.com/facebook/react/issues/7769\n if (!buttonRef.current) {\n buttonRef.current = event.currentTarget;\n }\n handleFocusVisible(event);\n if (isFocusVisibleRef.current === true) {\n var _otherHandlers$onFocu;\n setFocusVisible(true);\n (_otherHandlers$onFocu = otherHandlers.onFocusVisible) == null || _otherHandlers$onFocu.call(otherHandlers, event);\n }\n (_otherHandlers$onFocu2 = otherHandlers.onFocus) == null || _otherHandlers$onFocu2.call(otherHandlers, event);\n };\n const isNativeButton = () => {\n const button = buttonRef.current;\n return rootElementName === 'BUTTON' || rootElementName === 'INPUT' && ['button', 'submit', 'reset'].includes(button == null ? void 0 : button.type) || rootElementName === 'A' && (button == null ? void 0 : button.href);\n };\n const createHandleClick = otherHandlers => event => {\n if (!disabled) {\n var _otherHandlers$onClic;\n (_otherHandlers$onClic = otherHandlers.onClick) == null || _otherHandlers$onClic.call(otherHandlers, event);\n }\n };\n const createHandleMouseDown = otherHandlers => event => {\n var _otherHandlers$onMous2;\n if (!disabled) {\n setActive(true);\n document.addEventListener('mouseup', () => {\n setActive(false);\n }, {\n once: true\n });\n }\n (_otherHandlers$onMous2 = otherHandlers.onMouseDown) == null || _otherHandlers$onMous2.call(otherHandlers, event);\n };\n const createHandleKeyDown = otherHandlers => event => {\n var _otherHandlers$onKeyD;\n (_otherHandlers$onKeyD = otherHandlers.onKeyDown) == null || _otherHandlers$onKeyD.call(otherHandlers, event);\n if (event.defaultMuiPrevented) {\n return;\n }\n if (event.target === event.currentTarget && !isNativeButton() && event.key === ' ') {\n event.preventDefault();\n }\n if (event.target === event.currentTarget && event.key === ' ' && !disabled) {\n setActive(true);\n }\n\n // Keyboard accessibility for non interactive elements\n if (event.target === event.currentTarget && !isNativeButton() && event.key === 'Enter' && !disabled) {\n var _otherHandlers$onClic2;\n (_otherHandlers$onClic2 = otherHandlers.onClick) == null || _otherHandlers$onClic2.call(otherHandlers, event);\n event.preventDefault();\n }\n };\n const createHandleKeyUp = otherHandlers => event => {\n var _otherHandlers$onKeyU;\n // calling preventDefault in keyUp on a