Fix typos

Author: Sija

source/Card.mint

@@ -1,4 +1,4 @@
-/* A Card is used to display data in sematically grouped way. */
+/* A Card is used to display data in semantically grouped way. */
 component Ui.Card {
   /* The click event handler. */
   property onClick : Maybe(Function(Html.Event, Promise(Void))) = Maybe::Nothing

source/Enums/Field.mint

@@ -1,11 +1,11 @@
 /* An enum representing Ui.Field layouts. */
 enum Ui.Field {
-  /* The input and label are layed out horizontally (input first). */
+  /* The input and label are laid out horizontally (input first). */
   HorizontalReverse
 
-  /* The input and label are layed out horizontally (label first). */
+  /* The input and label are laid out horizontally (label first). */
   Horizontal
 
-  /* The input and label are layed out veticall (label first). */
+  /* The input and label are laid out veticall (label first). */
   Vertical
 }

source/Enums/Position.mint

@@ -17,7 +17,7 @@ enum Ui.Position {
   LeftTop
 }
 
-/* Utility functions for working with `Ui.Poisition`. */
+/* Utility functions for working with `Ui.Position`. */
 module Ui.Position {
   /* Converts the given string value in to a position. */
   fun fromString (value : String) : Ui.Position {

source/FileInput.mint

@@ -74,7 +74,7 @@ component Ui.FileInput {
     opacity: 0.75;
   }
 
-  /* Styles for the fileds container. */
+  /* Styles for the fields container. */
   style infos {
     border-bottom: 0.0625em solid var(--file-input-border);
     margin-bottom: 0.5em;

source/InteractiveList.Item.mint

@@ -9,10 +9,10 @@ component Ui.InteractiveList.Item {
   /* The content to render. */
   property children : Array(Html) = []
 
-  /* Whether or not the item is inteded. */
+  /* Whether or not the item is intended. */
   property intended : Bool = false
 
-  /* Whether or not the item is slected. */
+  /* Whether or not the item is selected. */
   property selected : Bool = false
 
   /* Styles for the base. */

source/Layout.Documentation.mint

@@ -8,7 +8,7 @@ component Ui.Layout.Documentation {
   /* The size of the component. */
   property size : Ui.Size = Ui.Size::Inherit
 
-  /* The items groupped by a string. */
+  /* The items grouped by a string. */
   property items : Array(Ui.NavItem) = []
 
   /* The breakpoint to render the table of contents. */

source/Notifications.mint

@@ -15,7 +15,7 @@ global component Ui.Notifications {
     display: flex;
 
     @media (max-width: 900px) {
-      width: cacl(100vw - 1em);
+      width: calc(100vw - 1em);
       left: 1em;
     }
   }

source/Picker.mint

@@ -127,7 +127,7 @@ component Ui.Picker {
     status == Ui.Picker.Status::Open
   }
 
-  /* Returns if the picker is focued. */
+  /* Returns if the picker is focused. */
   get focused : Bool {
     status == Ui.Picker.Status::Focused ||
       status == Ui.Picker.Status::Open

source/Textarea.mint

@@ -236,7 +236,7 @@ component Ui.Textarea {
                     })
                   |> Maybe.withDefault(<></>)
 
-                /* Map lines into spans spearated by line breaks. */
+                /* Map lines into spans separated by line breaks. */
                 let spans =
                   lines
                   |> Array.map(

source/Toggle.mint

@@ -111,7 +111,7 @@ component Ui.Toggle {
     }
   }
 
-  /* Toggles the componnet. */
+  /* Toggles the component. */
   fun toggle : Promise(Void) {
     onChange(!checked)
   }