Rename to componentProps

Author: mj12albert

packages/react/src/progress/indicator/ProgressIndicator.tsx

@@ -15,10 +15,10 @@ import type { BaseUIComponentProps } from '../../utils/types';
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
 const ProgressIndicator = React.forwardRef(function ProgressIndicator(
-  props: ProgressIndicator.Props,
+  componentProps: ProgressIndicator.Props,
   forwardedRef: React.ForwardedRef<HTMLDivElement>,
 ) {
-  const { render, className, ...elementProps } = props;
+  const { render, className, ...elementProps } = componentProps;
 
   const { max, min, value, state } = useProgressRootContext();
 
@@ -37,7 +37,7 @@ const ProgressIndicator = React.forwardRef(function ProgressIndicator(
     };
   }, [percentageValue]);
 
-  const renderElement = useRenderElement('div', props, {
+  const renderElement = useRenderElement('div', componentProps, {
     state,
     ref: forwardedRef,
     props: [

packages/react/src/progress/label/ProgressLabel.tsx

@@ -16,10 +16,10 @@ import type { BaseUIComponentProps } from '../../utils/types';
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
 const ProgressLabel = React.forwardRef(function ProgressLabel(
-  props: ProgressLabel.Props,
+  componentProps: ProgressLabel.Props,
   forwardedRef: React.ForwardedRef<HTMLSpanElement>,
 ) {
-  const { render, className, id: idProp, ...elementProps } = props;
+  const { render, className, id: idProp, ...elementProps } = componentProps;
 
   const id = useBaseUiId(idProp);
 
@@ -30,7 +30,7 @@ const ProgressLabel = React.forwardRef(function ProgressLabel(
     return () => setLabelId(undefined);
   }, [id, setLabelId]);
 
-  const renderElement = useRenderElement('span', props, {
+  const renderElement = useRenderElement('span', componentProps, {
     state,
     ref: forwardedRef,
     props: [

packages/react/src/progress/root/ProgressRoot.tsx

@@ -39,7 +39,7 @@ function getDefaultAriaValueText(formattedValue: string | null, value: number |
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
 const ProgressRoot = React.forwardRef(function ProgressRoot(
-  props: ProgressRoot.Props,
+  componentProps: ProgressRoot.Props,
   forwardedRef: React.ForwardedRef<HTMLDivElement>,
 ) {
   const {
@@ -52,7 +52,7 @@ const ProgressRoot = React.forwardRef(function ProgressRoot(
     render,
     className,
     ...elementProps
-  } = props;
+  } = componentProps;
 
   const [labelId, setLabelId] = React.useState<string | undefined>();
 
@@ -84,7 +84,7 @@ const ProgressRoot = React.forwardRef(function ProgressRoot(
     [formattedValue, max, min, setLabelId, state, status, value],
   );
 
-  const renderElement = useRenderElement('div', props, {
+  const renderElement = useRenderElement('div', componentProps, {
     state,
     ref: forwardedRef,
     props: [
@@ -95,7 +95,7 @@ const ProgressRoot = React.forwardRef(function ProgressRoot(
         'aria-valuenow': value ?? undefined,
         'aria-valuetext': getAriaValueText
           ? getAriaValueText(formattedValue, value)
-          : (props['aria-valuetext'] ?? getDefaultAriaValueText(formattedValue, value)),
+          : (componentProps['aria-valuetext'] ?? getDefaultAriaValueText(formattedValue, value)),
         role: 'progressbar',
       },
       elementProps,

packages/react/src/progress/track/ProgressTrack.tsx

@@ -14,14 +14,14 @@ import type { BaseUIComponentProps } from '../../utils/types';
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
 const ProgressTrack = React.forwardRef(function ProgressTrack(
-  props: ProgressTrack.Props,
+  componentProps: ProgressTrack.Props,
   forwardedRef: React.ForwardedRef<HTMLDivElement>,
 ) {
-  const { render, className, ...elementProps } = props;
+  const { render, className, ...elementProps } = componentProps;
 
   const { state } = useProgressRootContext();
 
-  const renderElement = useRenderElement('div', props, {
+  const renderElement = useRenderElement('div', componentProps, {
     state,
     ref: forwardedRef,
     props: elementProps,

packages/react/src/progress/value/ProgressValue.tsx

@@ -13,17 +13,17 @@ import { progressStyleHookMapping } from '../root/styleHooks';
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
 const ProgressValue = React.forwardRef(function ProgressValue(
-  props: ProgressValue.Props,
+  componentProps: ProgressValue.Props,
   forwardedRef: React.ForwardedRef<HTMLSpanElement>,
 ) {
-  const { className, render, children, ...elementProps } = props;
+  const { className, render, children, ...elementProps } = componentProps;
 
   const { value, formattedValue, state } = useProgressRootContext();
 
   const formattedValueArg = value == null ? 'indeterminate' : formattedValue;
   const formattedValueDisplay = value == null ? null : formattedValue;
 
-  const renderElement = useRenderElement('span', props, {
+  const renderElement = useRenderElement('span', componentProps, {
     state,
     ref: forwardedRef,
     props: [