chore: fix some comments (#2956)

packages/react/dialog/src/Dialog.tsx

@@ -386,7 +386,7 @@ const DialogContentImpl = React.forwardRef<DialogContentImplElement, DialogConte
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
 
     // Make sure the whole tree has focus guards as our `Dialog` will be
-    // the last element in the DOM (beacuse of the `Portal`)
+    // the last element in the DOM (because of the `Portal`)
     useFocusGuards();
 
     return (

packages/react/menu/src/Menu.tsx

@@ -422,7 +422,7 @@ const MenuContentImpl = React.forwardRef<MenuContentImplElement, MenuContentImpl
     }, []);
 
     // Make sure the whole tree has focus guards as our `MenuContent` may be
-    // the last element in the DOM (beacuse of the `Portal`)
+    // the last element in the DOM (because of the `Portal`)
     useFocusGuards();
 
     const isPointerMovingToSubmenu = React.useCallback((event: React.PointerEvent) => {

packages/react/popover/src/Popover.tsx

@@ -393,7 +393,7 @@ const PopoverContentImpl = React.forwardRef<PopoverContentImplElement, PopoverCo
     const popperScope = usePopperScope(__scopePopover);
 
     // Make sure the whole tree has focus guards as our `Popover` may be
-    // the last element in the DOM (beacuse of the `Portal`)
+    // the last element in the DOM (because of the `Portal`)
     useFocusGuards();
 
     return (

packages/react/primitive/src/Primitive.tsx

@@ -74,7 +74,7 @@ const Primitive = NODES.reduce((primitive, node) => {
  *
  * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.
  * This utility should be used when dispatching a custom event from within another `discrete` event, this utility
- * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.
+ * is not necessary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.
  * For example:
  *
  * dispatching a known click 👎

packages/react/select/src/Select.tsx

@@ -1580,8 +1580,8 @@ const BubbleSelect = React.forwardRef<HTMLSelectElement, React.ComponentPropsWit
      * as possible.
      *
      * We purposefully do not add the `value` attribute here to allow the value
-     * to be set programatically and bubble to any parent form `onChange` event.
-     * Adding the `value` will cause React to consider the programatic
+     * to be set programmatically and bubble to any parent form `onChange` event.
+     * Adding the `value` will cause React to consider the programmatic
      * dispatch a duplicate and it will get swallowed.
      *
      * We use `VisuallyHidden` rather than `display: "none"` because Safari autofill

packages/react/slider/src/Slider.tsx

@@ -653,8 +653,8 @@ const BubbleInput = (props: React.ComponentPropsWithoutRef<'input'>) => {
    * wrap it will not be able to access its value via the FormData API.
    *
    * We purposefully do not add the `value` attribute here to allow the value
-   * to be set programatically and bubble to any parent form `onChange` event.
-   * Adding the `value` will cause React to consider the programatic
+   * to be set programmatically and bubble to any parent form `onChange` event.
+   * Adding the `value` will cause React to consider the programmatic
    * dispatch a duplicate and it will get swallowed.
    */
   return <input style={{ display: 'none' }} {...inputProps} ref={ref} defaultValue={value} />;

packages/react/toast/src/Toast.stories.tsx

@@ -405,7 +405,7 @@ export const Chromatic = () => {
         <Toast.Viewport className={chromaticViewport()}></Toast.Viewport>
       </Toast.Provider>
 
-      <h2>Duration overidden</h2>
+      <h2>Duration overridden</h2>
       <Toast.Provider duration={Infinity}>
         <Toast.Root duration={SNAPSHOT_DELAY - 100} className={rootClass()}>
           <div className={headerClass()}>