@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/cjs/BaseButton-97ec7696.js

@@ -1,174 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var usePress = require('./usePress-886180e4.js');
-var usePressClick = require('./usePressClick-421494df.js');
-var useHover = require('./useHover-c099039f.js');
-var useActive = require('./useActive-6770f917.js');
-require('./TabbableModeContext-e99d527e.js');
-var useTabbableMode = require('./useTabbableMode-5c8fd9e5.js');
-var useColorScheme = require('./useColorScheme-608bfb12.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var dimensions = require('./dimensions-b4be9793.js');
-var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var clientHints$1 = require('./clientHints-89c01238.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-var UNSAFE_BaseButton_themes_redwood_BaseButtonTheme = require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var useTestId = require('./useTestId-1fac9baa.js');
-
-const interpolations = [...Object.values(dimensions.dimensionInterpolations)];
-const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
-const clientHints = clientHints$1.getClientHints();
-// :active only works on IOS devices if a touch handler exists
-const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
-const isHybrid = clientHints$1.getClientHints().hoverSupport === 'events';
-const roleProps = (elType, hidden, isFocusable, isLabel, isSwitch) => {
-    switch (elType) {
-        case 'link':
-            return { role: 'link' };
-        case 'button':
-            return isSwitch ? { role: 'switch' } : {};
-        case 'span':
-            return isLabel
-                ? {}
-                : hidden
-                    ? { role: 'none' }
-                    : isFocusable
-                        ? isSwitch
-                            ? { role: 'switch' }
-                            : { role: 'button' }
-                        : { role: 'img' };
-        default:
-            return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };
-    }
-};
-const BaseButton = compat.forwardRef(({ variant, isReadOnly = false, isDisabled = false, isRepeat = false, isClick, size, elementDetails = { type: 'button', buttonType: 'button' }, styling = ['default'], edge = 'none', 'aria-label': accessibleLabel, 'aria-hidden': ariaHidden, 'aria-expanded': ariaExpanded, 'aria-roledescription': ariaRoledescription, 'aria-haspopup': ariaHasPopup, 'aria-describedby': ariaDescribedBy, 'aria-pressed': ariaPressed, 'aria-checked': ariaChecked, 'aria-live': ariaLive, testId, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchEnd, onTouchStart, onKeyDown, ...props }, ref) => {
-    const pressHandler = (e) => {
-        if (props.onAction) {
-            props.onAction({
-                reason: e.pointerType == '' ? 'keyboard' : 'pointer'
-            });
-        }
-    };
-    const { pressProps } = usePress.usePress(pressHandler, {
-        isDisabled: isDisabled || isReadOnly,
-        isRepeat
-    });
-    const { pressProps: pressClickProps } = usePressClick.usePressClick(pressHandler, {
-        isDisabled: isDisabled || isReadOnly
-    });
-    const isStyled = (name) => {
-        return styling.indexOf(name) > -1;
-    };
-    const { hoverProps, isHover } = useHover.useHover({ isDisabled: !isHybrid });
-    const { activeProps, isActive } = useActive.useActive({ isDisabled: isReadOnly });
-    const { class: cls, ...styles } = styleInterpolations({
-        ...props,
-        onBlur,
-        onFocus,
-        onMouseEnter,
-        onMouseLeave,
-        onTouchEnd,
-        onTouchStart,
-        onKeyDown
-    });
-    const { type: elementType = 'button', isFocusable: isElementFocusable = true, isLabel: isElementLabel = false, isSwitch: isElementSwitch = false, buttonType = 'button', ...elementProps } = { ...elementDetails };
-    const typeProps = elementType === 'button' && buttonType === 'button' ? { type: buttonType } : {};
-    // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable
-    const role = roleProps(elementType, ariaHidden ?? false, isElementFocusable, isElementLabel, isElementSwitch);
-    const ElementType = elementDetails.type;
-    const isSpan = ElementType == 'span';
-    const isBaseButton = ElementType == 'button';
-    const { tabbableModeProps } = useTabbableMode.useTabbableMode(isDisabled);
-    const colorScheme = useColorScheme.useColorScheme();
-    const { variantClasses } = useComponentTheme.useComponentTheme(UNSAFE_BaseButton_themes_redwood_BaseButtonTheme.BaseButtonRedwoodTheme, {
-        size,
-        variant,
-        unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',
-        embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',
-        container: isStyled('container') ? 'isContainer' : 'notContainer',
-        noBorderRadiusStart: isStyled('noBorderRadiusStart')
-            ? 'isNoBorderRadiusStart'
-            : 'notNoBorderRadiusStart',
-        noBorderRadiusEnd: isStyled('noBorderRadiusEnd')
-            ? 'isNoBorderRadiusEnd'
-            : 'notNoBorderRadiusEnd',
-        noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',
-        noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',
-        activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',
-        selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',
-        buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',
-        trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',
-        fill: isStyled('fill') ? 'isFill' : 'notFill',
-        min: isStyled('min') ? 'isMin' : 'notMin',
-        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
-        edge,
-        hybrid: isHybrid ? 'isHybrid' : 'notHybrid',
-        active: isActive ? 'isActive' : 'notActive',
-        hover: isHover ? 'isHover' : 'notHover',
-        span: isSpan ? 'isSpan' : 'notSpan',
-        widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',
-        widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',
-        hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',
-        noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',
-        newStackingContext: isStyled('newStackingContext')
-            ? 'isNewStackingContext'
-            : 'notNewStackingContext',
-        colorScheme
-    });
-    const globalEventProps = {
-        onBlur,
-        onFocus,
-        onMouseEnter,
-        onMouseLeave,
-        onTouchEnd,
-        onTouchStart,
-        onKeyDown
-    };
-    const arDisabled = isBaseButton
-        ? {}
-        : isDisabled
-            ? { 'aria-disabled': isDisabled }
-            : isReadOnly
-                ? { 'aria-disabled': true }
-                : {};
-    const arHaspopups = ariaHasPopup ? { 'aria-haspopup': ariaHasPopup } : {};
-    const ariaProps = role.role === 'none'
-        ? {}
-        : {
-            'aria-label': accessibleLabel,
-            'aria-describedby': ariaDescribedBy,
-            'aria-hidden': ariaHidden,
-            'aria-roledescription': ariaRoledescription,
-            'aria-expanded': ariaExpanded,
-            'aria-pressed': ariaPressed,
-            'aria-checked': ariaChecked,
-            'aria-live': ariaLive,
-            ...arDisabled,
-            ...arHaspopups
-        };
-    const isClickPress = isClick === undefined ? (isBaseButton ? true : false) : isClick;
-    const mergedProps = mergeProps.mergeProps(elementProps, props.onAction ? (isRepeat || isClickPress ? pressClickProps : pressProps) : {}, iosProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps);
-    const wrapperClasses = classNames.classNames([cls, variantClasses]);
-    const testIdProps = useTestId.useTestId(testId);
-    const getTabIndex = () => {
-        if ((isSpan && (isElementFocusable === false || isDisabled)) ||
-            (isBaseButton && isDisabled)) {
-            // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements
-            return { tabIndex: undefined };
-        }
-        return tabbableModeProps;
-    };
-    return (jsxRuntime.jsx(ElementType
-    // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
-    , { 
-        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
-        ref: ref, disabled: isDisabled, class: wrapperClasses, style: styles, autofocus: props['autofocus'], title: props.title, ...ariaProps, ...getTabIndex(), ...typeProps, ...testIdProps, ...mergedProps, ...role, children: props.children }));
-});
-BaseButton.displayName = 'BaseButton';
-
-exports.BaseButton = BaseButton;
-//# sourceMappingURL=BaseButton-97ec7696.js.map

package/cjs/BaseButton-97ec7696.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton-97ec7696.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { usePressClick } from '../hooks/UNSAFE_usePressClick';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\n\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | {\n      type: 'button';\n      buttonType?: 'button' | 'submit';\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'title'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n  | 'onKeyDown'\n>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'noBorderEnd'\n  | 'noBorderStart'\n  | 'active'\n  | 'selected'\n  | 'buttonSetItem'\n  | 'trailingItem'\n  | 'widthEqual'\n  | 'hiddenLabel'\n  | 'noHoverActive'\n  | 'widthAuto'\n  | 'newStackingContext';\n\ntype AriaProps = {\n  'aria-label'?: string;\n  'aria-hidden'?: boolean;\n  'aria-expanded'?: boolean;\n  'aria-roledescription'?: string;\n  'aria-describedby'?: string;\n  'aria-haspopup'?: HTMLAttributesSignalExcluded['aria-haspopup'];\n  'aria-pressed'?: boolean;\n  'aria-checked'?: boolean;\n  'aria-live'?: 'polite' | 'assertive' | 'off';\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button be read-only.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean,\n  isFocusable: boolean,\n  isLabel: boolean,\n  isSwitch: boolean\n): { role?: HTMLAttributesSignalExcluded['role'] } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return isSwitch ? { role: 'switch' } : {};\n    case 'span':\n      return isLabel\n        ? {}\n        : hidden\n        ? { role: 'none' }\n        : isFocusable\n        ? isSwitch\n          ? { role: 'switch' }\n          : { role: 'button' }\n        : { role: 'img' };\n    default:\n      return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      'aria-label': accessibleLabel,\n      'aria-hidden': ariaHidden,\n      'aria-expanded': ariaExpanded,\n      'aria-roledescription': ariaRoledescription,\n      'aria-haspopup': ariaHasPopup,\n      'aria-describedby': ariaDescribedBy,\n      'aria-pressed': ariaPressed,\n      'aria-checked': ariaChecked,\n      'aria-live': ariaLive,\n      testId,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const pressHandler = (e: Event) => {\n      if (props.onAction) {\n        props.onAction({\n          reason: (e as PointerEvent).pointerType == '' ? 'keyboard' : 'pointer'\n        });\n      }\n    };\n\n    const { pressProps } = usePress(pressHandler, {\n      isDisabled: isDisabled || isReadOnly,\n      isRepeat\n    });\n    const { pressProps: pressClickProps } = usePressClick(pressHandler, {\n      isDisabled: isDisabled || isReadOnly\n    });\n\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown\n    });\n    const {\n      type: elementType = 'button',\n      isFocusable: isElementFocusable = true,\n      isLabel: isElementLabel = false,\n      isSwitch: isElementSwitch = false,\n      buttonType = 'button',\n      ...elementProps\n    } = { ...elementDetails };\n    const typeProps =\n      elementType === 'button' && buttonType === 'button' ? { type: buttonType } : {};\n\n    // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable\n    const role = roleProps(\n      elementType,\n      ariaHidden ?? false,\n      isElementFocusable,\n      isElementLabel,\n      isElementSwitch\n    );\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { tabbableModeProps } = useTabbableMode(isDisabled);\n    const colorScheme = useColorScheme();\n\n    const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n      size,\n      variant,\n      unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n      embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n      container: isStyled('container') ? 'isContainer' : 'notContainer',\n      noBorderRadiusStart: isStyled('noBorderRadiusStart')\n        ? 'isNoBorderRadiusStart'\n        : 'notNoBorderRadiusStart',\n      noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n        ? 'isNoBorderRadiusEnd'\n        : 'notNoBorderRadiusEnd',\n      noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n      noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n      activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n      selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n      buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n      trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n      fill: isStyled('fill') ? 'isFill' : 'notFill',\n      min: isStyled('min') ? 'isMin' : 'notMin',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      edge,\n      hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n      active: isActive ? 'isActive' : 'notActive',\n      hover: isHover ? 'isHover' : 'notHover',\n      span: isSpan ? 'isSpan' : 'notSpan',\n      widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n      widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n      hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n      noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n      newStackingContext: isStyled('newStackingContext')\n        ? 'isNewStackingContext'\n        : 'notNewStackingContext',\n      colorScheme\n    });\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown\n    };\n\n    const arDisabled = isBaseButton\n      ? {}\n      : isDisabled\n      ? { 'aria-disabled': isDisabled }\n      : isReadOnly\n      ? { 'aria-disabled': true }\n      : {};\n    const arHaspopups = ariaHasPopup ? { 'aria-haspopup': ariaHasPopup } : {};\n\n    const ariaProps =\n      role.role === 'none'\n        ? {}\n        : {\n            'aria-label': accessibleLabel,\n            'aria-describedby': ariaDescribedBy,\n            'aria-hidden': ariaHidden,\n            'aria-roledescription': ariaRoledescription,\n            'aria-expanded': ariaExpanded,\n            'aria-pressed': ariaPressed,\n            'aria-checked': ariaChecked,\n            'aria-live': ariaLive,\n            ...arDisabled,\n            ...arHaspopups\n          };\n\n    const isClickPress = isClick === undefined ? (isBaseButton ? true : false) : isClick;\n\n    const mergedProps = mergeProps(\n      elementProps,\n      props.onAction ? (isRepeat || isClickPress ? pressClickProps : pressProps) : {},\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n    const testIdProps = useTestId(testId);\n\n    const getTabIndex = () => {\n      if (\n        (isSpan && (isElementFocusable === false || isDisabled)) ||\n        (isBaseButton && isDisabled)\n      ) {\n        // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements\n        return { tabIndex: undefined };\n      }\n      return tabbableModeProps;\n    };\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={wrapperClasses}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={props.title}\n        {...ariaProps}\n        {...getTabIndex()}\n        {...typeProps}\n        {...testIdProps}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["dimensionInterpolations","mergeInterpolations","getClientHints","forwardRef","usePress","usePressClick","useHover","useActive","useTabbableMode","useColorScheme","useComponentTheme","BaseButtonRedwoodTheme","mergeProps","classNames","useTestId","_jsx"],"mappings":"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"}