@react-spectrum/button 3.16.3 → 3.16.5

package/dist/ToggleButton.main.js

@@ -52,34 +52,34 @@ function $b5c927da7d8f1be6$var$ToggleButton(props, ref) {
     let { styleProps: styleProps } = (0, $58xyJ$reactspectrumutils.useStyleProps)(otherProps);
     let isTextOnly = (0, ($parcel$interopDefault($58xyJ$react))).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).isValidElement(c));
     return /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement((0, $58xyJ$reactariafocus.FocusRing), {
-        focusRingClass: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
+        focusRingClass: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement("button", {
         ...styleProps,
         ...(0, $58xyJ$reactariautils.mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--emphasized": isEmphasized,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered,
-            "is-selected": state.isSelected
+        className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--emphasized': isEmphasized,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered,
+            'is-selected': state.isSelected
         }, styleProps.className)
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement((0, $58xyJ$reactspectrumutils.SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Icon')
             },
             text: {
-                UNSAFE_className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton-label")
+                UNSAFE_className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-ActionButton-label')
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement((0, $58xyJ$reactspectrumtext.Text), null, children) : children)));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement((0, $58xyJ$reactspectrumtext.Text), null, children) : children)));
 }
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example

package/dist/ToggleButton.mjs

@@ -46,34 +46,34 @@ function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
     let { styleProps: styleProps } = (0, $3XyjH$useStyleProps)(otherProps);
     let isTextOnly = (0, $3XyjH$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $3XyjH$react).isValidElement(c));
     return /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$FocusRing), {
-        focusRingClass: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $3XyjH$react).createElement("button", {
         ...styleProps,
         ...(0, $3XyjH$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--emphasized": isEmphasized,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered,
-            "is-selected": state.isSelected
+        className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--emphasized': isEmphasized,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered,
+            'is-selected': state.isSelected
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-Icon')
             },
             text: {
-                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-ActionButton-label")
+                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-ActionButton-label')
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$Text), null, children) : children)));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$Text), null, children) : children)));
 }
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example
@@ -82,4 +82,4 @@ function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
 
 
 export {$3979c7c23b0bd270$export$d2b052e7b4be1756 as ToggleButton};
-//# sourceMappingURL=ToggleButton.mjs.map
+//# sourceMappingURL=ToggleButton.module.js.map

package/dist/ToggleButton.module.js

@@ -46,34 +46,34 @@ function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
     let { styleProps: styleProps } = (0, $3XyjH$useStyleProps)(otherProps);
     let isTextOnly = (0, $3XyjH$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $3XyjH$react).isValidElement(c));
     return /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$FocusRing), {
-        focusRingClass: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $3XyjH$react).createElement("button", {
         ...styleProps,
         ...(0, $3XyjH$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--emphasized": isEmphasized,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered,
-            "is-selected": state.isSelected
+        className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--emphasized': isEmphasized,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered,
+            'is-selected': state.isSelected
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-Icon')
             },
             text: {
-                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-ActionButton-label")
+                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-ActionButton-label')
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$Text), null, children) : children)));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$Text), null, children) : children)));
 }
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example

package/dist/ar-AE.mjs

