style: rename rest parameter to other

Author: ze-flo

packages/chrome/src/elements/header/Header.tsx

@@ -15,8 +15,8 @@ import { HeaderItemText } from './HeaderItemText';
 import { HeaderItemWrapper } from './HeaderItemWrapper';
 
 export const HeaderComponent = React.forwardRef<HTMLElement, IHeaderProps>(
-  ({ isStandalone, ...rest }, ref) => (
-    <StyledHeader ref={ref} $isStandalone={isStandalone} {...rest} />
+  ({ isStandalone, ...other }, ref) => (
+    <StyledHeader ref={ref} $isStandalone={isStandalone} {...other} />
   )
 );
 

packages/chrome/src/elements/header/HeaderItem.tsx

@@ -16,7 +16,7 @@ import { StyledHeaderItem, StyledLogoHeaderItem } from '../../styled';
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 export const HeaderItem = React.forwardRef<HTMLButtonElement, IHeaderItemProps>(
-  ({ hasLogo, isRound, maxX, maxY, product, ...rest }, ref) => {
+  ({ hasLogo, isRound, maxX, maxY, product, ...other }, ref) => {
     if (hasLogo) {
       return (
         <StyledLogoHeaderItem
@@ -25,12 +25,12 @@ export const HeaderItem = React.forwardRef<HTMLButtonElement, IHeaderItemProps>(
           $maxX={maxX}
           $maxY={maxY}
           $product={product}
-          {...rest}
+          {...other}
         />
       );
     }
 
-    return <StyledHeaderItem ref={ref} $isRound={isRound} $maxX={maxX} $maxY={maxY} {...rest} />;
+    return <StyledHeaderItem ref={ref} $isRound={isRound} $maxX={maxX} $maxY={maxY} {...other} />;
   }
 );
 

packages/chrome/src/elements/header/HeaderItemText.tsx

@@ -16,8 +16,8 @@ import { StyledHeaderItemText } from '../../styled';
  * @extends HTMLAttributes<HTMLSpanElement>
  */
 export const HeaderItemText = React.forwardRef<HTMLElement, IHeaderItemTextProps>(
-  ({ isClipped, ...rest }, ref) => (
-    <StyledHeaderItemText ref={ref} $isClipped={isClipped} {...rest} />
+  ({ isClipped, ...other }, ref) => (
+    <StyledHeaderItemText ref={ref} $isClipped={isClipped} {...other} />
   )
 );
 

packages/chrome/src/elements/nav/Nav.tsx

@@ -18,7 +18,7 @@ import { NavItemText } from './NavItemText';
 import { NavList } from './NavList';
 
 export const NavComponent = React.forwardRef<HTMLElement, INavProps>(
-  ({ isExpanded, ...rest }, ref) => {
+  ({ isExpanded, ...other }, ref) => {
     const { hue, isLight } = useChromeContext();
     const navContextValue = useMemo(() => ({ isExpanded: !!isExpanded }), [isExpanded]);
 
@@ -30,7 +30,7 @@ export const NavComponent = React.forwardRef<HTMLElement, INavProps>(
         })}
       >
         <NavContext.Provider value={navContextValue}>
-          <StyledNav ref={ref} $isExpanded={isExpanded} $hue={hue} {...rest} />
+          <StyledNav ref={ref} $isExpanded={isExpanded} $hue={hue} {...other} />
         </NavContext.Provider>
       </ThemeProvider>
     );

packages/chrome/src/elements/nav/NavItemText.tsx

@@ -17,11 +17,11 @@ import { useNavContext } from '../../utils/useNavContext';
  * @extends HTMLAttributes<HTMLSpanElement>
  */
 export const NavItemText = React.forwardRef<HTMLElement, INavItemTextProps>(
-  ({ isWrapped, ...rest }, ref) => {
+  ({ isWrapped, ...other }, ref) => {
     const { isExpanded } = useNavContext();
 
     return (
-      <StyledNavItemText ref={ref} $isExpanded={isExpanded} $isWrapped={isWrapped} {...rest} />
+      <StyledNavItemText ref={ref} $isExpanded={isExpanded} $isWrapped={isWrapped} {...other} />
     );
   }
 );

packages/chrome/src/elements/sheet/components/Footer.tsx

@@ -9,8 +9,8 @@ import React, { forwardRef } from 'react';
 import { ISheetFooterProps } from '../../../types';
 import { StyledSheetFooter } from '../../../styled';
 
-const SheetFooter = forwardRef<HTMLElement, ISheetFooterProps>(({ isCompact, ...rest }, ref) => {
-  return <StyledSheetFooter ref={ref} $isCompact={isCompact} {...rest} />;
+const SheetFooter = forwardRef<HTMLElement, ISheetFooterProps>(({ isCompact, ...other }, ref) => {
+  return <StyledSheetFooter ref={ref} $isCompact={isCompact} {...other} />;
 });
 
 SheetFooter.displayName = 'Sheet.Footer';