@fluentui/react-spinbutton 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/.swcrc

@@ -1,15 +1,5 @@
 {
   "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
   "exclude": [
     "/testing",
     "/**/*.cy.ts",
@@ -32,7 +22,8 @@
         "runtime": "classic",
         "useSpread": true
       }
-    }
+    },
+    "target": "es2019"
   },
   "minify": false,
   "sourceMaps": true

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-spinbutton",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:04 GMT",
-      "tag": "@fluentui/react-spinbutton_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Wed, 22 Mar 2023 04:46:51 GMT",
+      "tag": "@fluentui/react-spinbutton_v0.0.0-nightly-20230322-0439.1",
+      "version": "0.0.0-nightly-20230322-0439.1",
       "comments": {
         "prerelease": [
           {
@@ -16,44 +16,113 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-spinbutton",
-            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-spinbutton",
-            "comment": "Bump @fluentui/react-field to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-field to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-spinbutton",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-spinbutton",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-spinbutton",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-spinbutton",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-spinbutton",
-            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:23:03 GMT",
+      "tag": "@fluentui/react-spinbutton_v9.2.5",
+      "version": "9.2.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-spinbutton",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-spinbutton",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          },
+          {
+            "author": "makotom@microsoft.com",
+            "package": "@fluentui/react-spinbutton",
+            "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+            "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-theme to v9.1.7",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-utilities to v9.7.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-label to v9.1.5",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,24 +1,42 @@
 # Change Log - @fluentui/react-spinbutton
 
-This log was last generated on Fri, 17 Mar 2023 15:00:04 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Mar 2023 04:46:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v0.0.0-nightly-20230322-0439.1)
 
-Fri, 17 Mar 2023 15:00:04 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.4..@fluentui/react-spinbutton_v0.0.0-nightly-20230317-1454.1)
+Wed, 22 Mar 2023 04:46:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.5..@fluentui/react-spinbutton_v0.0.0-nightly-20230322-0439.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-field to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-label to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
+- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-field to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-label to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+
+## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.5)
+
+Tue, 21 Mar 2023 21:23:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.4..@fluentui/react-spinbutton_v9.2.5)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-label to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
 
 ## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.4)
 

package/lib/SpinButton.js

@@ -1,2 +1,2 @@
-export * from "./components/SpinButton/index";
+export * from './components/SpinButton/index';
 //# sourceMappingURL=SpinButton.js.map

package/lib/SpinButtonField.js

@@ -1,2 +1,2 @@
-export * from "./components/SpinButtonField/index";
+export * from './components/SpinButtonField/index';
 //# sourceMappingURL=SpinButtonField.js.map

package/lib/components/SpinButton/SpinButton.js

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { useSpinButton_unstable } from "./useSpinButton";
-import { renderSpinButton_unstable } from "./renderSpinButton";
-import { useSpinButtonStyles_unstable } from "./useSpinButtonStyles";
-import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
+import * as React from 'react';
+import { useSpinButton_unstable } from './useSpinButton';
+import { renderSpinButton_unstable } from './renderSpinButton';
+import { useSpinButtonStyles_unstable } from './useSpinButtonStyles';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
 /**
  * A SpinButton allows someone to incrementally adjust a value in small steps.
  */
@@ -15,5 +15,5 @@ export const SpinButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   useCustomStyles(state);
   return renderSpinButton_unstable(state);
 });
-SpinButton.displayName = "SpinButton";
+SpinButton.displayName = 'SpinButton';
 //# sourceMappingURL=SpinButton.js.map

package/lib/components/SpinButton/SpinButton.types.js

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 //# sourceMappingURL=SpinButton.types.js.map

package/lib/components/SpinButton/index.js

@@ -1,6 +1,6 @@
-export * from "./SpinButton";
-export * from "./SpinButton.types";
-export * from "./renderSpinButton";
-export * from "./useSpinButton";
-export * from "./useSpinButtonStyles";
+export * from './SpinButton';
+export * from './SpinButton.types';
+export * from './renderSpinButton';
+export * from './useSpinButton';
+export * from './useSpinButtonStyles';
 //# sourceMappingURL=index.js.map