@@ -5,4 +5,4 @@ $3d5058299051dde5$exports = {
 
 
 export {$3d5058299051dde5$exports as default};
-//# sourceMappingURL=ar-AE.mjs.map
+//# sourceMappingURL=ar-AE.module.js.map

package/dist/bg-BG.mjs

@@ -5,4 +5,4 @@ $b09fec806b7b8f22$exports = {
 
 
 export {$b09fec806b7b8f22$exports as default};
-//# sourceMappingURL=bg-BG.mjs.map
+//# sourceMappingURL=bg-BG.module.js.map

package/dist/button_vars_css.mjs

@@ -121,4 +121,4 @@ $086e93d2352a4536$export$da76be6126aaa633 = `Dniwja_spectrum-LogicButton--or`;
 
 
 export {$086e93d2352a4536$exports as default};
-//# sourceMappingURL=button_vars_css.mjs.map
+//# sourceMappingURL=button_vars_css.module.js.map

package/dist/cs-CZ.mjs

@@ -5,4 +5,4 @@ $ca0549dfb1669363$exports = {
 
 
 export {$ca0549dfb1669363$exports as default};
-//# sourceMappingURL=cs-CZ.mjs.map
+//# sourceMappingURL=cs-CZ.module.js.map

package/dist/da-DK.mjs

@@ -5,4 +5,4 @@ $98f2907c0694c5b6$exports = {
 
 
 export {$98f2907c0694c5b6$exports as default};
-//# sourceMappingURL=da-DK.mjs.map
+//# sourceMappingURL=da-DK.module.js.map

package/dist/de-DE.mjs

@@ -5,4 +5,4 @@ $9d6fce77106482c8$exports = {
 
 
 export {$9d6fce77106482c8$exports as default};
-//# sourceMappingURL=de-DE.mjs.map
+//# sourceMappingURL=de-DE.module.js.map

package/dist/el-GR.mjs

@@ -5,4 +5,4 @@ $db5c63cb8d95d7a4$exports = {
 
 
 export {$db5c63cb8d95d7a4$exports as default};
-//# sourceMappingURL=el-GR.mjs.map
+//# sourceMappingURL=el-GR.module.js.map

package/dist/en-US.mjs

@@ -5,4 +5,4 @@ $94e4262f3b79d866$exports = {
 
 
 export {$94e4262f3b79d866$exports as default};
-//# sourceMappingURL=en-US.mjs.map
+//# sourceMappingURL=en-US.module.js.map

package/dist/es-ES.mjs

@@ -5,4 +5,4 @@ $16cf2bb6affc1ca9$exports = {
 
 
 export {$16cf2bb6affc1ca9$exports as default};
-//# sourceMappingURL=es-ES.mjs.map
+//# sourceMappingURL=es-ES.module.js.map

package/dist/et-EE.mjs

@@ -5,4 +5,4 @@ $d2a4cd1ccd3b9660$exports = {
 
 
 export {$d2a4cd1ccd3b9660$exports as default};
-//# sourceMappingURL=et-EE.mjs.map
+//# sourceMappingURL=et-EE.module.js.map

package/dist/fi-FI.mjs

@@ -5,4 +5,4 @@ $0aa3ceafb597db1b$exports = {
 
 
 export {$0aa3ceafb597db1b$exports as default};
-//# sourceMappingURL=fi-FI.mjs.map
+//# sourceMappingURL=fi-FI.module.js.map

package/dist/fr-FR.mjs

@@ -5,4 +5,4 @@ $5779b104f19b7b1a$exports = {
 
 
 export {$5779b104f19b7b1a$exports as default};
-//# sourceMappingURL=fr-FR.mjs.map
+//# sourceMappingURL=fr-FR.module.js.map

package/dist/he-IL.mjs

@@ -5,4 +5,4 @@ $33aba885fd306c4d$exports = {
 
 
 export {$33aba885fd306c4d$exports as default};
-//# sourceMappingURL=he-IL.mjs.map
+//# sourceMappingURL=he-IL.module.js.map

package/dist/hr-HR.mjs

@@ -5,4 +5,4 @@ $30a099a3f19b59af$exports = {
 
 
 export {$30a099a3f19b59af$exports as default};
-//# sourceMappingURL=hr-HR.mjs.map
+//# sourceMappingURL=hr-HR.module.js.map

package/dist/hu-HU.mjs

@@ -5,4 +5,4 @@ $f257504b02c6b23f$exports = {
 
 
 export {$f257504b02c6b23f$exports as default};
-//# sourceMappingURL=hu-HU.mjs.map
+//# sourceMappingURL=hu-HU.module.js.map

package/dist/intlStrings.mjs

@@ -107,4 +107,4 @@ $94fed84ca44dbd5b$exports = {
 
 
 export {$94fed84ca44dbd5b$exports as default};
-//# sourceMappingURL=intlStrings.mjs.map
+//# sourceMappingURL=intlStrings.module.js.map

package/dist/it-IT.mjs

@@ -5,4 +5,4 @@ $b6e12833733478ab$exports = {
 
 
 export {$b6e12833733478ab$exports as default};
-//# sourceMappingURL=it-IT.mjs.map
+//# sourceMappingURL=it-IT.module.js.map

package/dist/ja-JP.mjs

@@ -5,4 +5,4 @@ $e69fac8c5f9d6043$exports = {
 
 
 export {$e69fac8c5f9d6043$exports as default};
-//# sourceMappingURL=ja-JP.mjs.map
+//# sourceMappingURL=ja-JP.module.js.map

package/dist/ko-KR.mjs

@@ -5,4 +5,4 @@ $a9b740b7d23548d0$exports = {
 
 
 export {$a9b740b7d23548d0$exports as default};
-//# sourceMappingURL=ko-KR.mjs.map
+//# sourceMappingURL=ko-KR.module.js.map

package/dist/lt-LT.mjs

@@ -5,4 +5,4 @@ $4d8ca888adc67de0$exports = {
 
 
 export {$4d8ca888adc67de0$exports as default};
-//# sourceMappingURL=lt-LT.mjs.map
+//# sourceMappingURL=lt-LT.module.js.map

package/dist/lv-LV.mjs

@@ -5,4 +5,4 @@ $5d3a845adaaa328a$exports = {
 
 
 export {$5d3a845adaaa328a$exports as default};
-//# sourceMappingURL=lv-LV.mjs.map
+//# sourceMappingURL=lv-LV.module.js.map

package/dist/nb-NO.mjs

@@ -5,4 +5,4 @@ $20112446b2d06d6e$exports = {
 
 
 export {$20112446b2d06d6e$exports as default};
-//# sourceMappingURL=nb-NO.mjs.map
+//# sourceMappingURL=nb-NO.module.js.map

package/dist/nl-NL.mjs

@@ -5,4 +5,4 @@ $168501f8ff8ad607$exports = {
 
 
 export {$168501f8ff8ad607$exports as default};
-//# sourceMappingURL=nl-NL.mjs.map
+//# sourceMappingURL=nl-NL.module.js.map

package/dist/pl-PL.mjs

@@ -5,4 +5,4 @@ $7d885e2935e9ed01$exports = {
 
 
 export {$7d885e2935e9ed01$exports as default};
-//# sourceMappingURL=pl-PL.mjs.map
+//# sourceMappingURL=pl-PL.module.js.map

package/dist/pt-BR.mjs

@@ -5,4 +5,4 @@ $ece77a10c9739c65$exports = {
 
 
 export {$ece77a10c9739c65$exports as default};
-//# sourceMappingURL=pt-BR.mjs.map
+//# sourceMappingURL=pt-BR.module.js.map

package/dist/pt-PT.mjs

@@ -5,4 +5,4 @@ $8dbae7e3487e6fc7$exports = {
 
 
 export {$8dbae7e3487e6fc7$exports as default};
-//# sourceMappingURL=pt-PT.mjs.map
+//# sourceMappingURL=pt-PT.module.js.map

package/dist/ro-RO.mjs

@@ -5,4 +5,4 @@ $4ab371254445a3f4$exports = {
 
 
 export {$4ab371254445a3f4$exports as default};
-//# sourceMappingURL=ro-RO.mjs.map
+//# sourceMappingURL=ro-RO.module.js.map

package/dist/ru-RU.mjs

@@ -5,4 +5,4 @@ $c5ac7ec630c67dba$exports = {
 
 
 export {$c5ac7ec630c67dba$exports as default};
-//# sourceMappingURL=ru-RU.mjs.map
+//# sourceMappingURL=ru-RU.module.js.map

package/dist/sk-SK.mjs

@@ -5,4 +5,4 @@ $846eaea7e21f7fbf$exports = {
 
 
 export {$846eaea7e21f7fbf$exports as default};
-//# sourceMappingURL=sk-SK.mjs.map
+//# sourceMappingURL=sk-SK.module.js.map

package/dist/sl-SI.mjs

@@ -5,4 +5,4 @@ $dde062d6acd4e43a$exports = {
 
 
 export {$dde062d6acd4e43a$exports as default};
-//# sourceMappingURL=sl-SI.mjs.map
+//# sourceMappingURL=sl-SI.module.js.map

package/dist/sr-SP.mjs

@@ -5,4 +5,4 @@ $579b7ae9c5494112$exports = {
 
 
 export {$579b7ae9c5494112$exports as default};
-//# sourceMappingURL=sr-SP.mjs.map
+//# sourceMappingURL=sr-SP.module.js.map

package/dist/sv-SE.mjs

@@ -5,4 +5,4 @@ $3b62c0bcc6cf3c98$exports = {
 
 
 export {$3b62c0bcc6cf3c98$exports as default};
-//# sourceMappingURL=sv-SE.mjs.map
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/tr-TR.mjs

@@ -5,4 +5,4 @@ $31f966e58b99834b$exports = {
 
 
 export {$31f966e58b99834b$exports as default};
-//# sourceMappingURL=tr-TR.mjs.map
+//# sourceMappingURL=tr-TR.module.js.map

package/dist/types.d.ts

@@ -1,12 +1,12 @@
 import { FocusableRef, FocusableRefValue, DOMProps, StyleProps } from "@react-types/shared";
-import React, { ReactElement, ElementType } from "react";
+import React, { ElementType, ReactElement } from "react";
 import { SpectrumButtonProps, SpectrumActionButtonProps, ButtonProps, SpectrumLogicButtonProps, AriaButtonElementTypeProps, SpectrumToggleButtonProps } from "@react-types/button";
 /**
  * Buttons allow users to perform an action or to navigate to another page.
  * They have multiple styles for various needs, and are ideal for calling attention to
  * where a user needs to do something in order to move forward in a flow.
  */
-export let Button: <T extends React.ElementType = "button">(props: SpectrumButtonProps<T> & {
+export let Button: <T extends ElementType = "button">(props: SpectrumButtonProps<T> & {
     ref?: FocusableRef<HTMLElement>;
 }) => ReactElement;
 /**

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;AA8LA;;;;GAIG;AACH,OAAA,IAAI;UAAgH,aAAa,WAAW,CAAC;MAAM,YAAY,CAAC;AC9FhK;;;GAGG;AACH,OAAA,IAAI,uJAA8C,CAAC;ACnFnD,0BAA2B,SAAQ,WAAW,EAAE,QAAQ,EAAE,UAAU;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAsDD,OAAA,IAAI,iIAA4C,CAAC;ACpBjD;;GAEG;AACH,OAAA,IAAI,qJAA4C,CAAC;AC1CjD,2BAA2B,CAAC,SAAS,WAAW,GAAG,QAAQ,CAAE,SAAQ,WAAW,EAAE,2BAA2B,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU;IACnI,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAmDD,OAAA,IAAI,uJAA4C,CAAC;ACQjD;;;GAGG;AACH,OAAA,IAAI,uJAA8C,CAAC;ACzEnD,YAAY,EAAC,yBAAyB,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,yBAAyB,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/Button.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ActionButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/FieldButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/LogicButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ClearButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ToggleButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/index.ts","packages/@react-spectrum/button/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Button} from './Button';\nexport {ActionButton} from './ActionButton';\nexport {FieldButton} from './FieldButton';\nexport {LogicButton} from './LogicButton';\nexport {ClearButton} from './ClearButton';\nexport {ToggleButton} from './ToggleButton';\nexport type {SpectrumActionButtonProps, SpectrumButtonProps, SpectrumLogicButtonProps, SpectrumToggleButtonProps} from '@react-types/button';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;AA2MA;;;;GAIG;AACH,OAAA,IAAI,QAAsC,CAAC,CAAgC,SAAtB,WAAW,GAAG,QAAQ,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,WAAW,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;AC3GhK;;;GAGG;AACH,OAAA,IAAI,uJAA8C,CAAC;ACnFnD,0BAA2B,SAAQ,WAAW,EAAE,QAAQ,EAAE,UAAU;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAsDD,OAAA,IAAI,iIAA4C,CAAC;ACpBjD;;GAEG;AACH,OAAA,IAAI,qJAA4C,CAAC;AC1CjD,2BAA2B,CAAC,SAAS,WAAW,GAAG,QAAQ,CAAE,SAAQ,WAAW,EAAE,2BAA2B,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU;IACnI,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAmDD,OAAA,IAAI,uJAA4C,CAAC;ACQjD;;;GAGG;AACH,OAAA,IAAI,uJAA8C,CAAC;ACzEnD,YAAY,EAAC,yBAAyB,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,yBAAyB,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/Button.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ActionButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/FieldButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/LogicButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ClearButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/ToggleButton.tsx","packages/@react-spectrum/button/src/packages/@react-spectrum/button/src/index.ts","packages/@react-spectrum/button/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Button} from './Button';\nexport {ActionButton} from './ActionButton';\nexport {FieldButton} from './FieldButton';\nexport {LogicButton} from './LogicButton';\nexport {ClearButton} from './ClearButton';\nexport {ToggleButton} from './ToggleButton';\nexport type {SpectrumActionButtonProps, SpectrumButtonProps, SpectrumLogicButtonProps, SpectrumToggleButtonProps} from '@react-types/button';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/uk-UA.mjs

@@ -5,4 +5,4 @@ $a3d99ea5d46a3d12$exports = {
 
 
 export {$a3d99ea5d46a3d12$exports as default};
-//# sourceMappingURL=uk-UA.mjs.map
+//# sourceMappingURL=uk-UA.module.js.map

package/dist/zh-CN.mjs

@@ -5,4 +5,4 @@ $6e4b63af77288b7a$exports = {
 
 
 export {$6e4b63af77288b7a$exports as default};
-//# sourceMappingURL=zh-CN.mjs.map
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-TW.mjs

@@ -5,4 +5,4 @@ $be993a68bccef72a$exports = {
 
 
 export {$be993a68bccef72a$exports as default};
-//# sourceMappingURL=zh-TW.mjs.map
+//# sourceMappingURL=zh-TW.module.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/button",
-  "version": "3.16.3",
+  "version": "3.16.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,18 +36,18 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/button": "^3.9.4",
-    "@react-aria/focus": "^3.17.0",
-    "@react-aria/i18n": "^3.11.0",
-    "@react-aria/interactions": "^3.21.2",
-    "@react-aria/utils": "^3.24.0",
-    "@react-spectrum/progress": "^3.7.6",
-    "@react-spectrum/text": "^3.5.4",
-    "@react-spectrum/utils": "^3.11.6",
-    "@react-stately/toggle": "^3.7.3",
-    "@react-types/button": "^3.9.3",
-    "@react-types/shared": "^3.23.0",
-    "@spectrum-icons/ui": "^3.6.6",
+    "@react-aria/button": "^3.9.6",
+    "@react-aria/focus": "^3.18.0",
+    "@react-aria/i18n": "^3.12.0",
+    "@react-aria/interactions": "^3.22.0",
+    "@react-aria/utils": "^3.25.0",
+    "@react-spectrum/progress": "^3.7.8",
+    "@react-spectrum/text": "^3.5.6",
+    "@react-spectrum/utils": "^3.11.8",
+    "@react-stately/toggle": "^3.7.5",
+    "@react-types/button": "^3.9.5",
+    "@react-types/shared": "^3.24.0",
+    "@spectrum-icons/ui": "^3.6.8",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -56,10 +56,10 @@
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
+  "gitHead": "86d80e3216bc32e75108831cf3a5a720bc849206"
 }

package/src/Button.tsx

@@ -114,11 +114,24 @@ function Button<T extends ElementType = 'button'>(props: SpectrumButtonProps<T>,
   if (isAppleDevice() && (!hasAriaLabel || isFirefox())) {
     ariaLive = 'off';
   }
+
+  let isPendingProps = isPending ? {
+    onClick: (e) => {
+      if (e.currentTarget instanceof HTMLButtonElement) {
+        e.preventDefault();
+      }
+    }
+  } : {
+    // no-op. 
+    // Not sure why, but TypeScript wouldn't allow to have an empty object `{}`.
+    onClick: () => {}
+  };
+
   return (
     <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>
       <Element
         {...styleProps}
-        {...mergeProps(buttonProps, hoverProps, focusProps)}
+        {...mergeProps(buttonProps, hoverProps, focusProps, isPendingProps)}
         id={buttonId}
         ref={domRef}
         data-variant={variant}

package/src/FieldButton.tsx

@@ -12,10 +12,10 @@
 
 import {ButtonProps} from '@react-types/button';
 import {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';
-import {DOMProps, FocusableRef, StyleProps} from '@react-types/shared';
+import {DOMProps, FocusableRef, RefObject, StyleProps} from '@react-types/shared';
 import {FocusRing} from '@react-aria/focus';
 import {mergeProps} from '@react-aria/utils';
-import React, {RefObject} from 'react';
+import React from 'react';
 import styles from '@adobe/spectrum-css-temp/components/button/vars.css';
 import {useButton} from '@react-aria/button';
 import {useHover} from '@react-aria/interactions';
@@ -42,7 +42,7 @@ function FieldButton(props: FieldButtonProps, ref: FocusableRef) {
     focusRingClass,
     ...otherProps
   } = props;
-  let domRef = useFocusableRef(ref) as RefObject<HTMLButtonElement>;
+  let domRef = useFocusableRef(ref) as RefObject<HTMLButtonElement | null>;
   let {buttonProps, isPressed} = useButton(props, domRef);
   let {hoverProps, isHovered} = useHover({isDisabled});
   let {styleProps} = useStyleProps(otherProps);