[docs] Fix typos in joy and utils package (#46713)

Author: noritaka1166

docs/translations/api-docs-joy/tab-list/tab-list.json

@@ -16,7 +16,7 @@
     "size": { "description": "The size of the component." },
     "slotProps": { "description": "The props used for each slot inside." },
     "slots": { "description": "The components used for each slot inside." },
-    "sticky": { "description": "If provided, the TabList will have postion <code>sticky</code>." },
+    "sticky": { "description": "If provided, the TabList will have position <code>sticky</code>." },
     "sx": {
       "description": "The system prop that allows defining system overrides as well as additional CSS styles."
     },

packages/mui-joy/src/AccordionGroup/AccordionGroup.test.tsx

@@ -78,7 +78,7 @@ describe('<AccordionGroup />', () => {
 
   it('should not warn when using custom color, variant, size', () => {
     expect(() => {
-      // @ts-expect-error as `custom` color, varaint, size is not part of the type system
+      // @ts-expect-error as `custom` color, variant, size is not part of the type system
       render(<AccordionGroup color="custom" variant="custom" size="custom" />);
     }).not.toErrorDev();
   });

packages/mui-joy/src/Step/Step.tsx

@@ -106,7 +106,7 @@ const StepRoot = styled('li', {
               left: `calc(50% + var(--StepIndicator-size) / 2 + var(--Step-connectorInset))`,
               width: `calc(100% - var(--StepIndicator-size) - 2 * var(--Step-connectorInset))`,
             },
-            // Eventhough `:has` is <90% support, we can use it because this is an edge case for vertical step without an indicator.
+            // Even though `:has` is <90% support, we can use it because this is an edge case for vertical step without an indicator.
             [`&:has(.${stepClasses.indicator}:empty)::after`]: {
               '--StepIndicator-size': '0px',
               '--Step-connectorInset': '0px',

packages/mui-joy/src/TabList/TabList.tsx

@@ -214,7 +214,7 @@ TabList.propTypes /* remove-proptypes */ = {
     root: PropTypes.elementType,
   }),
   /**
-   * If provided, the TabList will have postion `sticky`.
+   * If provided, the TabList will have position `sticky`.
    */
   sticky: PropTypes.oneOf(['bottom', 'top']),
   /**

packages/mui-joy/src/TabList/TabListProps.ts

@@ -56,7 +56,7 @@ export interface TabListTypeMap<P = {}, D extends React.ElementType = 'div'> {
      */
     size?: OverridableStringUnion<'sm' | 'md' | 'lg', TabListPropsSizeOverrides>;
     /**
-     * If provided, the TabList will have postion `sticky`.
+     * If provided, the TabList will have position `sticky`.
      */
     sticky?: 'top' | 'bottom';
     /**

packages/mui-utils/src/isMuiElement/isMuiElement.ts

@@ -4,7 +4,7 @@ export default function isMuiElement(element: any, muiNames: readonly string[]):
   return (
     React.isValidElement(element) &&
     muiNames.indexOf(
-      // For server components `muiName` is avaialble in element.type._payload.value.muiName
+      // For server components `muiName` is available in element.type._payload.value.muiName
       // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
       // eslint-disable-next-line no-underscore-dangle
       (element.type as any).muiName ?? (element.type as any)?._payload?.value?.muiName,

packages/mui-utils/src/useControlled/useControlled.ts

@@ -73,7 +73,7 @@ export default function useControlled<T = unknown>(
     }, []);
 
   // TODO: provide overloads for the useControlled function to account for the case where either
-  // controlled or default is not undefiend.
+  // controlled or default is not undefined.
   // In that case the return type should be [T, React.Dispatch<React.SetStateAction<T>>]
   // otherwise it should be [T | undefined, React.Dispatch<React.SetStateAction<T | undefined>>]
   return [value as T, setValueIfUncontrolled];