Fixed typos (#350)

Author: shuvroroy

packages/@headlessui-react/src/components/description/description.test.tsx

@@ -64,7 +64,7 @@ it('should be possible to use a DescriptionProvider and a single Description, an
   `)
 })
 
-it('should be possible to use a DescriptionProvider and multiple Description ocmponents, and have them linked', async () => {
+it('should be possible to use a DescriptionProvider and multiple Description components, and have them linked', async () => {
   function Component(props: { children: ReactNode }) {
     let [describedby, DescriptionProvider] = useDescriptions()
 

packages/@headlessui-react/src/components/focus-trap/focus-trap.test.tsx

@@ -98,13 +98,13 @@ it(
 
     let [a, b, c, d] = Array.from(document.querySelectorAll('input'))
 
-    // Ensure that input-b is the active elememt
+    // Ensure that input-b is the active element
     assertActiveElement(b)
 
     // Tab to the next item
     await press(Keys.Tab)
 
-    // Ensure that input-c is the active elememt
+    // Ensure that input-c is the active element
     assertActiveElement(c)
 
     // Try to move focus

packages/@headlessui-react/src/components/label/label.test.tsx

@@ -64,7 +64,7 @@ it('should be possible to use a LabelProvider and a single Label, and have them
   `)
 })
 
-it('should be possible to use a LabelProvider and multiple Label ocmponents, and have them linked', async () => {
+it('should be possible to use a LabelProvider and multiple Label components, and have them linked', async () => {
   function Component(props: { children: ReactNode }) {
     let [labelledby, LabelProvider] = useLabels()
 

packages/@headlessui-react/src/components/transitions/transition.tsx

@@ -219,7 +219,7 @@ function TransitionChild<TTag extends ElementType = typeof DEFAULT_TRANSITION_CH
 
   let nesting = useNesting(() => {
     // When all children have been unmounted we can only hide ourselves if and only if we are not
-    // transitioning ourserlves. Otherwise we would unmount before the transitions are finished.
+    // transitioning ourselves. Otherwise we would unmount before the transitions are finished.
     if (!isTransitioning.current) {
       setState(TreeStates.Hidden)
       unregister(id)

packages/@headlessui-react/src/components/transitions/utils/transition.test.ts

@@ -39,7 +39,7 @@ it('should be possible to transition', async () => {
   expect(snapshots[1].content).toEqual('<div class="enter enterFrom"></div>')
 
   // NOTE: There is no `enter enterTo`, because we didn't define a duration. Therefore it is not
-  // necessary to put the classes on the element and immediatley remove them.
+  // necessary to put the classes on the element and immediately remove them.
 
   // Cleanup phase
   expect(snapshots[2].content).toEqual('<div class=""></div>')

packages/@headlessui-react/src/components/transitions/utils/transition.ts

@@ -25,7 +25,7 @@ function waitForTransition(node: HTMLElement, done: (reason: Reason) => void) {
   let [durationMs, delaysMs] = [transitionDuration, transitionDelay].map(value => {
     let [resolvedValue = 0] = value
       .split(',')
-      // Remove falseys we can't work with
+      // Remove falsy we can't work with
       .filter(Boolean)
       // Values are returned as `0.3s` or `75ms`
       .map(v => (v.includes('ms') ? parseFloat(v) : parseFloat(v) * 1000))

packages/@headlessui-vue/src/components/focus-trap/focus-trap.test.ts

@@ -153,13 +153,13 @@ it(
 
     let [a, b, c, d] = Array.from(document.querySelectorAll('input'))
 
-    // Ensure that input-b is the active elememt
+    // Ensure that input-b is the active element
     assertActiveElement(b)
 
     // Tab to the next item
     await press(Keys.Tab)
 
-    // Ensure that input-c is the active elememt
+    // Ensure that input-c is the active element
     assertActiveElement(c)
 
     // Try to move focus

packages/@headlessui-vue/src/components/transitions/transition.ts

@@ -179,7 +179,7 @@ export let TransitionChild = defineComponent({
 
     let nesting = useNesting(() => {
       // When all children have been unmounted we can only hide ourselves if and only if we are not
-      // transitioning ourserlves. Otherwise we would unmount before the transitions are finished.
+      // transitioning ourselves. Otherwise we would unmount before the transitions are finished.
       if (!isTransitioning.value) {
         state.value = TreeStates.Hidden
         unregister(id)

packages/@headlessui-vue/src/components/transitions/utils/transition.test.ts

@@ -39,7 +39,7 @@ it('should be possible to transition', async () => {
   expect(snapshots[1].content).toEqual('<div class="enter enterFrom"></div>')
 
   // NOTE: There is no `enter enterTo`, because we didn't define a duration. Therefore it is not
-  // necessary to put the classes on the element and immediatley remove them.
+  // necessary to put the classes on the element and immediately remove them.
 
   // Cleanup phase
   expect(snapshots[2].content).toEqual('<div class=""></div>')