package/lib/components/SpinButton/renderSpinButton.js

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { getSlots } from "@fluentui/react-utilities";
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of SpinButton
  */

package/lib/components/SpinButton/useSpinButton.js

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useControllableState, useTimeout } from "@fluentui/react-utilities";
-import { ArrowUp, ArrowDown, End, Enter, Escape, Home, PageDown, PageUp } from "@fluentui/keyboard-keys";
-import { calculatePrecision, precisionRound, getBound, clamp } from "../../utils/index";
-import { ChevronUp16Regular, ChevronDown16Regular } from "@fluentui/react-icons";
-import { useOverrides_unstable as useOverrides } from "@fluentui/react-shared-contexts";
+import * as React from 'react';
+import { getPartitionedNativeProps, mergeCallbacks, resolveShorthand, useControllableState, useTimeout } from '@fluentui/react-utilities';
+import { ArrowUp, ArrowDown, End, Enter, Escape, Home, PageDown, PageUp } from '@fluentui/keyboard-keys';
+import { calculatePrecision, precisionRound, getBound, clamp } from '../../utils/index';
+import { ChevronUp16Regular, ChevronDown16Regular } from '@fluentui/react-icons';
+import { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';
 const DEFAULT_SPIN_DELAY_MS = 150;
 const MIN_SPIN_DELAY_MS = 80;
 const MAX_SPIN_TIME_MS = 1000;
@@ -23,10 +23,11 @@ const lerp = (start, end, percent) => start + (end - start) * percent;
 export const useSpinButton_unstable = (props, ref) => {
   const nativeProps = getPartitionedNativeProps({
     props,
-    primarySlotTagName: "input",
-    excludedPropNames: ["defaultValue", "max", "min", "onChange", "size", "value"]
+    primarySlotTagName: 'input',
+    excludedPropNames: ['defaultValue', 'max', 'min', 'onChange', 'size', 'value']
   });
   const overrides = useOverrides();
+  var _overrides_inputDefaultAppearance;
   const {
     value,
     displayValue,
@@ -37,15 +38,15 @@ export const useSpinButton_unstable = (props, ref) => {
     stepPage = 1,
     precision: precisionFromProps,
     onChange,
-    size = "medium",
-    appearance = overrides.inputDefaultAppearance ?? "outline",
+    size = 'medium',
+    appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline',
     root,
     input,
     incrementButton,
     decrementButton
   } = props;
   const precision = React.useMemo(() => {
-    return precisionFromProps ?? Math.max(calculatePrecision(step), 0);
+    return precisionFromProps !== null && precisionFromProps !== void 0 ? precisionFromProps : Math.max(calculatePrecision(step), 0);
   }, [precisionFromProps, step]);
   const [currentValue, setCurrentValue] = useControllableState({
     state: value,
@@ -54,13 +55,13 @@ export const useSpinButton_unstable = (props, ref) => {
   });
   const isControlled = value !== undefined;
   const [textValue, setTextValue] = React.useState(undefined);
-  const [keyboardSpinState, setKeyboardSpinState] = React.useState("rest");
+  const [keyboardSpinState, setKeyboardSpinState] = React.useState('rest');
   const internalState = React.useRef({
     value: currentValue,
-    spinState: "rest",
+    spinState: 'rest',
     spinTime: 0,
     spinDelay: DEFAULT_SPIN_DELAY_MS,
-    atBound: currentValue !== null ? getBound(precisionRound(currentValue, precision), min, max) : "none"
+    atBound: currentValue !== null ? getBound(precisionRound(currentValue, precision), min, max) : 'none'
   });
   const [setStepTimeout, clearStepTimeout] = useTimeout();
   const stepValue = (e, direction, startFrom) => {
@@ -72,8 +73,8 @@ export const useSpinButton_unstable = (props, ref) => {
       }
     }
     const val = startValue;
-    const dir = direction === "up" || direction === "upPage" ? 1 : -1;
-    const stepSize = direction === "upPage" || direction === "downPage" ? stepPage : step;
+    const dir = direction === 'up' || direction === 'upPage' ? 1 : -1;
+    const stepSize = direction === 'upPage' || direction === 'downPage' ? stepPage : step;
     if (val === null) {
       const stepStart = min === undefined ? 0 : min;
       const nullStep = clamp(stepStart + stepSize * dir, min, max);
@@ -85,7 +86,7 @@ export const useSpinButton_unstable = (props, ref) => {
       newValue = clamp(newValue, min, max);
     }
     commit(e, newValue);
-    if (internalState.current.spinState !== "rest") {
+    if (internalState.current.spinState !== 'rest') {
       setStepTimeout(() => {
         // Ease the step speed a bit
         internalState.current.spinTime += internalState.current.spinDelay;
@@ -96,22 +97,22 @@ export const useSpinButton_unstable = (props, ref) => {
   };
   const handleInputChange = e => {
     if (!internalState.current.previousTextValue) {
-      internalState.current.previousTextValue = textValue ?? String(currentValue);
+      internalState.current.previousTextValue = textValue !== null && textValue !== void 0 ? textValue : String(currentValue);
     }
     const newValue = e.target.value;
     setTextValue(newValue);
   };
   const handleIncrementMouseDown = e => {
-    internalState.current.spinState = "up";
-    stepValue(e, "up");
+    internalState.current.spinState = 'up';
+    stepValue(e, 'up');
   };
   const handleDecrementMouseDown = e => {
-    internalState.current.spinState = "down";
-    stepValue(e, "down");
+    internalState.current.spinState = 'down';
+    stepValue(e, 'down');
   };
   const handleStepMouseUpOrLeave = e => {
     clearStepTimeout();
-    internalState.current.spinState = "rest";
+    internalState.current.spinState = 'rest';
     internalState.current.spinDelay = DEFAULT_SPIN_DELAY_MS;
     internalState.current.spinTime = 0;
   };
@@ -120,27 +121,27 @@ export const useSpinButton_unstable = (props, ref) => {
     internalState.current.previousTextValue = undefined;
   };
   const handleKeyDown = e => {
-    let nextKeyboardSpinState = "rest";
+    let nextKeyboardSpinState = 'rest';
     if (e.key === ArrowUp) {
-      stepValue(e, "up", textValue);
-      nextKeyboardSpinState = "up";
+      stepValue(e, 'up', textValue);
+      nextKeyboardSpinState = 'up';
     } else if (e.key === ArrowDown) {
-      stepValue(e, "down", textValue);
-      nextKeyboardSpinState = "down";
+      stepValue(e, 'down', textValue);
+      nextKeyboardSpinState = 'down';
     } else if (e.key === PageUp) {
       e.preventDefault();
-      stepValue(e, "upPage", textValue);
-      nextKeyboardSpinState = "up";
+      stepValue(e, 'upPage', textValue);
+      nextKeyboardSpinState = 'up';
     } else if (e.key === PageDown) {
       e.preventDefault();
-      stepValue(e, "downPage", textValue);
-      nextKeyboardSpinState = "down";
+      stepValue(e, 'downPage', textValue);
+      nextKeyboardSpinState = 'down';
     } else if (!e.shiftKey && e.key === Home && min !== undefined) {
       commit(e, min);
-      nextKeyboardSpinState = "down";
+      nextKeyboardSpinState = 'down';
     } else if (!e.shiftKey && e.key === End && max !== undefined) {
       commit(e, max);
-      nextKeyboardSpinState = "up";
+      nextKeyboardSpinState = 'up';
     } else if (e.key === Enter) {
       commit(e, currentValue, textValue);
       internalState.current.previousTextValue = undefined;
@@ -155,9 +156,9 @@ export const useSpinButton_unstable = (props, ref) => {
     }
   };
   const handleKeyUp = e => {
-    if (keyboardSpinState !== "rest") {
-      setKeyboardSpinState("rest");
-      internalState.current.spinState = "rest";
+    if (keyboardSpinState !== 'rest') {
+      setKeyboardSpinState('rest');
+      internalState.current.spinState = 'rest';
     }
   };
   const commit = (e, newValue, newDisplayValue) => {
@@ -174,7 +175,7 @@ export const useSpinButton_unstable = (props, ref) => {
       }
     }
     if (valueChanged || displayValueChanged) {
-      onChange?.(e, {
+      onChange === null || onChange === void 0 ? void 0 : onChange(e, {
         value: roundedValue,
         displayValue: newDisplayValue
       });
@@ -187,10 +188,10 @@ export const useSpinButton_unstable = (props, ref) => {
     spinState: keyboardSpinState,
     atBound: internalState.current.atBound,
     components: {
-      root: "span",
-      input: "input",
-      incrementButton: "button",
-      decrementButton: "button"
+      root: 'span',
+      input: 'input',
+      incrementButton: 'button',
+      decrementButton: 'button'
     },
     root: resolveShorthand(root, {
       required: true,
@@ -200,10 +201,10 @@ export const useSpinButton_unstable = (props, ref) => {
       required: true,
       defaultProps: {
         ref,
-        autoComplete: "off",
-        role: "spinbutton",
+        autoComplete: 'off',
+        role: 'spinbutton',
         appearance,
-        type: "text",
+        type: 'text',
         ...nativeProps.primary
       }
     }),
@@ -213,8 +214,8 @@ export const useSpinButton_unstable = (props, ref) => {
         tabIndex: -1,
         children: /*#__PURE__*/React.createElement(ChevronUp16Regular, null),
         disabled: nativeProps.primary.disabled,
-        "aria-label": "Increment value",
-        type: "button"
+        'aria-label': 'Increment value',
+        type: 'button'
       }
     }),
     decrementButton: resolveShorthand(decrementButton, {
@@ -223,8 +224,8 @@ export const useSpinButton_unstable = (props, ref) => {
         tabIndex: -1,
         children: /*#__PURE__*/React.createElement(ChevronDown16Regular, null),
         disabled: nativeProps.primary.disabled,
-        "aria-label": "Decrement value",
-        type: "button"
+        'aria-label': 'Decrement value',
+        type: 'button'
       }
     })
   };
@@ -232,24 +233,25 @@ export const useSpinButton_unstable = (props, ref) => {
   if (textValue !== undefined) {
     valueToDisplay = textValue;
   } else if (value === null || currentValue === null) {
-    valueToDisplay = displayValue ?? "";
+    valueToDisplay = displayValue !== null && displayValue !== void 0 ? displayValue : '';
     internalState.current.value = null;
-    internalState.current.atBound = "none";
+    internalState.current.atBound = 'none';
   } else {
     const roundedValue = precisionRound(currentValue, precision);
     internalState.current.value = roundedValue;
     internalState.current.atBound = getBound(roundedValue, min, max);
     if (isControlled) {
-      valueToDisplay = displayValue ?? String(roundedValue);
+      valueToDisplay = displayValue !== null && displayValue !== void 0 ? displayValue : String(roundedValue);
     } else {
       valueToDisplay = String(roundedValue);
     }
   }
   state.input.value = valueToDisplay;
-  state.input["aria-valuemin"] = min;
-  state.input["aria-valuemax"] = max;
-  state.input["aria-valuenow"] = currentValue ?? undefined;
-  state.input["aria-valuetext"] = state.input["aria-valuetext"] ?? (value !== undefined && displayValue || undefined);
+  state.input['aria-valuemin'] = min;
+  state.input['aria-valuemax'] = max;
+  state.input['aria-valuenow'] = currentValue !== null && currentValue !== void 0 ? currentValue : undefined;
+  var _state_input_ariavaluetext;
+  state.input['aria-valuetext'] = (_state_input_ariavaluetext = state.input['aria-valuetext']) !== null && _state_input_ariavaluetext !== void 0 ? _state_input_ariavaluetext : value !== undefined && displayValue || undefined;
   state.input.onChange = mergeCallbacks(state.input.onChange, handleInputChange);
   state.input.onBlur = mergeCallbacks(state.input.onBlur, handleBlur);
   state.input.onKeyDown = mergeCallbacks(state.input.onKeyDown, handleKeyDown);