@fluentui/react-spinbutton 9.6.6 → 9.6.7

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-spinbutton
 
-<!-- This log was last generated on Mon, 21 Sep 2026 16:12:51 GMT and should not be manually modified. -->
+<!-- This log was last generated on Wed, 23 Sep 2026 09:03:16 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## [9.6.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.6.7)
+
+Wed, 23 Sep 2026 09:03:16 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.6.6..@fluentui/react-spinbutton_v9.6.7)
+
+### Patches
+
+- fix(react-spinbutton): prevent double-step on trackpad tap by raising initial spin repeat delay ([PR #36777](https://github.com/microsoft/fluentui/pull/36777) by bernardo.sunderhus@gmail.com)
+
 ## [9.6.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.6.6)
 
-Mon, 21 Sep 2026 16:12:51 GMT 
+Tue, 22 Sep 2026 11:25:39 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.6.5..@fluentui/react-spinbutton_v9.6.6)
 
 ### Patches

package/lib/components/SpinButton/useSpinButton.js

@@ -6,7 +6,10 @@ import { ArrowUp, ArrowDown, End, Enter, Escape, Home, PageDown, PageUp } from "
 import { calculatePrecision, precisionRound, getBound, clamp } from "../../utils/index.js";
 import { ChevronUp16Regular, ChevronDown16Regular } from "@fluentui/react-icons";
 import { useOverrides_unstable as useOverrides } from "@fluentui/react-shared-contexts";
-const DEFAULT_SPIN_DELAY_MS = 150;
+// A single tap on a trackpad can take ~200-250ms before mouseup fires. Keep the initial
+// repeat delay above that range so a tap is treated as one click while a true hold still
+// triggers repeat behavior.
+const DEFAULT_SPIN_DELAY_MS = 300;
 const MIN_SPIN_DELAY_MS = 80;
 const MAX_SPIN_TIME_MS = 1000;
 // This is here to give an ease for the mouse held down case.

package/lib/components/SpinButton/useSpinButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SpinButton/useSpinButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport {\n  getPartitionedNativeProps,\n  mergeCallbacks,\n  useControllableState,\n  useTimeout,\n  slot,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { ArrowUp, ArrowDown, End, Enter, Escape, Home, PageDown, PageUp } from '@fluentui/keyboard-keys';\nimport type {\n  SpinButtonBaseProps,\n  SpinButtonBaseState,\n  SpinButtonProps,\n  SpinButtonState,\n  SpinButtonSpinState,\n  SpinButtonChangeEvent,\n  SpinButtonBounds,\n} from './SpinButton.types';\nimport { calculatePrecision, precisionRound, getBound, clamp } from '../../utils/index';\nimport { ChevronUp16Regular, ChevronDown16Regular } from '@fluentui/react-icons';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\ntype InternalState = {\n  value: number | null;\n  spinState: SpinButtonSpinState;\n  spinTime: number;\n  spinDelay: number;\n  previousTextValue?: string;\n  atBound: SpinButtonBounds;\n};\n\nconst DEFAULT_SPIN_DELAY_MS = 150;\nconst MIN_SPIN_DELAY_MS = 80;\nconst MAX_SPIN_TIME_MS = 1000;\n\n// This is here to give an ease for the mouse held down case.\n// Exact easing it to be defined. Once it is we'll likely\n// pull this out into a util function in the SpinButton package.\nconst lerp = (start: number, end: number, percent: number): number => start + (end - start) * percent;\n\n/**\n * Create the base state required to render SpinButton without design-specific props.\n *\n * @param props - props from this instance of SpinButton (without appearance/size)\n * @param ref - reference to root HTMLElement of SpinButton\n */\nexport const useSpinButtonBase_unstable = (\n  props: SpinButtonBaseProps,\n  ref: React.Ref<HTMLInputElement>,\n): SpinButtonBaseState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['defaultValue', 'max', 'min', 'onChange', 'value'],\n  });\n\n  const {\n    value,\n    displayValue,\n    defaultValue,\n    min,\n    max,\n    step = 1,\n    stepPage = 1,\n    precision: precisionFromProps,\n    onChange,\n    root,\n    input,\n    incrementButton,\n    decrementButton,\n  } = props;\n\n  const precision = React.useMemo(() => {\n    return precisionFromProps ?? Math.max(calculatePrecision(step), 0);\n  }, [precisionFromProps, step]);\n\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value,\n    defaultState: defaultValue,\n    initialState: 0,\n  });\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isControlled = value !== undefined;\n\n  const [textValue, setTextValue] = React.useState<string | undefined>(undefined);\n  const [keyboardSpinState, setKeyboardSpinState] = React.useState<SpinButtonSpinState>('rest');\n\n  const internalState = React.useRef<InternalState>({\n    value: currentValue,\n    spinState: 'rest',\n    spinTime: 0,\n    spinDelay: DEFAULT_SPIN_DELAY_MS,\n    atBound: currentValue !== null ? getBound(precisionRound(currentValue, precision), min, max) : 'none',\n  });\n\n  const [setStepTimeout, clearStepTimeout] = useTimeout();\n\n  const stepValue = (\n    e: SpinButtonChangeEvent,\n    direction: 'up' | 'down' | 'upPage' | 'downPage',\n    startFrom?: string,\n  ) => {\n    let startValue = internalState.current.value;\n    if (startFrom) {\n      const num = parseFloat(startFrom);\n      if (!isNaN(num)) {\n        startValue = num;\n      }\n    }\n    const val = startValue;\n    const dir = direction === 'up' || direction === 'upPage' ? 1 : -1;\n    const stepSize = direction === 'upPage' || direction === 'downPage' ? stepPage : step;\n\n    if (val === null) {\n      const stepStart = min === undefined ? 0 : min;\n      const nullStep = clamp(stepStart + stepSize * dir, min, max);\n      commit(e, nullStep);\n      return;\n    }\n\n    let newValue = val + stepSize * dir;\n    if (!Number.isNaN(newValue)) {\n      newValue = clamp(newValue, min, max);\n    }\n\n    commit(e, newValue);\n\n    if (internalState.current.spinState !== 'rest') {\n      setStepTimeout(() => {\n        // Ease the step speed a bit\n        internalState.current.spinTime += internalState.current.spinDelay;\n        internalState.current.spinDelay = lerp(\n          DEFAULT_SPIN_DELAY_MS,\n          MIN_SPIN_DELAY_MS,\n          internalState.current.spinTime / MAX_SPIN_TIME_MS,\n        );\n        stepValue(e, direction);\n      }, internalState.current.spinDelay);\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!internalState.current.previousTextValue) {\n      internalState.current.previousTextValue = textValue ?? String(currentValue);\n    }\n    const newValue = e.target.value;\n    setTextValue(newValue);\n    if (inputRef.current) {\n      // we need to set this here using the IDL attribute directly, because otherwise the timing of the ARIA value update\n      // is not in sync with the user-entered native input value, and some screen readers end up reading the wrong value.\n      inputRef.current.ariaValueNow = newValue;\n    }\n  };\n\n  const handleIncrementMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.spinState = 'up';\n    stepValue(e, 'up');\n  };\n\n  const handleDecrementMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.spinState = 'down';\n    stepValue(e, 'down');\n  };\n\n  const handleStepMouseUpOrLeave = (e: React.MouseEvent<HTMLButtonElement>) => {\n    clearStepTimeout();\n    internalState.current.spinState = 'rest';\n    internalState.current.spinDelay = DEFAULT_SPIN_DELAY_MS;\n    internalState.current.spinTime = 0;\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.previousTextValue = undefined;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    let nextKeyboardSpinState: SpinButtonSpinState = 'rest';\n\n    if (e.currentTarget.readOnly) {\n      return;\n    }\n\n    if (e.key === ArrowUp) {\n      stepValue(e, 'up', textValue);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === ArrowDown) {\n      stepValue(e, 'down', textValue);\n      nextKeyboardSpinState = 'down';\n    } else if (e.key === PageUp) {\n      e.preventDefault();\n      stepValue(e, 'upPage', textValue);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === PageDown) {\n      e.preventDefault();\n      stepValue(e, 'downPage', textValue);\n      nextKeyboardSpinState = 'down';\n    } else if (!e.shiftKey && e.key === Home && min !== undefined) {\n      commit(e, min);\n      nextKeyboardSpinState = 'down';\n    } else if (!e.shiftKey && e.key === End && max !== undefined) {\n      commit(e, max);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === Enter) {\n      commit(e, currentValue, textValue);\n      internalState.current.previousTextValue = undefined;\n    } else if (e.key === Escape) {\n      if (internalState.current.previousTextValue) {\n        setTextValue(undefined);\n        internalState.current.previousTextValue = undefined;\n      }\n    }\n\n    if (keyboardSpinState !== nextKeyboardSpinState) {\n      setKeyboardSpinState(nextKeyboardSpinState);\n    }\n  };\n\n  const handleKeyUp = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (keyboardSpinState !== 'rest') {\n      setKeyboardSpinState('rest');\n      internalState.current.spinState = 'rest';\n    }\n  };\n\n  const commit = (e: SpinButtonChangeEvent, newValue?: number | null, newDisplayValue?: string) => {\n    const valueChanged = newValue !== undefined && currentValue !== newValue;\n    const displayValueChanged =\n      newDisplayValue !== undefined &&\n      internalState.current.previousTextValue !== undefined &&\n      internalState.current.previousTextValue !== newDisplayValue;\n\n    let roundedValue;\n    if (valueChanged) {\n      roundedValue = precisionRound(newValue!, precision);\n      setCurrentValue(roundedValue);\n      internalState.current.value = roundedValue;\n    } else if (displayValueChanged && !isControlled) {\n      const nextValue = parseFloat(newDisplayValue as string);\n      if (!isNaN(nextValue)) {\n        setCurrentValue(precisionRound(nextValue, precision));\n        internalState.current.value = precisionRound(nextValue, precision);\n      }\n    }\n\n    if (valueChanged || displayValueChanged) {\n      onChange?.(e, { value: roundedValue, displayValue: newDisplayValue });\n    }\n\n    setTextValue(undefined);\n  };\n\n  let valueToDisplay;\n  if (textValue !== undefined) {\n    valueToDisplay = textValue;\n  } else if (value === null || currentValue === null) {\n    valueToDisplay = displayValue ?? '';\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.value = null;\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.atBound = 'none';\n  } else {\n    const roundedValue = precisionRound(currentValue, precision);\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.value = roundedValue;\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.atBound = getBound(roundedValue, min, max);\n    if (isControlled) {\n      valueToDisplay = displayValue ?? String(roundedValue);\n    } else {\n      valueToDisplay = String(roundedValue);\n    }\n  }\n\n  const state: SpinButtonBaseState = {\n    spinState: keyboardSpinState,\n    // eslint-disable-next-line react-hooks/refs\n    atBound: internalState.current.atBound,\n\n    components: {\n      root: 'span',\n      input: 'input',\n      incrementButton: 'button',\n      decrementButton: 'button',\n    },\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'span',\n    }),\n    input: slot.always(input, {\n      defaultProps: {\n        autoComplete: 'off',\n        role: 'spinbutton',\n        type: 'text',\n        ...nativeProps.primary,\n      },\n      elementType: 'input',\n    }),\n    incrementButton: slot.always(incrementButton, {\n      defaultProps: {\n        tabIndex: -1,\n        disabled:\n          nativeProps.primary.readOnly ||\n          nativeProps.primary.disabled ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'max' ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'both',\n        'aria-label': 'Increment value',\n        type: 'button',\n      },\n      elementType: 'button',\n    }),\n    decrementButton: slot.always(decrementButton, {\n      defaultProps: {\n        tabIndex: -1,\n        disabled:\n          nativeProps.primary.readOnly ||\n          nativeProps.primary.disabled ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'min' ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'both',\n        'aria-label': 'Decrement value',\n        type: 'button',\n      },\n      elementType: 'button',\n    }),\n  };\n\n  // eslint-disable-next-line react-hooks/refs\n  state.input.value = valueToDisplay;\n  // eslint-disable-next-line react-hooks/refs\n  state.input.ref = useMergedRefs(inputRef, ref);\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuemin'] = min;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuemax'] = max;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuenow'] = internalState.current.value ?? undefined;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuetext'] = state.input['aria-valuetext'] ?? ((value !== undefined && displayValue) || undefined);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onChange = mergeCallbacks(state.input.onChange, handleInputChange);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onInput = mergeCallbacks(state.input.onInput, handleInputChange);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onBlur = mergeCallbacks(state.input.onBlur, handleBlur);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onKeyDown = mergeCallbacks(state.input.onKeyDown, handleKeyDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onKeyUp = mergeCallbacks(state.input.onKeyUp, handleKeyUp);\n\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseDown = mergeCallbacks(handleIncrementMouseDown, state.incrementButton.onMouseDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseUp = mergeCallbacks(state.incrementButton.onMouseUp, handleStepMouseUpOrLeave);\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseLeave = mergeCallbacks(state.incrementButton.onMouseLeave, handleStepMouseUpOrLeave);\n\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseDown = mergeCallbacks(handleDecrementMouseDown, state.decrementButton.onMouseDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseUp = mergeCallbacks(state.decrementButton.onMouseUp, handleStepMouseUpOrLeave);\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseLeave = mergeCallbacks(state.decrementButton.onMouseLeave, handleStepMouseUpOrLeave);\n\n  // eslint-disable-next-line react-hooks/refs\n  return state;\n};\n\n/**\n * Create the state required to render SpinButton.\n *\n * The returned state can be modified with hooks such as useSpinButtonStyles_unstable,\n * before being passed to renderSpinButton_unstable.\n *\n * @param props - props from this instance of SpinButton\n * @param ref - reference to root HTMLElement of SpinButton\n */\nexport const useSpinButton_unstable = (props: SpinButtonProps, ref: React.Ref<HTMLInputElement>): SpinButtonState => {\n  const overrides = useOverrides();\n\n  const { appearance = overrides.inputDefaultAppearance ?? 'outline', size = 'medium', ...baseProps } = props;\n\n  const state = useSpinButtonBase_unstable(baseProps, ref);\n\n  state.incrementButton.children ??= <ChevronUp16Regular />;\n  state.decrementButton.children ??= <ChevronDown16Regular />;\n\n  return { ...state, appearance, size };\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","mergeCallbacks","useControllableState","useTimeout","slot","useMergedRefs","ArrowUp","ArrowDown","End","Enter","Escape","Home","PageDown","PageUp","calculatePrecision","precisionRound","getBound","clamp","ChevronUp16Regular","ChevronDown16Regular","useOverrides_unstable","useOverrides","DEFAULT_SPIN_DELAY_MS","MIN_SPIN_DELAY_MS","MAX_SPIN_TIME_MS","lerp","start","end","percent","useSpinButtonBase_unstable","props","ref","supportsLabelFor","supportsRequired","nativeProps","primarySlotTagName","excludedPropNames","value","displayValue","defaultValue","min","max","step","stepPage","precision","precisionFromProps","onChange","root","input","incrementButton","decrementButton","useMemo","Math","currentValue","setCurrentValue","state","defaultState","initialState","inputRef","useRef","isControlled","undefined","textValue","setTextValue","useState","keyboardSpinState","setKeyboardSpinState","internalState","spinState","spinTime","spinDelay","atBound","setStepTimeout","clearStepTimeout","stepValue","e","direction","startFrom","startValue","current","num","parseFloat","isNaN","val","dir","stepSize","stepStart","nullStep","commit","newValue","Number","handleInputChange","previousTextValue","String","target","ariaValueNow","handleIncrementMouseDown","handleDecrementMouseDown","handleStepMouseUpOrLeave","handleBlur","handleKeyDown","nextKeyboardSpinState","currentTarget","readOnly","key","preventDefault","shiftKey","handleKeyUp","newDisplayValue","valueChanged","displayValueChanged","roundedValue","nextValue","valueToDisplay","components","always","defaultProps","elementType","autoComplete","role","type","primary","tabIndex","disabled","onInput","onBlur","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","useSpinButton_unstable","overrides","appearance","inputDefaultAppearance","size","baseProps","children"],"mappings":"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"}
+{"version":3,"sources":["../src/components/SpinButton/useSpinButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport {\n  getPartitionedNativeProps,\n  mergeCallbacks,\n  useControllableState,\n  useTimeout,\n  slot,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { ArrowUp, ArrowDown, End, Enter, Escape, Home, PageDown, PageUp } from '@fluentui/keyboard-keys';\nimport type {\n  SpinButtonBaseProps,\n  SpinButtonBaseState,\n  SpinButtonProps,\n  SpinButtonState,\n  SpinButtonSpinState,\n  SpinButtonChangeEvent,\n  SpinButtonBounds,\n} from './SpinButton.types';\nimport { calculatePrecision, precisionRound, getBound, clamp } from '../../utils/index';\nimport { ChevronUp16Regular, ChevronDown16Regular } from '@fluentui/react-icons';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\ntype InternalState = {\n  value: number | null;\n  spinState: SpinButtonSpinState;\n  spinTime: number;\n  spinDelay: number;\n  previousTextValue?: string;\n  atBound: SpinButtonBounds;\n};\n\n// A single tap on a trackpad can take ~200-250ms before mouseup fires. Keep the initial\n// repeat delay above that range so a tap is treated as one click while a true hold still\n// triggers repeat behavior.\nconst DEFAULT_SPIN_DELAY_MS = 300;\nconst MIN_SPIN_DELAY_MS = 80;\nconst MAX_SPIN_TIME_MS = 1000;\n\n// This is here to give an ease for the mouse held down case.\n// Exact easing it to be defined. Once it is we'll likely\n// pull this out into a util function in the SpinButton package.\nconst lerp = (start: number, end: number, percent: number): number => start + (end - start) * percent;\n\n/**\n * Create the base state required to render SpinButton without design-specific props.\n *\n * @param props - props from this instance of SpinButton (without appearance/size)\n * @param ref - reference to root HTMLElement of SpinButton\n */\nexport const useSpinButtonBase_unstable = (\n  props: SpinButtonBaseProps,\n  ref: React.Ref<HTMLInputElement>,\n): SpinButtonBaseState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['defaultValue', 'max', 'min', 'onChange', 'value'],\n  });\n\n  const {\n    value,\n    displayValue,\n    defaultValue,\n    min,\n    max,\n    step = 1,\n    stepPage = 1,\n    precision: precisionFromProps,\n    onChange,\n    root,\n    input,\n    incrementButton,\n    decrementButton,\n  } = props;\n\n  const precision = React.useMemo(() => {\n    return precisionFromProps ?? Math.max(calculatePrecision(step), 0);\n  }, [precisionFromProps, step]);\n\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value,\n    defaultState: defaultValue,\n    initialState: 0,\n  });\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isControlled = value !== undefined;\n\n  const [textValue, setTextValue] = React.useState<string | undefined>(undefined);\n  const [keyboardSpinState, setKeyboardSpinState] = React.useState<SpinButtonSpinState>('rest');\n\n  const internalState = React.useRef<InternalState>({\n    value: currentValue,\n    spinState: 'rest',\n    spinTime: 0,\n    spinDelay: DEFAULT_SPIN_DELAY_MS,\n    atBound: currentValue !== null ? getBound(precisionRound(currentValue, precision), min, max) : 'none',\n  });\n\n  const [setStepTimeout, clearStepTimeout] = useTimeout();\n\n  const stepValue = (\n    e: SpinButtonChangeEvent,\n    direction: 'up' | 'down' | 'upPage' | 'downPage',\n    startFrom?: string,\n  ) => {\n    let startValue = internalState.current.value;\n    if (startFrom) {\n      const num = parseFloat(startFrom);\n      if (!isNaN(num)) {\n        startValue = num;\n      }\n    }\n    const val = startValue;\n    const dir = direction === 'up' || direction === 'upPage' ? 1 : -1;\n    const stepSize = direction === 'upPage' || direction === 'downPage' ? stepPage : step;\n\n    if (val === null) {\n      const stepStart = min === undefined ? 0 : min;\n      const nullStep = clamp(stepStart + stepSize * dir, min, max);\n      commit(e, nullStep);\n      return;\n    }\n\n    let newValue = val + stepSize * dir;\n    if (!Number.isNaN(newValue)) {\n      newValue = clamp(newValue, min, max);\n    }\n\n    commit(e, newValue);\n\n    if (internalState.current.spinState !== 'rest') {\n      setStepTimeout(() => {\n        // Ease the step speed a bit\n        internalState.current.spinTime += internalState.current.spinDelay;\n        internalState.current.spinDelay = lerp(\n          DEFAULT_SPIN_DELAY_MS,\n          MIN_SPIN_DELAY_MS,\n          internalState.current.spinTime / MAX_SPIN_TIME_MS,\n        );\n        stepValue(e, direction);\n      }, internalState.current.spinDelay);\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!internalState.current.previousTextValue) {\n      internalState.current.previousTextValue = textValue ?? String(currentValue);\n    }\n    const newValue = e.target.value;\n    setTextValue(newValue);\n    if (inputRef.current) {\n      // we need to set this here using the IDL attribute directly, because otherwise the timing of the ARIA value update\n      // is not in sync with the user-entered native input value, and some screen readers end up reading the wrong value.\n      inputRef.current.ariaValueNow = newValue;\n    }\n  };\n\n  const handleIncrementMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.spinState = 'up';\n    stepValue(e, 'up');\n  };\n\n  const handleDecrementMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.spinState = 'down';\n    stepValue(e, 'down');\n  };\n\n  const handleStepMouseUpOrLeave = (e: React.MouseEvent<HTMLButtonElement>) => {\n    clearStepTimeout();\n    internalState.current.spinState = 'rest';\n    internalState.current.spinDelay = DEFAULT_SPIN_DELAY_MS;\n    internalState.current.spinTime = 0;\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.previousTextValue = undefined;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    let nextKeyboardSpinState: SpinButtonSpinState = 'rest';\n\n    if (e.currentTarget.readOnly) {\n      return;\n    }\n\n    if (e.key === ArrowUp) {\n      stepValue(e, 'up', textValue);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === ArrowDown) {\n      stepValue(e, 'down', textValue);\n      nextKeyboardSpinState = 'down';\n    } else if (e.key === PageUp) {\n      e.preventDefault();\n      stepValue(e, 'upPage', textValue);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === PageDown) {\n      e.preventDefault();\n      stepValue(e, 'downPage', textValue);\n      nextKeyboardSpinState = 'down';\n    } else if (!e.shiftKey && e.key === Home && min !== undefined) {\n      commit(e, min);\n      nextKeyboardSpinState = 'down';\n    } else if (!e.shiftKey && e.key === End && max !== undefined) {\n      commit(e, max);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === Enter) {\n      commit(e, currentValue, textValue);\n      internalState.current.previousTextValue = undefined;\n    } else if (e.key === Escape) {\n      if (internalState.current.previousTextValue) {\n        setTextValue(undefined);\n        internalState.current.previousTextValue = undefined;\n      }\n    }\n\n    if (keyboardSpinState !== nextKeyboardSpinState) {\n      setKeyboardSpinState(nextKeyboardSpinState);\n    }\n  };\n\n  const handleKeyUp = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (keyboardSpinState !== 'rest') {\n      setKeyboardSpinState('rest');\n      internalState.current.spinState = 'rest';\n    }\n  };\n\n  const commit = (e: SpinButtonChangeEvent, newValue?: number | null, newDisplayValue?: string) => {\n    const valueChanged = newValue !== undefined && currentValue !== newValue;\n    const displayValueChanged =\n      newDisplayValue !== undefined &&\n      internalState.current.previousTextValue !== undefined &&\n      internalState.current.previousTextValue !== newDisplayValue;\n\n    let roundedValue;\n    if (valueChanged) {\n      roundedValue = precisionRound(newValue!, precision);\n      setCurrentValue(roundedValue);\n      internalState.current.value = roundedValue;\n    } else if (displayValueChanged && !isControlled) {\n      const nextValue = parseFloat(newDisplayValue as string);\n      if (!isNaN(nextValue)) {\n        setCurrentValue(precisionRound(nextValue, precision));\n        internalState.current.value = precisionRound(nextValue, precision);\n      }\n    }\n\n    if (valueChanged || displayValueChanged) {\n      onChange?.(e, { value: roundedValue, displayValue: newDisplayValue });\n    }\n\n    setTextValue(undefined);\n  };\n\n  let valueToDisplay;\n  if (textValue !== undefined) {\n    valueToDisplay = textValue;\n  } else if (value === null || currentValue === null) {\n    valueToDisplay = displayValue ?? '';\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.value = null;\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.atBound = 'none';\n  } else {\n    const roundedValue = precisionRound(currentValue, precision);\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.value = roundedValue;\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.atBound = getBound(roundedValue, min, max);\n    if (isControlled) {\n      valueToDisplay = displayValue ?? String(roundedValue);\n    } else {\n      valueToDisplay = String(roundedValue);\n    }\n  }\n\n  const state: SpinButtonBaseState = {\n    spinState: keyboardSpinState,\n    // eslint-disable-next-line react-hooks/refs\n    atBound: internalState.current.atBound,\n\n    components: {\n      root: 'span',\n      input: 'input',\n      incrementButton: 'button',\n      decrementButton: 'button',\n    },\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'span',\n    }),\n    input: slot.always(input, {\n      defaultProps: {\n        autoComplete: 'off',\n        role: 'spinbutton',\n        type: 'text',\n        ...nativeProps.primary,\n      },\n      elementType: 'input',\n    }),\n    incrementButton: slot.always(incrementButton, {\n      defaultProps: {\n        tabIndex: -1,\n        disabled:\n          nativeProps.primary.readOnly ||\n          nativeProps.primary.disabled ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'max' ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'both',\n        'aria-label': 'Increment value',\n        type: 'button',\n      },\n      elementType: 'button',\n    }),\n    decrementButton: slot.always(decrementButton, {\n      defaultProps: {\n        tabIndex: -1,\n        disabled:\n          nativeProps.primary.readOnly ||\n          nativeProps.primary.disabled ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'min' ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'both',\n        'aria-label': 'Decrement value',\n        type: 'button',\n      },\n      elementType: 'button',\n    }),\n  };\n\n  // eslint-disable-next-line react-hooks/refs\n  state.input.value = valueToDisplay;\n  // eslint-disable-next-line react-hooks/refs\n  state.input.ref = useMergedRefs(inputRef, ref);\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuemin'] = min;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuemax'] = max;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuenow'] = internalState.current.value ?? undefined;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuetext'] = state.input['aria-valuetext'] ?? ((value !== undefined && displayValue) || undefined);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onChange = mergeCallbacks(state.input.onChange, handleInputChange);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onInput = mergeCallbacks(state.input.onInput, handleInputChange);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onBlur = mergeCallbacks(state.input.onBlur, handleBlur);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onKeyDown = mergeCallbacks(state.input.onKeyDown, handleKeyDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onKeyUp = mergeCallbacks(state.input.onKeyUp, handleKeyUp);\n\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseDown = mergeCallbacks(handleIncrementMouseDown, state.incrementButton.onMouseDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseUp = mergeCallbacks(state.incrementButton.onMouseUp, handleStepMouseUpOrLeave);\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseLeave = mergeCallbacks(state.incrementButton.onMouseLeave, handleStepMouseUpOrLeave);\n\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseDown = mergeCallbacks(handleDecrementMouseDown, state.decrementButton.onMouseDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseUp = mergeCallbacks(state.decrementButton.onMouseUp, handleStepMouseUpOrLeave);\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseLeave = mergeCallbacks(state.decrementButton.onMouseLeave, handleStepMouseUpOrLeave);\n\n  // eslint-disable-next-line react-hooks/refs\n  return state;\n};\n\n/**\n * Create the state required to render SpinButton.\n *\n * The returned state can be modified with hooks such as useSpinButtonStyles_unstable,\n * before being passed to renderSpinButton_unstable.\n *\n * @param props - props from this instance of SpinButton\n * @param ref - reference to root HTMLElement of SpinButton\n */\nexport const useSpinButton_unstable = (props: SpinButtonProps, ref: React.Ref<HTMLInputElement>): SpinButtonState => {\n  const overrides = useOverrides();\n\n  const { appearance = overrides.inputDefaultAppearance ?? 'outline', size = 'medium', ...baseProps } = props;\n\n  const state = useSpinButtonBase_unstable(baseProps, ref);\n\n  state.incrementButton.children ??= <ChevronUp16Regular />;\n  state.decrementButton.children ??= <ChevronDown16Regular />;\n\n  return { ...state, appearance, size };\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","mergeCallbacks","useControllableState","useTimeout","slot","useMergedRefs","ArrowUp","ArrowDown","End","Enter","Escape","Home","PageDown","PageUp","calculatePrecision","precisionRound","getBound","clamp","ChevronUp16Regular","ChevronDown16Regular","useOverrides_unstable","useOverrides","DEFAULT_SPIN_DELAY_MS","MIN_SPIN_DELAY_MS","MAX_SPIN_TIME_MS","lerp","start","end","percent","useSpinButtonBase_unstable","props","ref","supportsLabelFor","supportsRequired","nativeProps","primarySlotTagName","excludedPropNames","value","displayValue","defaultValue","min","max","step","stepPage","precision","precisionFromProps","onChange","root","input","incrementButton","decrementButton","useMemo","Math","currentValue","setCurrentValue","state","defaultState","initialState","inputRef","useRef","isControlled","undefined","textValue","setTextValue","useState","keyboardSpinState","setKeyboardSpinState","internalState","spinState","spinTime","spinDelay","atBound","setStepTimeout","clearStepTimeout","stepValue","e","direction","startFrom","startValue","current","num","parseFloat","isNaN","val","dir","stepSize","stepStart","nullStep","commit","newValue","Number","handleInputChange","previousTextValue","String","target","ariaValueNow","handleIncrementMouseDown","handleDecrementMouseDown","handleStepMouseUpOrLeave","handleBlur","handleKeyDown","nextKeyboardSpinState","currentTarget","readOnly","key","preventDefault","shiftKey","handleKeyUp","newDisplayValue","valueChanged","displayValueChanged","roundedValue","nextValue","valueToDisplay","components","always","defaultProps","elementType","autoComplete","role","type","primary","tabIndex","disabled","onInput","onBlur","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","useSpinButton_unstable","overrides","appearance","inputDefaultAppearance","size","baseProps","children"],"mappings":"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"}

package/lib-commonjs/components/SpinButton/useSpinButton.cjs

@@ -25,7 +25,10 @@ const _keyboardkeys = require("@fluentui/keyboard-keys");
 const _index = require("../../utils/index.cjs");
 const _reacticons = require("@fluentui/react-icons");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const DEFAULT_SPIN_DELAY_MS = 150;
+// A single tap on a trackpad can take ~200-250ms before mouseup fires. Keep the initial
+// repeat delay above that range so a tap is treated as one click while a true hold still
+// triggers repeat behavior.
+const DEFAULT_SPIN_DELAY_MS = 300;
 const MIN_SPIN_DELAY_MS = 80;
 const MAX_SPIN_TIME_MS = 1000;
 // This is here to give an ease for the mouse held down case.

package/lib-commonjs/components/SpinButton/useSpinButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SpinButton/useSpinButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport {\n  getPartitionedNativeProps,\n  mergeCallbacks,\n  useControllableState,\n  useTimeout,\n  slot,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { ArrowUp, ArrowDown, End, Enter, Escape, Home, PageDown, PageUp } from '@fluentui/keyboard-keys';\nimport type {\n  SpinButtonBaseProps,\n  SpinButtonBaseState,\n  SpinButtonProps,\n  SpinButtonState,\n  SpinButtonSpinState,\n  SpinButtonChangeEvent,\n  SpinButtonBounds,\n} from './SpinButton.types';\nimport { calculatePrecision, precisionRound, getBound, clamp } from '../../utils/index';\nimport { ChevronUp16Regular, ChevronDown16Regular } from '@fluentui/react-icons';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\ntype InternalState = {\n  value: number | null;\n  spinState: SpinButtonSpinState;\n  spinTime: number;\n  spinDelay: number;\n  previousTextValue?: string;\n  atBound: SpinButtonBounds;\n};\n\nconst DEFAULT_SPIN_DELAY_MS = 150;\nconst MIN_SPIN_DELAY_MS = 80;\nconst MAX_SPIN_TIME_MS = 1000;\n\n// This is here to give an ease for the mouse held down case.\n// Exact easing it to be defined. Once it is we'll likely\n// pull this out into a util function in the SpinButton package.\nconst lerp = (start: number, end: number, percent: number): number => start + (end - start) * percent;\n\n/**\n * Create the base state required to render SpinButton without design-specific props.\n *\n * @param props - props from this instance of SpinButton (without appearance/size)\n * @param ref - reference to root HTMLElement of SpinButton\n */\nexport const useSpinButtonBase_unstable = (\n  props: SpinButtonBaseProps,\n  ref: React.Ref<HTMLInputElement>,\n): SpinButtonBaseState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['defaultValue', 'max', 'min', 'onChange', 'value'],\n  });\n\n  const {\n    value,\n    displayValue,\n    defaultValue,\n    min,\n    max,\n    step = 1,\n    stepPage = 1,\n    precision: precisionFromProps,\n    onChange,\n    root,\n    input,\n    incrementButton,\n    decrementButton,\n  } = props;\n\n  const precision = React.useMemo(() => {\n    return precisionFromProps ?? Math.max(calculatePrecision(step), 0);\n  }, [precisionFromProps, step]);\n\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value,\n    defaultState: defaultValue,\n    initialState: 0,\n  });\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isControlled = value !== undefined;\n\n  const [textValue, setTextValue] = React.useState<string | undefined>(undefined);\n  const [keyboardSpinState, setKeyboardSpinState] = React.useState<SpinButtonSpinState>('rest');\n\n  const internalState = React.useRef<InternalState>({\n    value: currentValue,\n    spinState: 'rest',\n    spinTime: 0,\n    spinDelay: DEFAULT_SPIN_DELAY_MS,\n    atBound: currentValue !== null ? getBound(precisionRound(currentValue, precision), min, max) : 'none',\n  });\n\n  const [setStepTimeout, clearStepTimeout] = useTimeout();\n\n  const stepValue = (\n    e: SpinButtonChangeEvent,\n    direction: 'up' | 'down' | 'upPage' | 'downPage',\n    startFrom?: string,\n  ) => {\n    let startValue = internalState.current.value;\n    if (startFrom) {\n      const num = parseFloat(startFrom);\n      if (!isNaN(num)) {\n        startValue = num;\n      }\n    }\n    const val = startValue;\n    const dir = direction === 'up' || direction === 'upPage' ? 1 : -1;\n    const stepSize = direction === 'upPage' || direction === 'downPage' ? stepPage : step;\n\n    if (val === null) {\n      const stepStart = min === undefined ? 0 : min;\n      const nullStep = clamp(stepStart + stepSize * dir, min, max);\n      commit(e, nullStep);\n      return;\n    }\n\n    let newValue = val + stepSize * dir;\n    if (!Number.isNaN(newValue)) {\n      newValue = clamp(newValue, min, max);\n    }\n\n    commit(e, newValue);\n\n    if (internalState.current.spinState !== 'rest') {\n      setStepTimeout(() => {\n        // Ease the step speed a bit\n        internalState.current.spinTime += internalState.current.spinDelay;\n        internalState.current.spinDelay = lerp(\n          DEFAULT_SPIN_DELAY_MS,\n          MIN_SPIN_DELAY_MS,\n          internalState.current.spinTime / MAX_SPIN_TIME_MS,\n        );\n        stepValue(e, direction);\n      }, internalState.current.spinDelay);\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!internalState.current.previousTextValue) {\n      internalState.current.previousTextValue = textValue ?? String(currentValue);\n    }\n    const newValue = e.target.value;\n    setTextValue(newValue);\n    if (inputRef.current) {\n      // we need to set this here using the IDL attribute directly, because otherwise the timing of the ARIA value update\n      // is not in sync with the user-entered native input value, and some screen readers end up reading the wrong value.\n      inputRef.current.ariaValueNow = newValue;\n    }\n  };\n\n  const handleIncrementMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.spinState = 'up';\n    stepValue(e, 'up');\n  };\n\n  const handleDecrementMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.spinState = 'down';\n    stepValue(e, 'down');\n  };\n\n  const handleStepMouseUpOrLeave = (e: React.MouseEvent<HTMLButtonElement>) => {\n    clearStepTimeout();\n    internalState.current.spinState = 'rest';\n    internalState.current.spinDelay = DEFAULT_SPIN_DELAY_MS;\n    internalState.current.spinTime = 0;\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.previousTextValue = undefined;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    let nextKeyboardSpinState: SpinButtonSpinState = 'rest';\n\n    if (e.currentTarget.readOnly) {\n      return;\n    }\n\n    if (e.key === ArrowUp) {\n      stepValue(e, 'up', textValue);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === ArrowDown) {\n      stepValue(e, 'down', textValue);\n      nextKeyboardSpinState = 'down';\n    } else if (e.key === PageUp) {\n      e.preventDefault();\n      stepValue(e, 'upPage', textValue);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === PageDown) {\n      e.preventDefault();\n      stepValue(e, 'downPage', textValue);\n      nextKeyboardSpinState = 'down';\n    } else if (!e.shiftKey && e.key === Home && min !== undefined) {\n      commit(e, min);\n      nextKeyboardSpinState = 'down';\n    } else if (!e.shiftKey && e.key === End && max !== undefined) {\n      commit(e, max);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === Enter) {\n      commit(e, currentValue, textValue);\n      internalState.current.previousTextValue = undefined;\n    } else if (e.key === Escape) {\n      if (internalState.current.previousTextValue) {\n        setTextValue(undefined);\n        internalState.current.previousTextValue = undefined;\n      }\n    }\n\n    if (keyboardSpinState !== nextKeyboardSpinState) {\n      setKeyboardSpinState(nextKeyboardSpinState);\n    }\n  };\n\n  const handleKeyUp = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (keyboardSpinState !== 'rest') {\n      setKeyboardSpinState('rest');\n      internalState.current.spinState = 'rest';\n    }\n  };\n\n  const commit = (e: SpinButtonChangeEvent, newValue?: number | null, newDisplayValue?: string) => {\n    const valueChanged = newValue !== undefined && currentValue !== newValue;\n    const displayValueChanged =\n      newDisplayValue !== undefined &&\n      internalState.current.previousTextValue !== undefined &&\n      internalState.current.previousTextValue !== newDisplayValue;\n\n    let roundedValue;\n    if (valueChanged) {\n      roundedValue = precisionRound(newValue!, precision);\n      setCurrentValue(roundedValue);\n      internalState.current.value = roundedValue;\n    } else if (displayValueChanged && !isControlled) {\n      const nextValue = parseFloat(newDisplayValue as string);\n      if (!isNaN(nextValue)) {\n        setCurrentValue(precisionRound(nextValue, precision));\n        internalState.current.value = precisionRound(nextValue, precision);\n      }\n    }\n\n    if (valueChanged || displayValueChanged) {\n      onChange?.(e, { value: roundedValue, displayValue: newDisplayValue });\n    }\n\n    setTextValue(undefined);\n  };\n\n  let valueToDisplay;\n  if (textValue !== undefined) {\n    valueToDisplay = textValue;\n  } else if (value === null || currentValue === null) {\n    valueToDisplay = displayValue ?? '';\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.value = null;\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.atBound = 'none';\n  } else {\n    const roundedValue = precisionRound(currentValue, precision);\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.value = roundedValue;\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.atBound = getBound(roundedValue, min, max);\n    if (isControlled) {\n      valueToDisplay = displayValue ?? String(roundedValue);\n    } else {\n      valueToDisplay = String(roundedValue);\n    }\n  }\n\n  const state: SpinButtonBaseState = {\n    spinState: keyboardSpinState,\n    // eslint-disable-next-line react-hooks/refs\n    atBound: internalState.current.atBound,\n\n    components: {\n      root: 'span',\n      input: 'input',\n      incrementButton: 'button',\n      decrementButton: 'button',\n    },\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'span',\n    }),\n    input: slot.always(input, {\n      defaultProps: {\n        autoComplete: 'off',\n        role: 'spinbutton',\n        type: 'text',\n        ...nativeProps.primary,\n      },\n      elementType: 'input',\n    }),\n    incrementButton: slot.always(incrementButton, {\n      defaultProps: {\n        tabIndex: -1,\n        disabled:\n          nativeProps.primary.readOnly ||\n          nativeProps.primary.disabled ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'max' ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'both',\n        'aria-label': 'Increment value',\n        type: 'button',\n      },\n      elementType: 'button',\n    }),\n    decrementButton: slot.always(decrementButton, {\n      defaultProps: {\n        tabIndex: -1,\n        disabled:\n          nativeProps.primary.readOnly ||\n          nativeProps.primary.disabled ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'min' ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'both',\n        'aria-label': 'Decrement value',\n        type: 'button',\n      },\n      elementType: 'button',\n    }),\n  };\n\n  // eslint-disable-next-line react-hooks/refs\n  state.input.value = valueToDisplay;\n  // eslint-disable-next-line react-hooks/refs\n  state.input.ref = useMergedRefs(inputRef, ref);\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuemin'] = min;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuemax'] = max;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuenow'] = internalState.current.value ?? undefined;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuetext'] = state.input['aria-valuetext'] ?? ((value !== undefined && displayValue) || undefined);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onChange = mergeCallbacks(state.input.onChange, handleInputChange);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onInput = mergeCallbacks(state.input.onInput, handleInputChange);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onBlur = mergeCallbacks(state.input.onBlur, handleBlur);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onKeyDown = mergeCallbacks(state.input.onKeyDown, handleKeyDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onKeyUp = mergeCallbacks(state.input.onKeyUp, handleKeyUp);\n\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseDown = mergeCallbacks(handleIncrementMouseDown, state.incrementButton.onMouseDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseUp = mergeCallbacks(state.incrementButton.onMouseUp, handleStepMouseUpOrLeave);\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseLeave = mergeCallbacks(state.incrementButton.onMouseLeave, handleStepMouseUpOrLeave);\n\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseDown = mergeCallbacks(handleDecrementMouseDown, state.decrementButton.onMouseDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseUp = mergeCallbacks(state.decrementButton.onMouseUp, handleStepMouseUpOrLeave);\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseLeave = mergeCallbacks(state.decrementButton.onMouseLeave, handleStepMouseUpOrLeave);\n\n  // eslint-disable-next-line react-hooks/refs\n  return state;\n};\n\n/**\n * Create the state required to render SpinButton.\n *\n * The returned state can be modified with hooks such as useSpinButtonStyles_unstable,\n * before being passed to renderSpinButton_unstable.\n *\n * @param props - props from this instance of SpinButton\n * @param ref - reference to root HTMLElement of SpinButton\n */\nexport const useSpinButton_unstable = (props: SpinButtonProps, ref: React.Ref<HTMLInputElement>): SpinButtonState => {\n  const overrides = useOverrides();\n\n  const { appearance = overrides.inputDefaultAppearance ?? 'outline', size = 'medium', ...baseProps } = props;\n\n  const state = useSpinButtonBase_unstable(baseProps, ref);\n\n  state.incrementButton.children ??= <ChevronUp16Regular />;\n  state.decrementButton.children ??= <ChevronDown16Regular />;\n\n  return { ...state, appearance, size };\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","mergeCallbacks","useControllableState","useTimeout","slot","useMergedRefs","ArrowUp","ArrowDown","End","Enter","Escape","Home","PageDown","PageUp","calculatePrecision","precisionRound","getBound","clamp","ChevronUp16Regular","ChevronDown16Regular","useOverrides_unstable","useOverrides","DEFAULT_SPIN_DELAY_MS","MIN_SPIN_DELAY_MS","MAX_SPIN_TIME_MS","lerp","start","end","percent","useSpinButtonBase_unstable","props","ref","supportsLabelFor","supportsRequired","nativeProps","primarySlotTagName","excludedPropNames","value","displayValue","defaultValue","min","max","step","stepPage","precision","precisionFromProps","onChange","root","input","incrementButton","decrementButton","useMemo","Math","currentValue","setCurrentValue","state","defaultState","initialState","inputRef","useRef","isControlled","undefined","textValue","setTextValue","useState","keyboardSpinState","setKeyboardSpinState","internalState","spinState","spinTime","spinDelay","atBound","setStepTimeout","clearStepTimeout","stepValue","e","direction","startFrom","startValue","current","num","parseFloat","isNaN","val","dir","stepSize","stepStart","nullStep","commit","newValue","Number","handleInputChange","previousTextValue","String","target","ariaValueNow","handleIncrementMouseDown","handleDecrementMouseDown","handleStepMouseUpOrLeave","handleBlur","handleKeyDown","nextKeyboardSpinState","currentTarget","readOnly","key","preventDefault","shiftKey","handleKeyUp","newDisplayValue","valueChanged","displayValueChanged","roundedValue","nextValue","valueToDisplay","components","always","defaultProps","elementType","autoComplete","role","type","primary","tabIndex","disabled","onInput","onBlur","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","useSpinButton_unstable","overrides","appearance","inputDefaultAppearance","size","baseProps","children"],"mappings":"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"}
+{"version":3,"sources":["../src/components/SpinButton/useSpinButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport {\n  getPartitionedNativeProps,\n  mergeCallbacks,\n  useControllableState,\n  useTimeout,\n  slot,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { ArrowUp, ArrowDown, End, Enter, Escape, Home, PageDown, PageUp } from '@fluentui/keyboard-keys';\nimport type {\n  SpinButtonBaseProps,\n  SpinButtonBaseState,\n  SpinButtonProps,\n  SpinButtonState,\n  SpinButtonSpinState,\n  SpinButtonChangeEvent,\n  SpinButtonBounds,\n} from './SpinButton.types';\nimport { calculatePrecision, precisionRound, getBound, clamp } from '../../utils/index';\nimport { ChevronUp16Regular, ChevronDown16Regular } from '@fluentui/react-icons';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\ntype InternalState = {\n  value: number | null;\n  spinState: SpinButtonSpinState;\n  spinTime: number;\n  spinDelay: number;\n  previousTextValue?: string;\n  atBound: SpinButtonBounds;\n};\n\n// A single tap on a trackpad can take ~200-250ms before mouseup fires. Keep the initial\n// repeat delay above that range so a tap is treated as one click while a true hold still\n// triggers repeat behavior.\nconst DEFAULT_SPIN_DELAY_MS = 300;\nconst MIN_SPIN_DELAY_MS = 80;\nconst MAX_SPIN_TIME_MS = 1000;\n\n// This is here to give an ease for the mouse held down case.\n// Exact easing it to be defined. Once it is we'll likely\n// pull this out into a util function in the SpinButton package.\nconst lerp = (start: number, end: number, percent: number): number => start + (end - start) * percent;\n\n/**\n * Create the base state required to render SpinButton without design-specific props.\n *\n * @param props - props from this instance of SpinButton (without appearance/size)\n * @param ref - reference to root HTMLElement of SpinButton\n */\nexport const useSpinButtonBase_unstable = (\n  props: SpinButtonBaseProps,\n  ref: React.Ref<HTMLInputElement>,\n): SpinButtonBaseState => {\n  // Merge props from surrounding <Field>, if any\n  props = useFieldControlProps_unstable(props, { supportsLabelFor: true, supportsRequired: true });\n\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['defaultValue', 'max', 'min', 'onChange', 'value'],\n  });\n\n  const {\n    value,\n    displayValue,\n    defaultValue,\n    min,\n    max,\n    step = 1,\n    stepPage = 1,\n    precision: precisionFromProps,\n    onChange,\n    root,\n    input,\n    incrementButton,\n    decrementButton,\n  } = props;\n\n  const precision = React.useMemo(() => {\n    return precisionFromProps ?? Math.max(calculatePrecision(step), 0);\n  }, [precisionFromProps, step]);\n\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value,\n    defaultState: defaultValue,\n    initialState: 0,\n  });\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isControlled = value !== undefined;\n\n  const [textValue, setTextValue] = React.useState<string | undefined>(undefined);\n  const [keyboardSpinState, setKeyboardSpinState] = React.useState<SpinButtonSpinState>('rest');\n\n  const internalState = React.useRef<InternalState>({\n    value: currentValue,\n    spinState: 'rest',\n    spinTime: 0,\n    spinDelay: DEFAULT_SPIN_DELAY_MS,\n    atBound: currentValue !== null ? getBound(precisionRound(currentValue, precision), min, max) : 'none',\n  });\n\n  const [setStepTimeout, clearStepTimeout] = useTimeout();\n\n  const stepValue = (\n    e: SpinButtonChangeEvent,\n    direction: 'up' | 'down' | 'upPage' | 'downPage',\n    startFrom?: string,\n  ) => {\n    let startValue = internalState.current.value;\n    if (startFrom) {\n      const num = parseFloat(startFrom);\n      if (!isNaN(num)) {\n        startValue = num;\n      }\n    }\n    const val = startValue;\n    const dir = direction === 'up' || direction === 'upPage' ? 1 : -1;\n    const stepSize = direction === 'upPage' || direction === 'downPage' ? stepPage : step;\n\n    if (val === null) {\n      const stepStart = min === undefined ? 0 : min;\n      const nullStep = clamp(stepStart + stepSize * dir, min, max);\n      commit(e, nullStep);\n      return;\n    }\n\n    let newValue = val + stepSize * dir;\n    if (!Number.isNaN(newValue)) {\n      newValue = clamp(newValue, min, max);\n    }\n\n    commit(e, newValue);\n\n    if (internalState.current.spinState !== 'rest') {\n      setStepTimeout(() => {\n        // Ease the step speed a bit\n        internalState.current.spinTime += internalState.current.spinDelay;\n        internalState.current.spinDelay = lerp(\n          DEFAULT_SPIN_DELAY_MS,\n          MIN_SPIN_DELAY_MS,\n          internalState.current.spinTime / MAX_SPIN_TIME_MS,\n        );\n        stepValue(e, direction);\n      }, internalState.current.spinDelay);\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!internalState.current.previousTextValue) {\n      internalState.current.previousTextValue = textValue ?? String(currentValue);\n    }\n    const newValue = e.target.value;\n    setTextValue(newValue);\n    if (inputRef.current) {\n      // we need to set this here using the IDL attribute directly, because otherwise the timing of the ARIA value update\n      // is not in sync with the user-entered native input value, and some screen readers end up reading the wrong value.\n      inputRef.current.ariaValueNow = newValue;\n    }\n  };\n\n  const handleIncrementMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.spinState = 'up';\n    stepValue(e, 'up');\n  };\n\n  const handleDecrementMouseDown = (e: React.MouseEvent<HTMLButtonElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.spinState = 'down';\n    stepValue(e, 'down');\n  };\n\n  const handleStepMouseUpOrLeave = (e: React.MouseEvent<HTMLButtonElement>) => {\n    clearStepTimeout();\n    internalState.current.spinState = 'rest';\n    internalState.current.spinDelay = DEFAULT_SPIN_DELAY_MS;\n    internalState.current.spinTime = 0;\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    commit(e, currentValue, textValue);\n    internalState.current.previousTextValue = undefined;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    let nextKeyboardSpinState: SpinButtonSpinState = 'rest';\n\n    if (e.currentTarget.readOnly) {\n      return;\n    }\n\n    if (e.key === ArrowUp) {\n      stepValue(e, 'up', textValue);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === ArrowDown) {\n      stepValue(e, 'down', textValue);\n      nextKeyboardSpinState = 'down';\n    } else if (e.key === PageUp) {\n      e.preventDefault();\n      stepValue(e, 'upPage', textValue);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === PageDown) {\n      e.preventDefault();\n      stepValue(e, 'downPage', textValue);\n      nextKeyboardSpinState = 'down';\n    } else if (!e.shiftKey && e.key === Home && min !== undefined) {\n      commit(e, min);\n      nextKeyboardSpinState = 'down';\n    } else if (!e.shiftKey && e.key === End && max !== undefined) {\n      commit(e, max);\n      nextKeyboardSpinState = 'up';\n    } else if (e.key === Enter) {\n      commit(e, currentValue, textValue);\n      internalState.current.previousTextValue = undefined;\n    } else if (e.key === Escape) {\n      if (internalState.current.previousTextValue) {\n        setTextValue(undefined);\n        internalState.current.previousTextValue = undefined;\n      }\n    }\n\n    if (keyboardSpinState !== nextKeyboardSpinState) {\n      setKeyboardSpinState(nextKeyboardSpinState);\n    }\n  };\n\n  const handleKeyUp = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (keyboardSpinState !== 'rest') {\n      setKeyboardSpinState('rest');\n      internalState.current.spinState = 'rest';\n    }\n  };\n\n  const commit = (e: SpinButtonChangeEvent, newValue?: number | null, newDisplayValue?: string) => {\n    const valueChanged = newValue !== undefined && currentValue !== newValue;\n    const displayValueChanged =\n      newDisplayValue !== undefined &&\n      internalState.current.previousTextValue !== undefined &&\n      internalState.current.previousTextValue !== newDisplayValue;\n\n    let roundedValue;\n    if (valueChanged) {\n      roundedValue = precisionRound(newValue!, precision);\n      setCurrentValue(roundedValue);\n      internalState.current.value = roundedValue;\n    } else if (displayValueChanged && !isControlled) {\n      const nextValue = parseFloat(newDisplayValue as string);\n      if (!isNaN(nextValue)) {\n        setCurrentValue(precisionRound(nextValue, precision));\n        internalState.current.value = precisionRound(nextValue, precision);\n      }\n    }\n\n    if (valueChanged || displayValueChanged) {\n      onChange?.(e, { value: roundedValue, displayValue: newDisplayValue });\n    }\n\n    setTextValue(undefined);\n  };\n\n  let valueToDisplay;\n  if (textValue !== undefined) {\n    valueToDisplay = textValue;\n  } else if (value === null || currentValue === null) {\n    valueToDisplay = displayValue ?? '';\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.value = null;\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.atBound = 'none';\n  } else {\n    const roundedValue = precisionRound(currentValue, precision);\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.value = roundedValue;\n    // eslint-disable-next-line react-hooks/refs\n    internalState.current.atBound = getBound(roundedValue, min, max);\n    if (isControlled) {\n      valueToDisplay = displayValue ?? String(roundedValue);\n    } else {\n      valueToDisplay = String(roundedValue);\n    }\n  }\n\n  const state: SpinButtonBaseState = {\n    spinState: keyboardSpinState,\n    // eslint-disable-next-line react-hooks/refs\n    atBound: internalState.current.atBound,\n\n    components: {\n      root: 'span',\n      input: 'input',\n      incrementButton: 'button',\n      decrementButton: 'button',\n    },\n    root: slot.always(root, {\n      defaultProps: nativeProps.root,\n      elementType: 'span',\n    }),\n    input: slot.always(input, {\n      defaultProps: {\n        autoComplete: 'off',\n        role: 'spinbutton',\n        type: 'text',\n        ...nativeProps.primary,\n      },\n      elementType: 'input',\n    }),\n    incrementButton: slot.always(incrementButton, {\n      defaultProps: {\n        tabIndex: -1,\n        disabled:\n          nativeProps.primary.readOnly ||\n          nativeProps.primary.disabled ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'max' ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'both',\n        'aria-label': 'Increment value',\n        type: 'button',\n      },\n      elementType: 'button',\n    }),\n    decrementButton: slot.always(decrementButton, {\n      defaultProps: {\n        tabIndex: -1,\n        disabled:\n          nativeProps.primary.readOnly ||\n          nativeProps.primary.disabled ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'min' ||\n          // eslint-disable-next-line react-hooks/refs\n          internalState.current.atBound === 'both',\n        'aria-label': 'Decrement value',\n        type: 'button',\n      },\n      elementType: 'button',\n    }),\n  };\n\n  // eslint-disable-next-line react-hooks/refs\n  state.input.value = valueToDisplay;\n  // eslint-disable-next-line react-hooks/refs\n  state.input.ref = useMergedRefs(inputRef, ref);\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuemin'] = min;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuemax'] = max;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuenow'] = internalState.current.value ?? undefined;\n  // eslint-disable-next-line react-hooks/refs\n  state.input['aria-valuetext'] = state.input['aria-valuetext'] ?? ((value !== undefined && displayValue) || undefined);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onChange = mergeCallbacks(state.input.onChange, handleInputChange);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onInput = mergeCallbacks(state.input.onInput, handleInputChange);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onBlur = mergeCallbacks(state.input.onBlur, handleBlur);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onKeyDown = mergeCallbacks(state.input.onKeyDown, handleKeyDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.input.onKeyUp = mergeCallbacks(state.input.onKeyUp, handleKeyUp);\n\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseDown = mergeCallbacks(handleIncrementMouseDown, state.incrementButton.onMouseDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseUp = mergeCallbacks(state.incrementButton.onMouseUp, handleStepMouseUpOrLeave);\n  // eslint-disable-next-line react-hooks/refs\n  state.incrementButton.onMouseLeave = mergeCallbacks(state.incrementButton.onMouseLeave, handleStepMouseUpOrLeave);\n\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseDown = mergeCallbacks(handleDecrementMouseDown, state.decrementButton.onMouseDown);\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseUp = mergeCallbacks(state.decrementButton.onMouseUp, handleStepMouseUpOrLeave);\n  // eslint-disable-next-line react-hooks/refs\n  state.decrementButton.onMouseLeave = mergeCallbacks(state.decrementButton.onMouseLeave, handleStepMouseUpOrLeave);\n\n  // eslint-disable-next-line react-hooks/refs\n  return state;\n};\n\n/**\n * Create the state required to render SpinButton.\n *\n * The returned state can be modified with hooks such as useSpinButtonStyles_unstable,\n * before being passed to renderSpinButton_unstable.\n *\n * @param props - props from this instance of SpinButton\n * @param ref - reference to root HTMLElement of SpinButton\n */\nexport const useSpinButton_unstable = (props: SpinButtonProps, ref: React.Ref<HTMLInputElement>): SpinButtonState => {\n  const overrides = useOverrides();\n\n  const { appearance = overrides.inputDefaultAppearance ?? 'outline', size = 'medium', ...baseProps } = props;\n\n  const state = useSpinButtonBase_unstable(baseProps, ref);\n\n  state.incrementButton.children ??= <ChevronUp16Regular />;\n  state.decrementButton.children ??= <ChevronDown16Regular />;\n\n  return { ...state, appearance, size };\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","mergeCallbacks","useControllableState","useTimeout","slot","useMergedRefs","ArrowUp","ArrowDown","End","Enter","Escape","Home","PageDown","PageUp","calculatePrecision","precisionRound","getBound","clamp","ChevronUp16Regular","ChevronDown16Regular","useOverrides_unstable","useOverrides","DEFAULT_SPIN_DELAY_MS","MIN_SPIN_DELAY_MS","MAX_SPIN_TIME_MS","lerp","start","end","percent","useSpinButtonBase_unstable","props","ref","supportsLabelFor","supportsRequired","nativeProps","primarySlotTagName","excludedPropNames","value","displayValue","defaultValue","min","max","step","stepPage","precision","precisionFromProps","onChange","root","input","incrementButton","decrementButton","useMemo","Math","currentValue","setCurrentValue","state","defaultState","initialState","inputRef","useRef","isControlled","undefined","textValue","setTextValue","useState","keyboardSpinState","setKeyboardSpinState","internalState","spinState","spinTime","spinDelay","atBound","setStepTimeout","clearStepTimeout","stepValue","e","direction","startFrom","startValue","current","num","parseFloat","isNaN","val","dir","stepSize","stepStart","nullStep","commit","newValue","Number","handleInputChange","previousTextValue","String","target","ariaValueNow","handleIncrementMouseDown","handleDecrementMouseDown","handleStepMouseUpOrLeave","handleBlur","handleKeyDown","nextKeyboardSpinState","currentTarget","readOnly","key","preventDefault","shiftKey","handleKeyUp","newDisplayValue","valueChanged","displayValueChanged","roundedValue","nextValue","valueToDisplay","components","always","defaultProps","elementType","autoComplete","role","type","primary","tabIndex","disabled","onInput","onBlur","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","useSpinButton_unstable","overrides","appearance","inputDefaultAppearance","size","baseProps","children"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-spinbutton",
-  "version": "9.6.6",
+  "version": "9.6.7",
   "description": "Fluent UI React SpinButton component.",
   "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",